ngx-histaff-alpha 6.6.3 → 6.6.5

package/fesm2022/{ngx-histaff-alpha-design-wrapper.component-DciAa4Ac.mjs → ngx-histaff-alpha-design-wrapper.component-DjnCbdcf.mjs}

@@ -1,18 +1,18 @@
 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, n as CoreWorkflowService, y as CoreFormDesignService, b as AlertService, z as EnumWorkflowStepType, w as alertOptions, E as EnumFormBaseContolType, M as MultiLanguageService, T as TooltipDirective, e as TranslatePipe, h as BaseEditComponent, i as DialogService, A as AppService, j as CorePageEditComponent, F as FullscreenModalLoaderComponent, G as DomService, H as CoreDropdownComponent, J as CoreChecklistComponent, K as CoreDatePickerComponent, L as CoreFormControlSeekerComponent, N as CoreCurrencyInputComponent, o as EnumCoreFormControlSeekerSourceType, O as EnumActorSourceType, P as CoreParamControlComponent, Q as CoreRadioGroupComponent, R as GptService, U as CoreStickerCollectionComponent, V as ApplicationHelpService, W as HotKeysDirective, X as EnumCorePageEditMode, Y as CoreFormComponent, Z as NavigatorService, _ as JsonService } from './ngx-histaff-alpha-ngx-histaff-alpha-DhuO-m8o.mjs';
+import { inject, Component, Injector, runInInjectionContext, effect, Input, ChangeDetectionStrategy, EventEmitter, ElementRef, ViewChild, Output, Renderer2, output, computed, signal, viewChild, ChangeDetectorRef, Injectable, Directive, Pipe, ViewChildren } from '@angular/core';
+import { B as BaseComponent, n as CoreWorkflowService, y as CoreFormDesignService, b as AlertService, z as EnumWorkflowStepType, w as alertOptions, E as EnumFormBaseContolType, M as MultiLanguageService, T as TooltipDirective, e as TranslatePipe, h as BaseEditComponent, i as DialogService, A as AppService, j as CorePageEditComponent, F as FullscreenModalLoaderComponent, G as DomService, o as EnumCoreFormControlSeekerSourceType, H as EnumActorSourceType, J as CoreParamControlComponent, K as CoreRadioGroupComponent, L as GptService, N as CoreRuleTreeService, O as CoreRuleTreeComponent, P as CoreStickerCollectionComponent, Q as ApplicationHelpService, R as HotKeysDirective, U as CoreDatetimeService, p as CoreFormService, V as EnumCorePageEditMode, W as CoreFormComponent, X as NavigatorService, Y as JsonService } from './ngx-histaff-alpha-ngx-histaff-alpha-CQbwDcW4.mjs';
 import * as i1$1 from '@angular/router';
 import { Router, ActivatedRoute, RouterOutlet } from '@angular/router';
 import { catchError, of, BehaviorSubject, distinctUntilChanged } from 'rxjs';
 import { EnumTranslateKey } from 'alpha-global-constants';
-import { AsyncPipe, NgTemplateOutlet, LowerCasePipe, NgStyle } from '@angular/common';
+import { AsyncPipe, LowerCasePipe, NgStyle, NgTemplateOutlet } from '@angular/common';
 import * as i1 from '@angular/forms';
-import { Validators, ReactiveFormsModule, FormGroup, FormControl, FormArray, FormsModule } from '@angular/forms';
-import { CoreFormDesignComponent } from './ngx-histaff-alpha-core-form-design.component-BR-bBzfD.mjs';
-import { trigger, state, transition, style, animate } from '@angular/animations';
+import { Validators, FormsModule } from '@angular/forms';
+import { CoreFormDesignComponent } from './ngx-histaff-alpha-core-form-design.component-BWdjH0_j.mjs';
 import { HttpClient } from '@angular/common/http';
-import { C as CoreToastLoadingComponent } from './ngx-histaff-alpha-core-toast-loading.component-BLmTVuMI.mjs';
-import { R as RoutingPreviewPanelComponent } from './ngx-histaff-alpha-live-form.component-CKurce5Q.mjs';
+import { C as CoreToastLoadingComponent } from './ngx-histaff-alpha-core-toast-loading.component-BAA0-x9x.mjs';
+import { R as RoutingPreviewPanelComponent } from './ngx-histaff-alpha-live-form.component-C-feoub0.mjs';
+import { trigger, state, transition, style, animate } from '@angular/animations';
 
 class CurrentHeaderComponent extends BaseComponent {
     constructor(mls) {
@@ -29,7 +29,8 @@ class CurrentHeaderComponent extends BaseComponent {
             { index: 1, label: 'Basic Info', changed: this.wfs.$basicInfoChanged, onClick: () => this.goToBasicInfo() },
             { index: 2, label: 'Form Design', changed: this.wfs.$formDesignChanged, onClick: () => this.goToFormDesign() },
             { index: 3, label: 'Process Design', changed: this.wfs.$processDesignChanged, onClick: () => this.goToProcessDesign() },
-            { index: 4, label: 'Email Templates', changed: this.wfs.$moreChanged, onClick: () => this.goToEmailTemplates() }
+            { index: 4, label: 'Delegation', changed: this.wfs.$processDesignChanged, onClick: () => this.goToDelegation() },
+            { index: 5, label: 'Email Templates', changed: this.wfs.$moreChanged, onClick: () => this.goToEmailTemplates() }
         ];
     }
     findStepMissingFallback(steps) {
@@ -58,11 +59,18 @@ class CurrentHeaderComponent extends BaseComponent {
             this.$activeTab.set(1); // Jump to Basic Info tab
             return;
         }
+        if (this.wfs.delegationForm.invalid) {
+            this.alertService.warn('Invalid Delegation', alertOptions);
+            this.wfs.delegationFormCheckError$.next(true);
+            setTimeout(() => this.wfs.delegationFormCheckError$.next(false), 5000);
+            this.$activeTab.set(4); // Jump to Basic Info tab
+            return;
+        }
         if (this.wfs.emailTemplatesForm.invalid) {
             this.alertService.warn('Invalid Email Templates', alertOptions);
             this.wfs.emailTemplatesFormCheckError$.next(true);
             setTimeout(() => this.wfs.emailTemplatesFormCheckError$.next(false), 5000);
-            this.$activeTab.set(4); // Jump to Email Templates tab
+            this.$activeTab.set(5); // Jump to Email Templates tab
             return;
         }
         if (this.fds.$placeholderSections().some(x => x.rows.some(r => r?.cells.some(c => !c.control)))) {
@@ -110,6 +118,14 @@ class CurrentHeaderComponent extends BaseComponent {
         this.wfs.$currentFlow.update(flow => {
             if (flow) {
                 flow.afInstanceDTO = afInstanceDTO;
+                const rawDelegation = this.wfs.delegationForm.getRawValue();
+                rawDelegation.delegationRows
+                    ?.filter(x => !x.delegationId)
+                    .forEach(row => {
+                    row.vfUtc = this.normalizeToStartOfDay(row.vfUtc);
+                    row.vtUtc = this.normalizeToStartOfDay(row.vtUtc);
+                });
+                flow.delegationJson = JSON.stringify(rawDelegation);
                 const templates = this.wfs.emailTemplatesForm.getRawValue();
                 const { submitSubject, submitBody, reactSubject, reactBody, fullyApproveSubject, fullyApproveBody, rejectSubject, rejectBody, cancelSubject, cancelBody, terminateSubject, terminateBody, revokeSubject, revokeBody, ccSubject, ccBody } = templates;
                 flow.submitSubject = submitSubject;
@@ -147,11 +163,21 @@ class CurrentHeaderComponent extends BaseComponent {
                 this.wfs.$initialBasicInfoJson.set(this.wfs.$currentBasicInfoJson());
                 this.wfs.$initialFormDesignJson.set(this.wfs.$currentFormDesignJson());
                 this.wfs.$initialProcessDesignJson.set(this.wfs.$currentProcessDesignJson());
+                this.wfs.$initialDelegationJson.set(this.wfs.$currentDelegationJson());
                 this.router.navigate(['design', x.body.innerBody.id], { relativeTo: this.route.parent?.parent });
                 this.wfs.basicInfoForm.get('id')?.patchValue(x.body.innerBody.id);
             }
         }));
     }
+    normalizeToStartOfDay(date) {
+        if (date === null)
+            return date;
+        if (date === undefined)
+            return null;
+        const d = new Date(date);
+        d.setHours(0, 0, 0, 0);
+        return d;
+    }
     preview() {
         if (!!this.fds.$afInstance().normalMode) {
             this.router.navigate([this.wfs.$currentFlow()?.afInstanceId], {
@@ -186,15 +212,18 @@ class CurrentHeaderComponent extends BaseComponent {
     goToProcessDesign() {
         this.$activeTab.set(3);
     }
-    goToEmailTemplates() {
+    goToDelegation() {
         this.$activeTab.set(4);
     }
+    goToEmailTemplates() {
+        this.$activeTab.set(5);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CurrentHeaderComponent, deps: [{ token: MultiLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CurrentHeaderComponent, isStandalone: true, selector: "current-header", usesInheritance: true, ngImport: i0, template: "<div class=\"current-header-container\">\r\n    <div class=\"left pointer\" (click)=\"backToList()\">\r\n\r\n        <div class=\"icon-wrapper\" [appTooltip]=\"'Back to list' | translate : lang\" [showAnyway]=\"true\">\r\n            <i class=\"feather-chevron-left\"></i>\r\n        </div>\r\n        <div class=\"current-flow-name\" [appTooltip]=\"wfs.$currentFlow()?.name || ''\">\r\n            {{ wfs.$currentFlow()?.name || 'New Workflow' }}\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"stages\">\r\n        @for (step of steps; track step.index) {\r\n        <div\r\n            class=\"step-wrapper\"\r\n            [class.active]=\"$activeTab() === step.index\"\r\n            [class.changed]=\"step.changed()\"\r\n            (click)=\"step.onClick()\"\r\n            (keydown.enter)=\"step.onClick()\"\r\n        >\r\n            <div class=\"order\">{{ step.index }}</div>\r\n            <div class=\"step\">{{ step.label }}</div>\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"right\">\r\n        <button type=\"button\" class=\"btn preview\" (click)=\"preview()\">Preview</button>\r\n        <button type=\"button\" class=\"btn publish\" (click)=\"publish()\">Save</button>\r\n    </div>\r\n  </div>\r\n  ", styles: [".current-header-container{height:50px;display:flex;gap:24px;overflow:visible;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.current-header-container .left{height:50px;display:flex;gap:24px;justify-content:flex-start;align-items:center}.current-header-container .left .icon-wrapper{cursor:pointer}.current-header-container .left .icon-wrapper i{font-size:24px}.current-header-container .left .current-flow-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.current-header-container .stages{height:50px;display:flex;gap:36px;justify-content:center;align-items:center;overflow:visible}.current-header-container .stages .step-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;height:50px;cursor:pointer;transition:all .5s ease-out}.current-header-container .stages .step-wrapper .order{display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin-right:8px;border:1px solid #bbb;border-radius:50%;transform:none;transition:all .5s ease-out}.current-header-container .stages .step-wrapper .step{display:flex;align-items:center;justify-content:flex-start;font-size:14px;color:#666;height:50px;position:relative;transition:all .5s ease-out}.current-header-container .stages .step-wrapper .step:after{content:\"\";position:absolute;width:0px;height:0px;display:block;left:0;bottom:15px;border:1px dashed #848484;opacity:0;transition:width opacity .25s ease-out}.current-header-container .stages .step-wrapper.active:after{content:\"\";display:block;position:absolute;left:0;bottom:-3px;width:100%;height:3px;background-color:#87ceeb;z-index:1}.current-header-container .stages .step-wrapper.active .order{background-color:#87ceeb;color:#fff;backface-visibility:hidden;-webkit-font-smoothing:antialiased;box-shadow:#88a5bf7a 6px 2px 16px,#fffc -6px -2px 16px}.current-header-container .stages .step-wrapper.active .step{font-weight:700;color:#007bff}.current-header-container .stages .step-wrapper.changed .step:after{width:100%;opacity:1}.current-header-container .right{display:flex;align-items:center;justify-content:flex-end}.current-header-container .right button.preview{background-color:#87ceeb;color:#fff;border-radius:0;height:35px;font-size:13px;margin-right:8px}.current-header-container .right button.publish{background-color:#000;color:#fff;border-radius:0;height:35px;font-size:13px}@media (max-width: 992px){.current-header-container .step{width:0px;display:none!important}.current-header-container .order{margin:0!important}}@media (max-width: 768px){.current-header-container .stages{gap:8px}}\n"], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CurrentHeaderComponent, isStandalone: true, selector: "current-header", usesInheritance: true, ngImport: i0, template: "<div class=\"current-header-container\">\r\n    <div class=\"left pointer\" (click)=\"backToList()\">\r\n\r\n        <div class=\"icon-wrapper\" [appTooltip]=\"'Back to list' | translate : lang\" [showAnyway]=\"true\">\r\n            <i class=\"feather-chevron-left\"></i>\r\n        </div>\r\n        <div class=\"current-flow-name\" [appTooltip]=\"wfs.$currentFlow()?.name || ''\">\r\n            {{ wfs.$currentFlow()?.name || 'New Workflow' }}\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"stages\">\r\n        @for (step of steps; track step.index) {\r\n        <div\r\n            class=\"step-wrapper\"\r\n            [class.active]=\"$activeTab() === step.index\"\r\n            [class.changed]=\"step.changed()\"\r\n            (click)=\"step.onClick()\"\r\n            (keydown.enter)=\"step.onClick()\"\r\n        >\r\n            <div class=\"order\">{{ step.index }}</div>\r\n            <div class=\"step\">{{ step.label }}</div>\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"right\">\r\n        <button type=\"button\" class=\"btn preview\" (click)=\"preview()\">Preview</button>\r\n        <button type=\"button\" class=\"btn publish\" (click)=\"publish()\">Save</button>\r\n    </div>\r\n  </div>\r\n  ", styles: [".current-header-container{height:50px;display:flex;gap:24px;overflow:visible;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.current-header-container .left{height:50px;display:flex;gap:24px;justify-content:flex-start;align-items:center}.current-header-container .left .icon-wrapper{cursor:pointer}.current-header-container .left .icon-wrapper i{font-size:24px}.current-header-container .left .current-flow-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.current-header-container .stages{height:50px;display:flex;gap:36px;justify-content:center;align-items:center;overflow:visible}.current-header-container .stages .step-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;height:50px;cursor:pointer;transition:all .5s ease-out}.current-header-container .stages .step-wrapper .order{display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin-right:8px;border:1px solid #bbb;border-radius:50%;transform:none;transition:all .5s ease-out}.current-header-container .stages .step-wrapper .step{display:flex;align-items:center;justify-content:flex-start;font-size:14px;color:#666;height:50px;position:relative;transition:all .5s ease-out}.current-header-container .stages .step-wrapper .step:after{content:\"\";position:absolute;width:0px;height:0px;display:block;left:0;bottom:15px;border:1px dashed #848484;opacity:0;transition:width opacity .25s ease-out}.current-header-container .stages .step-wrapper.active:after{content:\"\";display:block;position:absolute;left:0;bottom:-3px;width:100%;height:3px;background-color:#87ceeb;z-index:1}.current-header-container .stages .step-wrapper.active .order{background-color:#87ceeb;color:#fff;backface-visibility:hidden;-webkit-font-smoothing:antialiased;box-shadow:#88a5bf7a 6px 2px 16px,#fffc -6px -2px 16px}.current-header-container .stages .step-wrapper.active .step{font-weight:700;color:#007bff}.current-header-container .stages .step-wrapper.changed .step:after{width:100%;opacity:1}.current-header-container .right{display:flex;align-items:center;justify-content:flex-end}.current-header-container .right button.preview{background-color:#87ceeb;color:#fff;border-radius:0;height:35px;font-size:13px;margin-right:8px}.current-header-container .right button.publish{background-color:#000;color:#fff;border-radius:0;height:35px;font-size:13px}@media (max-width: 992px){.current-header-container .step{width:0px;display:none!important}.current-header-container .order{margin:0!important}}@media (max-width: 768px){.current-header-container .stages{gap:8px}}\n"], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CurrentHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'current-header', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            args: [{ selector: 'current-header', imports: [
                         TooltipDirective,
                         TranslatePipe
                     ], template: "<div class=\"current-header-container\">\r\n    <div class=\"left pointer\" (click)=\"backToList()\">\r\n\r\n        <div class=\"icon-wrapper\" [appTooltip]=\"'Back to list' | translate : lang\" [showAnyway]=\"true\">\r\n            <i class=\"feather-chevron-left\"></i>\r\n        </div>\r\n        <div class=\"current-flow-name\" [appTooltip]=\"wfs.$currentFlow()?.name || ''\">\r\n            {{ wfs.$currentFlow()?.name || 'New Workflow' }}\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"stages\">\r\n        @for (step of steps; track step.index) {\r\n        <div\r\n            class=\"step-wrapper\"\r\n            [class.active]=\"$activeTab() === step.index\"\r\n            [class.changed]=\"step.changed()\"\r\n            (click)=\"step.onClick()\"\r\n            (keydown.enter)=\"step.onClick()\"\r\n        >\r\n            <div class=\"order\">{{ step.index }}</div>\r\n            <div class=\"step\">{{ step.label }}</div>\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"right\">\r\n        <button type=\"button\" class=\"btn preview\" (click)=\"preview()\">Preview</button>\r\n        <button type=\"button\" class=\"btn publish\" (click)=\"publish()\">Save</button>\r\n    </div>\r\n  </div>\r\n  ", styles: [".current-header-container{height:50px;display:flex;gap:24px;overflow:visible;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.current-header-container .left{height:50px;display:flex;gap:24px;justify-content:flex-start;align-items:center}.current-header-container .left .icon-wrapper{cursor:pointer}.current-header-container .left .icon-wrapper i{font-size:24px}.current-header-container .left .current-flow-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.current-header-container .stages{height:50px;display:flex;gap:36px;justify-content:center;align-items:center;overflow:visible}.current-header-container .stages .step-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;height:50px;cursor:pointer;transition:all .5s ease-out}.current-header-container .stages .step-wrapper .order{display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin-right:8px;border:1px solid #bbb;border-radius:50%;transform:none;transition:all .5s ease-out}.current-header-container .stages .step-wrapper .step{display:flex;align-items:center;justify-content:flex-start;font-size:14px;color:#666;height:50px;position:relative;transition:all .5s ease-out}.current-header-container .stages .step-wrapper .step:after{content:\"\";position:absolute;width:0px;height:0px;display:block;left:0;bottom:15px;border:1px dashed #848484;opacity:0;transition:width opacity .25s ease-out}.current-header-container .stages .step-wrapper.active:after{content:\"\";display:block;position:absolute;left:0;bottom:-3px;width:100%;height:3px;background-color:#87ceeb;z-index:1}.current-header-container .stages .step-wrapper.active .order{background-color:#87ceeb;color:#fff;backface-visibility:hidden;-webkit-font-smoothing:antialiased;box-shadow:#88a5bf7a 6px 2px 16px,#fffc -6px -2px 16px}.current-header-container .stages .step-wrapper.active .step{font-weight:700;color:#007bff}.current-header-container .stages .step-wrapper.changed .step:after{width:100%;opacity:1}.current-header-container .right{display:flex;align-items:center;justify-content:flex-end}.current-header-container .right button.preview{background-color:#87ceeb;color:#fff;border-radius:0;height:35px;font-size:13px;margin-right:8px}.current-header-container .right button.publish{background-color:#000;color:#fff;border-radius:0;height:35px;font-size:13px}@media (max-width: 992px){.current-header-container .step{width:0px;display:none!important}.current-header-container .order{margin:0!important}}@media (max-width: 768px){.current-header-container .stages{gap:8px}}\n"] }]
@@ -377,7 +406,7 @@ class WfBasicInfoComponent extends BaseEditComponent {
                 .subscribe(x => {
                 if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
                     const newGroupOptions = [];
-                    x.body?.innerBody.forEach(e => {
+                    x.body?.innerBody.forEach((e) => {
                         newGroupOptions.push({
                             value: e.id,
                             text: e.name
@@ -396,7 +425,7 @@ class WfBasicInfoComponent extends BaseEditComponent {
                 return null;
             }
             else {
-                Object.keys(values).forEach(key => {
+                Object.keys(values).forEach((key) => {
                     currentFlow[key] = values[key];
                 });
                 return { ...currentFlow };
@@ -593,432 +622,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                 args: ['plusContainer']
             }] } });
 
-class CoreControlValueOnlyComponent {
-    constructor() {
-        this.$control = input.required();
-        this.$form = input.required();
-        this.$fieldName = input();
-        this.as = inject(AlertService);
-        effect(() => {
-            const control = this.$control();
-            const form = this.$form();
-            form.get(control?.field)?.valueChanges.subscribe(x => {
-                this.coerceControlValue();
-            });
-        });
-    }
-    coerceControlValue() {
-        const controlType = this.$control()?.controlType;
-        switch (controlType) {
-            case EnumFormBaseContolType.TEXTBOX:
-                this.coerceNumber();
-                break;
-            case EnumFormBaseContolType.DATEPICKER:
-                this.coerceDate();
-                break;
-        }
-    }
-    coerceDate() {
-        const field = this.$fieldName() || this.$control().field;
-        const control = this.$form().get(field);
-        const value = control?.value;
-        if (this.$control()?.type === 'date') {
-            if (value instanceof Date) {
-                const normalized = this.formatDateOnly(value);
-                control?.setValue(normalized, { emitEvent: false });
-            }
-            else if (typeof value === 'string' && /^\d{4}-\d{2}-\d{2}T/.test(value)) {
-                const normalized = value.split('T')[0];
-                control?.setValue(normalized, { emitEvent: false });
-            }
-        }
-    }
-    formatDateOnly(date) {
-        const y = date.getFullYear();
-        const m = String(date.getMonth() + 1).padStart(2, '0');
-        const d = String(date.getDate()).padStart(2, '0');
-        return `${y}-${m}-${d}`;
-    }
-    coerceNumber() {
-        const field = this.$fieldName() || this.$control().field;
-        const control = this.$form().get(field);
-        const value = control?.value;
-        if (this.$control()?.type === 'number' && typeof value === 'string') {
-            const trimmed = value.trim();
-            if (trimmed === '') {
-                control?.setValue(null, { emitEvent: false }); // ✅ treat empty string as null
-                return;
-            }
-            if (!isNaN(+trimmed)) {
-                control?.setValue(Number(trimmed), { emitEvent: false });
-            }
-        }
-    }
-    ngOnInit() {
-        const field = this.$fieldName() || this.$control().field;
-        const control = this.$form().get(field);
-        if (!control) {
-            if (isDevMode()) {
-                this.as.error("control is undefined|null", alertOptions);
-            }
-            return;
-        }
-        this.coerceControlValue(); // Run once on init
-        control.valueChanges.subscribe(() => {
-            this.coerceControlValue(); // Run on every input change
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreControlValueOnlyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreControlValueOnlyComponent, isStandalone: true, selector: "core-control-value-only", inputs: { $control: { classPropertyName: "$control", publicName: "$control", isSignal: true, isRequired: true, transformFunction: null }, $form: { classPropertyName: "$form", publicName: "$form", isSignal: true, isRequired: true, transformFunction: null }, $fieldName: { classPropertyName: "$fieldName", publicName: "$fieldName", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [formGroup]=\"$form()\">\r\n    @switch ($control()?.controlType) {\r\n    @case ('TEXTBOX') {\r\n    <input class=\"form-control\" [formControlName]=\"$fieldName() || $control()?.field || ''\" [type]=\"$control()?.type || 'text'\"\r\n        [placeholder]=\"$control()?.placeholder || ''\" [readonly]=\"$control()?.readonly\" />\r\n    }\r\n    @case ('CURRENCY') {\r\n    <core-currency-input [formControlName]=\"$fieldName() || $control()?.field || ''\"\r\n        [placeholder]=\"$control()?.placeholder || ''\">\r\n    </core-currency-input>\r\n    }\r\n    @case ('DROPDOWN') {\r\n    @if ($control()?.dropdownOptions$) {\r\n    <core-dropdown \r\n        [formControlName]=\"$fieldName() || $control()?.field || ''\" \r\n        [options$]=\"$control()?.dropdownOptions$!\"\r\n        [getByIdObject$]=\"$control()?.getByIdObject$!\"\r\n        [shownFrom]=\"$control()?.shownFrom!\"\r\n\r\n        [optionApiDriven]=\"$control()?.optionApiDriven!\"\r\n        [optionApi]=\"$control()?.optionApi!\"\r\n        [optionHttpVerb]=\"$control()?.optionHttpVerb!\"\r\n        [optionHttpPayload]=\"$control()?.optionHttpPayload!\"\r\n        [optionValueFrom]=\"$control()?.optionValueFrom!\"\r\n        [optionTextFrom]=\"$control()?.optionTextFrom!\"\r\n    >\r\n    </core-dropdown>\r\n    }\r\n    }\r\n    @case ('CHECKLIST') {\r\n    @if ($control()?.checklistOptions$) {\r\n    <core-checklist [formControlName]=\"$fieldName() || $control()?.field || ''\" [options$]=\"$control()?.checklistOptions$!\">\r\n    </core-checklist>\r\n    }\r\n    }\r\n    @case ('DATEPICKER') {\r\n    <core-date-picker [formControlName]=\"$fieldName() || $control()?.field || ''\" [rangeLimit]=\"$control()?.rangeLimit!\"\r\n        [popupAlign]=\"$control()?.popupAlign!\" [placeholder]=\"$control()?.placeholder || ''\"\r\n        [readonly]=\"$control()?.readonly!\">\r\n    </core-date-picker>\r\n    }\r\n    @case ('SEEKER') {\r\n    <core-form-control-seeker [formControlName]=\"$fieldName() || $control()?.field || ''\"\r\n        [seekerSourceType]=\"$control()?.seekerSourceType!\" [shownFrom]=\"$control()?.shownFrom!\"\r\n        [multiMode]=\"$control()?.multiMode!\"\r\n        [boundFrom]=\"$control()?.boundFrom!\" [objectList$]=\"$control()?.objectList$!\">\r\n    </core-form-control-seeker>\r\n    }\r\n    @default {\r\n    <input class=\"form-control\" [formControlName]=\"$fieldName() || $control()?.field || ''\" type=\"text\"\r\n        [placeholder]=\"$control()?.placeholder || ''\" [readonly]=\"$control()?.readonly\" />\r\n    }\r\n    }\r\n</div>", styles: [":host{display:block}input.form-control,core-dropdown,core-checklist,core-date-picker,core-currency-input,core-form-control-seeker{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CoreDropdownComponent, selector: "core-dropdown", inputs: ["getByIdObject$", "paramMode", "shownFrom", "options$", "height", "placeholder", "loading", "warningDisable", "clearDisable", "fitHeightWithItemCount", "itemHeight", "optionApiDriven", "optionApi", "optionHttpVerb", "optionHttpPayload", "optionValueFrom", "optionTextFrom"] }, { kind: "component", type: CoreChecklistComponent, selector: "core-checklist", inputs: ["paramMode", "getByIdObject$", "shownFrom", "options$", "height", "placeholder", "loading", "readonly", "disabled"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled"] }, { kind: "component", type: CoreFormControlSeekerComponent, selector: "core-form-control-seeker", inputs: ["title", "showPageHeader", "preDefinedOuterParam$", "preDefinedOuterFilter$", "click$", "getByIdObject$", "getByIdApi", "paramMode", "multiMode", "objectList$", "useTheseColumns", "hideOrgTree", "excludedColumns", "excludeExistingList", "placeholder", "sourceSpaceHeight", "indirectBinding", "bindGridIdTo", "multiModeExtendedColumns", "multiModeExtendedSections", "editBufferData$", "multiModeTableHeight", "multiModeRowHeight", "seekerSourceType", "boundFrom", "shownFrom", "alsoBindTo", "seekerVerifyIgnore", "disabledDoubleClick", "selfEnrichmentApiDriven", "selfEnrichmentApi", "selfEnrichmentHttpVerb", "selfEnrichmentHttpPayload", "selfEnrichmentShownFrom"], outputs: ["onDoubleClick", "selectedDataChange", "fullValueRowChange"] }, { kind: "component", type: CoreCurrencyInputComponent, selector: "core-currency-input", inputs: ["currencySign", "placeholder"], outputs: ["onLeftFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreControlValueOnlyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'core-control-value-only', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        ReactiveFormsModule,
-                        CoreDropdownComponent,
-                        CoreChecklistComponent,
-                        CoreDatePickerComponent,
-                        CoreFormControlSeekerComponent,
-                        CoreCurrencyInputComponent
-                    ], template: "<div [formGroup]=\"$form()\">\r\n    @switch ($control()?.controlType) {\r\n    @case ('TEXTBOX') {\r\n    <input class=\"form-control\" [formControlName]=\"$fieldName() || $control()?.field || ''\" [type]=\"$control()?.type || 'text'\"\r\n        [placeholder]=\"$control()?.placeholder || ''\" [readonly]=\"$control()?.readonly\" />\r\n    }\r\n    @case ('CURRENCY') {\r\n    <core-currency-input [formControlName]=\"$fieldName() || $control()?.field || ''\"\r\n        [placeholder]=\"$control()?.placeholder || ''\">\r\n    </core-currency-input>\r\n    }\r\n    @case ('DROPDOWN') {\r\n    @if ($control()?.dropdownOptions$) {\r\n    <core-dropdown \r\n        [formControlName]=\"$fieldName() || $control()?.field || ''\" \r\n        [options$]=\"$control()?.dropdownOptions$!\"\r\n        [getByIdObject$]=\"$control()?.getByIdObject$!\"\r\n        [shownFrom]=\"$control()?.shownFrom!\"\r\n\r\n        [optionApiDriven]=\"$control()?.optionApiDriven!\"\r\n        [optionApi]=\"$control()?.optionApi!\"\r\n        [optionHttpVerb]=\"$control()?.optionHttpVerb!\"\r\n        [optionHttpPayload]=\"$control()?.optionHttpPayload!\"\r\n        [optionValueFrom]=\"$control()?.optionValueFrom!\"\r\n        [optionTextFrom]=\"$control()?.optionTextFrom!\"\r\n    >\r\n    </core-dropdown>\r\n    }\r\n    }\r\n    @case ('CHECKLIST') {\r\n    @if ($control()?.checklistOptions$) {\r\n    <core-checklist [formControlName]=\"$fieldName() || $control()?.field || ''\" [options$]=\"$control()?.checklistOptions$!\">\r\n    </core-checklist>\r\n    }\r\n    }\r\n    @case ('DATEPICKER') {\r\n    <core-date-picker [formControlName]=\"$fieldName() || $control()?.field || ''\" [rangeLimit]=\"$control()?.rangeLimit!\"\r\n        [popupAlign]=\"$control()?.popupAlign!\" [placeholder]=\"$control()?.placeholder || ''\"\r\n        [readonly]=\"$control()?.readonly!\">\r\n    </core-date-picker>\r\n    }\r\n    @case ('SEEKER') {\r\n    <core-form-control-seeker [formControlName]=\"$fieldName() || $control()?.field || ''\"\r\n        [seekerSourceType]=\"$control()?.seekerSourceType!\" [shownFrom]=\"$control()?.shownFrom!\"\r\n        [multiMode]=\"$control()?.multiMode!\"\r\n        [boundFrom]=\"$control()?.boundFrom!\" [objectList$]=\"$control()?.objectList$!\">\r\n    </core-form-control-seeker>\r\n    }\r\n    @default {\r\n    <input class=\"form-control\" [formControlName]=\"$fieldName() || $control()?.field || ''\" type=\"text\"\r\n        [placeholder]=\"$control()?.placeholder || ''\" [readonly]=\"$control()?.readonly\" />\r\n    }\r\n    }\r\n</div>", styles: [":host{display:block}input.form-control,core-dropdown,core-checklist,core-date-picker,core-currency-input,core-form-control-seeker{width:100%}\n"] }]
-        }], ctorParameters: () => [] });
-
-class CoreRuleTreeService {
-    constructor() {
-        this.$formValue = signal(null); // Manual form value signal
-        this.$filterFormJsonString = signal('{}');
-        this.$filterString = computed(() => {
-            const json = this.$filterFormJsonString();
-            if (!json)
-                return '()';
-            try {
-                const cleaned = JSON.parse(json);
-                return this.getFilterString(cleaned);
-            }
-            catch {
-                return '()';
-            }
-        });
-    }
-    cleanEmptyFilters(node) {
-        if (!node || typeof node !== 'object')
-            return node;
-        // If it's a group with filters
-        if (Array.isArray(node.filters)) {
-            node.filters = node.filters
-                .map(f => this.cleanEmptyFilters(f))
-                .filter(f => f !== null); // optional: skip nulls
-            if (node.filters.length === 0) {
-                delete node.filters; // ← Clean!
-            }
-        }
-        return node;
-    }
-    getFilterString(filter) {
-        if (!filter || Object.keys(filter).length === 0)
-            return '()';
-        let str = '(';
-        for (let i = 0; i < filter.filters?.length; i++) {
-            if (i > 0)
-                str += ` ${filter.logicalOperator} `;
-            const f = filter.filters[i];
-            if (f?.filters?.length) {
-                str += this.getFilterString(f);
-            }
-            else {
-                const rawVal = f.value;
-                let formattedVal = rawVal;
-                if (rawVal instanceof Date) {
-                    formattedVal = this.formatDateToYMD(rawVal);
-                }
-                else if (typeof rawVal === 'string' && /^\d{4}-\d{2}-\d{2}T/.test(rawVal)) {
-                    // parse ISO string if needed
-                    try {
-                        formattedVal = this.formatDateToYMD(new Date(rawVal));
-                    }
-                    catch { }
-                }
-                str += `${f.name} ${f.relationalOperator} '${formattedVal}'`;
-            }
-        }
-        return str + ')';
-    }
-    formatDateToYMD(date) {
-        const yyyy = date.getFullYear();
-        const mm = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-based
-        const dd = String(date.getDate()).padStart(2, '0');
-        return `${yyyy}-${mm}-${dd}`;
-    }
-    buildFormGroupFromStep(config) {
-        const logicalOperator = config?.logicalOperator ?? 'AND';
-        const buildFilter = (f) => {
-            // If it has logicalOperator and filters → it's a nested group
-            if (f?.logicalOperator && Array.isArray(f.filters)) {
-                return this.buildFormGroupFromStep(f);
-            }
-            return new FormGroup({
-                name: new FormControl(f?.name ?? null),
-                value: new FormControl(f?.value ?? null),
-                relationalOperator: new FormControl(f?.relationalOperator ?? 'EQUAL'),
-                defaultMessage: new FormControl(f?.defaultMessage ?? ''),
-                englishMessage: new FormControl(f?.englishMessage ?? '')
-            });
-        };
-        const filters = Array.isArray(config?.filters)
-            ? config.filters.map(buildFilter)
-            : [];
-        const form = new FormGroup({
-            logicalOperator: new FormControl(logicalOperator),
-            filters: new FormArray(filters)
-        });
-        // Only once all controls exist
-        setTimeout(() => this.$formValue.set(form.getRawValue()));
-        return form;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreRuleTreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreRuleTreeService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreRuleTreeService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
-var EnumCoreRuleTreeOparator;
-(function (EnumCoreRuleTreeOparator) {
-    EnumCoreRuleTreeOparator["EQUAL"] = "EQUAL";
-    EnumCoreRuleTreeOparator["GREATER_THAN"] = "GREATER_THAN";
-    EnumCoreRuleTreeOparator["LESS_THAN"] = "LESS_THAN";
-    EnumCoreRuleTreeOparator["GREATER_OR_EQUAL_THAN"] = "GREATER_OR_EQUAL_THAN";
-    EnumCoreRuleTreeOparator["LESS_OR_EQUAL_THAN"] = "LESS_OR_EQUAL_THAN";
-    EnumCoreRuleTreeOparator["STARTS_WITH"] = "STARTS_WITH";
-    EnumCoreRuleTreeOparator["ENDS_WITH"] = "ENDS_WITH";
-    EnumCoreRuleTreeOparator["CONTAINS"] = "CONTAINS";
-    EnumCoreRuleTreeOparator["IN"] = "IN";
-    EnumCoreRuleTreeOparator["NOT_EQUAL"] = "NOT_EQUAL";
-    EnumCoreRuleTreeOparator["NOT_STARTS_WITH"] = "NOT_STARTS_WITH";
-    EnumCoreRuleTreeOparator["NOT_ENDS_WITH"] = "NOT_ENDS_WITH";
-    EnumCoreRuleTreeOparator["NOT_CONTAINS"] = "NOT_CONTAINS";
-    EnumCoreRuleTreeOparator["NOT_IN"] = "NOT_IN";
-    EnumCoreRuleTreeOparator["IS_NULL"] = "IS_NULL";
-    EnumCoreRuleTreeOparator["IS_NOT_NULL"] = "IS_NOT_NULL";
-})(EnumCoreRuleTreeOparator || (EnumCoreRuleTreeOparator = {}));
-
-class CoreRuleTreeComponent extends BaseComponent {
-    getColLabelTooltip(filterGroup) {
-        const selectedField = filterGroup.get('name')?.value;
-        if (!selectedField)
-            return;
-        const match = this.$totalCols().find(col => col.field === selectedField);
-        return match?.label || selectedField;
-    }
-    shouldShowValueControl(operator) {
-        return operator !== 'IS_NULL' && operator !== 'IS_NOT_NULL';
-    }
-    toggleCollapse(group) {
-        const current = this.collapsedGroups.get(group) || false;
-        this.collapsedGroups.set(group, !current);
-    }
-    isCollapsed(group) {
-        return this.collapsedGroups.get(group) || false;
-    }
-    field() {
-        return new FormGroup({
-            name: new FormControl(null),
-            value: new FormControl(null),
-            relationalOperator: new FormControl('EQUAL'),
-            defaultMessage: new FormControl(''),
-            englishMessage: new FormControl('')
-        });
-    }
-    filter() {
-        return new FormGroup({
-            logicalOperator: new FormControl('AND'),
-            filters: new FormArray([])
-        });
-    }
-    constructor(mls, cdr) {
-        super(mls);
-        this.mls = mls;
-        this.cdr = cdr;
-        // Inputs
-        this.$totalCols = input([]);
-        this.$mainForm = input(new FormGroup({
-            logicalOperator: new FormControl('AND')
-        }));
-        this.$filterStringInput = input();
-        this.$expressionInput = input();
-        // Outputs
-        this.$jsonEmitter = output();
-        this.crts = inject(CoreRuleTreeService);
-        this.$rawValue = computed(() => JSON.stringify(this.$mainForm().getRawValue(), null, 2));
-        // Track collapsed groups manually
-        this.collapsedGroups = new WeakMap();
-        this.operatorFriendlyMap = {
-            [EnumCoreRuleTreeOparator.EQUAL]: 'Equals (=)',
-            [EnumCoreRuleTreeOparator.NOT_EQUAL]: 'Does not equal (≠)',
-            [EnumCoreRuleTreeOparator.STARTS_WITH]: 'Starts with (→)',
-            [EnumCoreRuleTreeOparator.ENDS_WITH]: 'Ends with (←)',
-            [EnumCoreRuleTreeOparator.CONTAINS]: 'Contains (∈)',
-            [EnumCoreRuleTreeOparator.NOT_STARTS_WITH]: 'Does NOT start with (↛)',
-            [EnumCoreRuleTreeOparator.NOT_ENDS_WITH]: 'Does NOT end with (↚)',
-            [EnumCoreRuleTreeOparator.NOT_CONTAINS]: 'Does NOT contain (∉)',
-            [EnumCoreRuleTreeOparator.GREATER_THAN]: 'Greater than (>)',
-            [EnumCoreRuleTreeOparator.LESS_THAN]: 'Less than (<)',
-            [EnumCoreRuleTreeOparator.GREATER_OR_EQUAL_THAN]: 'Greater or equal (≥)',
-            [EnumCoreRuleTreeOparator.LESS_OR_EQUAL_THAN]: 'Less or equal (≤)',
-            [EnumCoreRuleTreeOparator.IN]: 'In list (∈)',
-            [EnumCoreRuleTreeOparator.NOT_IN]: 'Not in list (∉)',
-            [EnumCoreRuleTreeOparator.IS_NULL]: 'Is null',
-            [EnumCoreRuleTreeOparator.IS_NOT_NULL]: 'Is not null',
-        };
-        this.relationalOperator = Object.values(EnumCoreRuleTreeOparator);
-        this.prevJson = signal('{}');
-        effect((onCleanup) => {
-            const form = this.$mainForm();
-            if (!!form) {
-                const sub = form.valueChanges.subscribe(value => {
-                    const updateOperators = (group) => {
-                        const filters = group.get('filters');
-                        if (!filters)
-                            return;
-                        filters.controls.forEach(control => {
-                            if (!(control instanceof FormGroup))
-                                return;
-                            const operator = control.get('relationalOperator')?.value;
-                            const valueControl = control.get('value');
-                            if (operator === 'IS_NULL' || operator === 'IS_NOT_NULL') {
-                                valueControl?.setValue(null, { emitEvent: false });
-                                valueControl?.disable({ emitEvent: false });
-                            }
-                            else {
-                                valueControl?.enable({ emitEvent: false });
-                            }
-                            // 🌀 Recurse safely if this nested control has subfilters
-                            const subFilters = control.get('filters');
-                            if (subFilters && control instanceof FormGroup) {
-                                updateOperators(control);
-                            }
-                        });
-                    };
-                    updateOperators(form);
-                    // 🔁 Now that the form has been normalized, update the signal
-                    this.crts.$formValue.set(form.getRawValue());
-                });
-                onCleanup(() => sub.unsubscribe());
-            }
-        });
-        // ➡️ Separate reaction effect for serialization
-        effect(() => {
-            const formValue = this.crts.$formValue();
-            if (!formValue)
-                return;
-            const cleaned = this.crts.cleanEmptyFilters(formValue); // 👈 apply cleaning here
-            const json = JSON.stringify(cleaned, null, 2);
-            if (json !== this.prevJson()) {
-                this.crts.$filterFormJsonString.set(json.trim());
-                this.$jsonEmitter.emit(json);
-                this.prevJson.set(json);
-            }
-        });
-        effect(() => {
-            const _ = this.$mainForm().getRawValue();
-            const updateAll = (formGroup) => {
-                const filters = formGroup.get('filters');
-                if (!filters)
-                    return;
-                filters.controls.forEach(control => {
-                    // Handle nested groups
-                    const subFilters = control.get('filters');
-                    if (subFilters)
-                        updateAll(control);
-                });
-            };
-            updateAll(this.$mainForm());
-        });
-        // Initialize immediately based on initial form
-        this.crts.$formValue.set(this.$mainForm().getRawValue());
-    }
-    addGroup(groupForm) {
-        const filtersArray = groupForm.get('filters');
-        if (filtersArray) {
-            const newGroup = this.filter(); // 🛠 use your existing filter() factory method
-            filtersArray.push(newGroup);
-        }
-    }
-    removeGroup(groupForm, index) {
-        const filtersArray = groupForm.get('filters');
-        if (filtersArray && filtersArray.length > index) {
-            setTimeout(() => filtersArray.removeAt(index));
-        }
-    }
-    addCondition(groupForm) {
-        const filtersArray = groupForm.get('filters');
-        if (filtersArray) {
-            const newCondition = this.field();
-            filtersArray.push(newCondition);
-        }
-    }
-    removeCondition(filterGroup, index) {
-        const filtersArray = filterGroup.get('filters');
-        if (filtersArray && filtersArray.length > index) {
-            setTimeout(() => filtersArray.removeAt(index));
-        }
-    }
-    resolveControl(fieldName) {
-        const cols = this.$totalCols();
-        if (!cols || !fieldName)
-            return undefined;
-        const tryfind = cols.find(x => x.field === fieldName);
-        return tryfind;
-    }
-    safeStringify(obj) {
-        const seen = new WeakSet();
-        return JSON.stringify(obj, (key, value) => {
-            if (typeof value === 'object' && value !== null) {
-                if (seen.has(value)) {
-                    return undefined; // ✋ Skip circular reference
-                }
-                seen.add(value);
-            }
-            return value;
-        });
-    }
-    isCalculatedField(fieldName) {
-        const control = this.resolveControl(fieldName);
-        return control?.controlType === 'CALCULATED';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreRuleTreeComponent, deps: [{ token: MultiLanguageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreRuleTreeComponent, isStandalone: true, selector: "core-rule-tree", inputs: { $totalCols: { classPropertyName: "$totalCols", publicName: "$totalCols", isSignal: true, isRequired: false, transformFunction: null }, $mainForm: { classPropertyName: "$mainForm", publicName: "$mainForm", isSignal: true, isRequired: false, transformFunction: null }, $filterStringInput: { classPropertyName: "$filterStringInput", publicName: "$filterStringInput", isSignal: true, isRequired: false, transformFunction: null }, $expressionInput: { classPropertyName: "$expressionInput", publicName: "$expressionInput", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { $jsonEmitter: "$jsonEmitter" }, usesInheritance: true, ngImport: i0, template: "<div class=\"core-rule-tree-container\">\r\n\r\n    <form [formGroup]=\"$mainForm()\" (ngSubmit)=\"null\" class=\"core-rule-tree-form\">\r\n\r\n        <div class=\"top-bar\">\r\n          <div class=\"expression-box\">\r\n            Expression = {{ crts.$filterString() || '()' }}\r\n          </div>\r\n      \r\n        </div>\r\n      \r\n        <div class=\"query-builder\">\r\n          <ng-template #queryTemplate let-filter=\"filter\" let-groupToRemove=\"groupToRemove\">\r\n            \r\n            <div class=\"group-card\">\r\n\r\n                <div class=\"group-header\">\r\n\r\n                    <div class=\"logical-operator\">\r\n\r\n                        <select class=\"form-control pointer\" [formControl]=\"filter.get('logicalOperator')\">\r\n                            <option value=\"AND\">AND</option>\r\n                            <option value=\"OR\">OR</option>\r\n                        </select>\r\n\r\n                        <!-- Collapse/Expand Button -->\r\n                        @if (!!filter.value.filters?.length) {\r\n                            <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\"\r\n                                (click)=\"toggleCollapse(filter)\"\r\n                                [appTooltip]=\"isCollapsed(filter) ? 'Expand Group' : 'Collapse Group'\">\r\n                                <i class=\"feather\" [class.feather-plus]=\"isCollapsed(filter)\" [class.feather-minus]=\"!isCollapsed(filter)\"></i>\r\n                            </button>\r\n                        }\r\n                        <div class=\"local-action-buttons\">\r\n                            <button type=\"button\" class=\"btn btn-success feather-file-plus\"\r\n                            (click)=\"addCondition(filter)\"\r\n                            [appTooltip]=\"'Add Condition to this Group'\" [position]=\"'above'\">\r\n                            </button>\r\n                            <button type=\"button\" class=\"btn btn-success feather-folder-plus\"\r\n                            (click)=\"addGroup(filter)\"\r\n                            [appTooltip]=\"'Add Subgroup to this Group'\" [position]=\"'above'\">\r\n                            </button>\r\n                            @if (!!groupToRemove) {\r\n                                <button type=\"button\" class=\"btn btn-danger feather-trash\"\r\n                                (click)=\"removeGroup(groupToRemove.group, groupToRemove.index)\"\r\n                                [appTooltip]=\"'Remove Group'\" [position]=\"'above'\">\r\n                                </button>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"group-content\">\r\n            \r\n                    @if (!isCollapsed(filter)) {\r\n\r\n                        @if (!!filter.value.filters?.length) {\r\n                            <div class=\"filter-list\" formArrayName=\"filters\">\r\n                            @for (childFilter of filter.get('filters').controls; track $index; let idx = $index) {\r\n                                <div class=\"filter-row\" [formGroup]=\"childFilter\">\r\n                \r\n                                @if (!childFilter.value.logicalOperator) {\r\n\r\n                                    <div class=\"filter-raw\">\r\n\r\n                                        <div class=\"field-cell\">\r\n                                            <select class=\"form-control\"\r\n                                                    [appTooltip]=\"getColLabelTooltip(childFilter)\"\r\n                                                    [showAnyway]=\"true\"\r\n                                                    formControlName=\"name\">\r\n                                            @for (col of $totalCols(); track $index) {\r\n                                                <option [value]=\"col.field\">{{ col.label || col.field }}</option>\r\n                                            }\r\n                                            </select>\r\n\r\n                                        </div>\r\n\r\n                                        <div class=\"operator-cell\">\r\n                                            <select class=\"form-control\" formControlName=\"relationalOperator\">\r\n                                            @for (op of relationalOperator; track $index) {\r\n                                            <option [value]=\"op\">{{ operatorFriendlyMap[op] || op }}</option>\r\n                                            }\r\n                                            </select>\r\n                                        </div>                                    \r\n\r\n                                        <div class=\"value-cell\">\r\n                                            @if (shouldShowValueControl(childFilter.value.relationalOperator)) {\r\n                                            <core-control-value-only\r\n                                            @fadeSwitch\r\n                                            [$control]=\"resolveControl(childFilter.value.name)!\"\r\n                                            [$form]=\"childFilter\"\r\n                                            [$fieldName]=\"'value'\"\r\n                                            >\r\n                                            </core-control-value-only>\r\n                                            }\r\n                                        </div>\r\n\r\n                                        <div class=\"action-cell\">\r\n                                            <button type=\"button\" class=\"btn btn-danger btn-sm feather-trash-2\"\r\n                                                (click)=\"removeCondition(filter, idx)\"\r\n                                                [appTooltip]=\"'Remove Condition'\">\r\n                                            </button>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                    <div class=\"filter-message default\">\r\n                                    <input type=\"text\"\r\n                                            class=\"form-control\"\r\n                                            placeholder=\"Default message...\"\r\n                                            formControlName=\"defaultMessage\" />\r\n                                    </div>\r\n\r\n                                    <div class=\"filter-message english\">\r\n                                    <input type=\"text\"\r\n                                            class=\"form-control\"\r\n                                            placeholder=\"English message...\"\r\n                                            formControlName=\"englishMessage\" />\r\n                                    </div>\r\n\r\n                                } @else {\r\n                                    <!-- Recursive nested groups -->\r\n                                    <ng-container *ngTemplateOutlet=\"queryTemplate; context: { filter: childFilter, groupToRemove: { group: filter, index: idx } }\"></ng-container>\r\n                                }\r\n                                \r\n                                </div>\r\n                            }\r\n                            </div>\r\n                        }\r\n            \r\n\r\n                    }\r\n\r\n                </div>\r\n\r\n            </div>\r\n      \r\n          </ng-template>\r\n      \r\n          <ng-container\r\n            *ngTemplateOutlet=\"queryTemplate; context: { filter: $mainForm(), groupToRemove: null }\">\r\n          </ng-container>\r\n      \r\n        </div>\r\n      \r\n    </form>\r\n  \r\n    <div class=\"dev-json-view\">\r\n      <pre class=\"json-preview\">{{ crts.$filterFormJsonString() }}</pre>\r\n    </div>\r\n  \r\n  </div>\r\n", styles: [".core-rule-tree-container{display:flex;flex-direction:column;width:100%;overflow-y:auto}.core-rule-tree-container button{border-radius:0}.expression-box{background:#e0f2fe;padding:6px 12px;font-weight:500;font-size:14px}.top-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:8px}.expression-display{background-color:#e0f2fe;padding:8px 16px;font-family:monospace;font-size:14px;color:#0369a1}.query-builder{flex-grow:1;overflow-y:visible}.json-preview{background-color:#fff;color:#333;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 2px 6px #00000014;font-family:Fira Code,monospace;font-size:.85rem;word-break:keep-all;overflow-x:auto;line-height:1.5;margin-top:15px}.core-rule-tree-form{display:flex;flex-direction:column;gap:16px}.top-bar{display:flex;justify-content:space-between;align-items:center}.expression-box{background:#e0f2fe;padding:6px 12px;font-weight:500;font-size:14px;margin-right:8px}.query-builder{display:flex;flex-direction:column;gap:16px}.group-card{padding:15px;background:#f9f9f9;display:flex;flex-direction:column;gap:8px;position:relative}.group-card .group-header{display:block;position:relative}.group-card .logical-operator{display:flex;align-items:center;align-self:flex-start;gap:8px}.group-card .logical-operator select{width:57px;background-color:#fff4ce}.group-card .logical-operator .local-action-buttons{margin-left:auto;display:flex;gap:4px}.group-card .logical-operator:hover .local-action-buttons{display:flex}.filter-list{display:flex;flex-direction:column;gap:8px}.filter-row{margin:8px 0}.filter-row .filter-raw{display:flex;align-items:center;gap:8px}.field-cell,.operator-cell,.value-cell{flex:1}.field-cell select{width:136px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.filter-message{margin-top:8px}.action-cell{flex-shrink:0}.btn-xs{padding:2px 6px;font-size:10px}.rule-group-container:hover{background-color:#f9f9f9}.group-content{pointer-events:none}.group-content>*{pointer-events:auto}.logical-operator-label{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:1px solid #ced4da;background-color:#fff4ce;color:#495057;font-size:14px;font-weight:500;min-width:100px;width:57px;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: CoreControlValueOnlyComponent, selector: "core-control-value-only", inputs: ["$control", "$form", "$fieldName"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }], animations: [
-            trigger('fadeSwitch', [
-                state('visible', style({ opacity: 1 })),
-                state('hidden', style({ opacity: 0 })),
-                transition('hidden => visible', [animate('250ms ease-in')]),
-                transition('visible => hidden', [animate('150ms ease-out')]),
-            ])
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreRuleTreeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'core-rule-tree', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        FormsModule,
-                        ReactiveFormsModule,
-                        CoreControlValueOnlyComponent,
-                        NgTemplateOutlet,
-                        CoreDropdownComponent,
-                        TooltipDirective,
-                        TranslatePipe
-                    ], animations: [
-                        trigger('fadeSwitch', [
-                            state('visible', style({ opacity: 1 })),
-                            state('hidden', style({ opacity: 0 })),
-                            transition('hidden => visible', [animate('250ms ease-in')]),
-                            transition('visible => hidden', [animate('150ms ease-out')]),
-                        ])
-                    ], template: "<div class=\"core-rule-tree-container\">\r\n\r\n    <form [formGroup]=\"$mainForm()\" (ngSubmit)=\"null\" class=\"core-rule-tree-form\">\r\n\r\n        <div class=\"top-bar\">\r\n          <div class=\"expression-box\">\r\n            Expression = {{ crts.$filterString() || '()' }}\r\n          </div>\r\n      \r\n        </div>\r\n      \r\n        <div class=\"query-builder\">\r\n          <ng-template #queryTemplate let-filter=\"filter\" let-groupToRemove=\"groupToRemove\">\r\n            \r\n            <div class=\"group-card\">\r\n\r\n                <div class=\"group-header\">\r\n\r\n                    <div class=\"logical-operator\">\r\n\r\n                        <select class=\"form-control pointer\" [formControl]=\"filter.get('logicalOperator')\">\r\n                            <option value=\"AND\">AND</option>\r\n                            <option value=\"OR\">OR</option>\r\n                        </select>\r\n\r\n                        <!-- Collapse/Expand Button -->\r\n                        @if (!!filter.value.filters?.length) {\r\n                            <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\"\r\n                                (click)=\"toggleCollapse(filter)\"\r\n                                [appTooltip]=\"isCollapsed(filter) ? 'Expand Group' : 'Collapse Group'\">\r\n                                <i class=\"feather\" [class.feather-plus]=\"isCollapsed(filter)\" [class.feather-minus]=\"!isCollapsed(filter)\"></i>\r\n                            </button>\r\n                        }\r\n                        <div class=\"local-action-buttons\">\r\n                            <button type=\"button\" class=\"btn btn-success feather-file-plus\"\r\n                            (click)=\"addCondition(filter)\"\r\n                            [appTooltip]=\"'Add Condition to this Group'\" [position]=\"'above'\">\r\n                            </button>\r\n                            <button type=\"button\" class=\"btn btn-success feather-folder-plus\"\r\n                            (click)=\"addGroup(filter)\"\r\n                            [appTooltip]=\"'Add Subgroup to this Group'\" [position]=\"'above'\">\r\n                            </button>\r\n                            @if (!!groupToRemove) {\r\n                                <button type=\"button\" class=\"btn btn-danger feather-trash\"\r\n                                (click)=\"removeGroup(groupToRemove.group, groupToRemove.index)\"\r\n                                [appTooltip]=\"'Remove Group'\" [position]=\"'above'\">\r\n                                </button>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"group-content\">\r\n            \r\n                    @if (!isCollapsed(filter)) {\r\n\r\n                        @if (!!filter.value.filters?.length) {\r\n                            <div class=\"filter-list\" formArrayName=\"filters\">\r\n                            @for (childFilter of filter.get('filters').controls; track $index; let idx = $index) {\r\n                                <div class=\"filter-row\" [formGroup]=\"childFilter\">\r\n                \r\n                                @if (!childFilter.value.logicalOperator) {\r\n\r\n                                    <div class=\"filter-raw\">\r\n\r\n                                        <div class=\"field-cell\">\r\n                                            <select class=\"form-control\"\r\n                                                    [appTooltip]=\"getColLabelTooltip(childFilter)\"\r\n                                                    [showAnyway]=\"true\"\r\n                                                    formControlName=\"name\">\r\n                                            @for (col of $totalCols(); track $index) {\r\n                                                <option [value]=\"col.field\">{{ col.label || col.field }}</option>\r\n                                            }\r\n                                            </select>\r\n\r\n                                        </div>\r\n\r\n                                        <div class=\"operator-cell\">\r\n                                            <select class=\"form-control\" formControlName=\"relationalOperator\">\r\n                                            @for (op of relationalOperator; track $index) {\r\n                                            <option [value]=\"op\">{{ operatorFriendlyMap[op] || op }}</option>\r\n                                            }\r\n                                            </select>\r\n                                        </div>                                    \r\n\r\n                                        <div class=\"value-cell\">\r\n                                            @if (shouldShowValueControl(childFilter.value.relationalOperator)) {\r\n                                            <core-control-value-only\r\n                                            @fadeSwitch\r\n                                            [$control]=\"resolveControl(childFilter.value.name)!\"\r\n                                            [$form]=\"childFilter\"\r\n                                            [$fieldName]=\"'value'\"\r\n                                            >\r\n                                            </core-control-value-only>\r\n                                            }\r\n                                        </div>\r\n\r\n                                        <div class=\"action-cell\">\r\n                                            <button type=\"button\" class=\"btn btn-danger btn-sm feather-trash-2\"\r\n                                                (click)=\"removeCondition(filter, idx)\"\r\n                                                [appTooltip]=\"'Remove Condition'\">\r\n                                            </button>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                    <div class=\"filter-message default\">\r\n                                    <input type=\"text\"\r\n                                            class=\"form-control\"\r\n                                            placeholder=\"Default message...\"\r\n                                            formControlName=\"defaultMessage\" />\r\n                                    </div>\r\n\r\n                                    <div class=\"filter-message english\">\r\n                                    <input type=\"text\"\r\n                                            class=\"form-control\"\r\n                                            placeholder=\"English message...\"\r\n                                            formControlName=\"englishMessage\" />\r\n                                    </div>\r\n\r\n                                } @else {\r\n                                    <!-- Recursive nested groups -->\r\n                                    <ng-container *ngTemplateOutlet=\"queryTemplate; context: { filter: childFilter, groupToRemove: { group: filter, index: idx } }\"></ng-container>\r\n                                }\r\n                                \r\n                                </div>\r\n                            }\r\n                            </div>\r\n                        }\r\n            \r\n\r\n                    }\r\n\r\n                </div>\r\n\r\n            </div>\r\n      \r\n          </ng-template>\r\n      \r\n          <ng-container\r\n            *ngTemplateOutlet=\"queryTemplate; context: { filter: $mainForm(), groupToRemove: null }\">\r\n          </ng-container>\r\n      \r\n        </div>\r\n      \r\n    </form>\r\n  \r\n    <div class=\"dev-json-view\">\r\n      <pre class=\"json-preview\">{{ crts.$filterFormJsonString() }}</pre>\r\n    </div>\r\n  \r\n  </div>\r\n", styles: [".core-rule-tree-container{display:flex;flex-direction:column;width:100%;overflow-y:auto}.core-rule-tree-container button{border-radius:0}.expression-box{background:#e0f2fe;padding:6px 12px;font-weight:500;font-size:14px}.top-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:8px}.expression-display{background-color:#e0f2fe;padding:8px 16px;font-family:monospace;font-size:14px;color:#0369a1}.query-builder{flex-grow:1;overflow-y:visible}.json-preview{background-color:#fff;color:#333;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 2px 6px #00000014;font-family:Fira Code,monospace;font-size:.85rem;word-break:keep-all;overflow-x:auto;line-height:1.5;margin-top:15px}.core-rule-tree-form{display:flex;flex-direction:column;gap:16px}.top-bar{display:flex;justify-content:space-between;align-items:center}.expression-box{background:#e0f2fe;padding:6px 12px;font-weight:500;font-size:14px;margin-right:8px}.query-builder{display:flex;flex-direction:column;gap:16px}.group-card{padding:15px;background:#f9f9f9;display:flex;flex-direction:column;gap:8px;position:relative}.group-card .group-header{display:block;position:relative}.group-card .logical-operator{display:flex;align-items:center;align-self:flex-start;gap:8px}.group-card .logical-operator select{width:57px;background-color:#fff4ce}.group-card .logical-operator .local-action-buttons{margin-left:auto;display:flex;gap:4px}.group-card .logical-operator:hover .local-action-buttons{display:flex}.filter-list{display:flex;flex-direction:column;gap:8px}.filter-row{margin:8px 0}.filter-row .filter-raw{display:flex;align-items:center;gap:8px}.field-cell,.operator-cell,.value-cell{flex:1}.field-cell select{width:136px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.filter-message{margin-top:8px}.action-cell{flex-shrink:0}.btn-xs{padding:2px 6px;font-size:10px}.rule-group-container:hover{background-color:#f9f9f9}.group-content{pointer-events:none}.group-content>*{pointer-events:auto}.logical-operator-label{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:1px solid #ced4da;background-color:#fff4ce;color:#495057;font-size:14px;font-weight:500;min-width:100px;width:57px;-webkit-user-select:none;user-select:none}\n"] }]
-        }], ctorParameters: () => [{ type: MultiLanguageService }, { type: i0.ChangeDetectorRef }] });
-
 class WfActorSelectorComponent extends BaseComponent {
     constructor(mls) {
         super(mls);
@@ -1380,7 +983,7 @@ class RuleConfigShellComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: RuleConfigShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: RuleConfigShellComponent, isStandalone: true, selector: "rule-config-shell", ngImport: i0, 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"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: CoreRuleTreeComponent, selector: "core-rule-tree", inputs: ["$totalCols", "$mainForm", "$filterStringInput", "$expressionInput"], outputs: ["$jsonEmitter"] }, { kind: "component", type: CoreRadioGroupComponent, selector: "core-radio-group", inputs: ["options$", "vertical", "columnCount", "gapY", "defaultValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: RuleConfigShellComponent, isStandalone: true, selector: "rule-config-shell", ngImport: i0, 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"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: CoreRuleTreeComponent, selector: "core-rule-tree", inputs: ["$totalCols", "$mainForm", "$filterStringInput", "$expressionInput", "$form", "$field"], outputs: ["$jsonEmitter"] }, { kind: "component", type: CoreRadioGroupComponent, selector: "core-radio-group", inputs: ["options$", "vertical", "columnCount", "gapY", "defaultValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: RuleConfigShellComponent, decorators: [{
             type: Component,
@@ -2272,6 +1875,280 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                     ], template: "<div class=\"wf-process-design-container\">\r\n\r\n     @if (!!wfs.$currentFlow()) {\r\n        <wf-workflow-canvas></wf-workflow-canvas>\r\n    }\r\n\r\n    @if ($loading()) {\r\n        <core-toast-loading></core-toast-loading>\r\n    }\r\n</div>" }]
         }], ctorParameters: () => [{ type: MultiLanguageService }, { type: i1$1.ActivatedRoute }] });
 
+class WfDelegationComponent extends BaseEditComponent {
+    constructor(dialogService) {
+        super(dialogService);
+        this.dialogService = dialogService;
+        this.wfs = inject(CoreWorkflowService);
+        this.alertService = inject(AlertService);
+        this.fds = inject(CoreFormDesignService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.cdts = inject(CoreDatetimeService);
+        this.appService = inject(AppService);
+        this.timezoneOptions$ = new BehaviorSubject([]);
+        this.injector = inject(Injector);
+        this.cfs = inject(CoreFormService);
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.loading = false;
+        this.entityTable = "WF_WORKFLOW";
+        this.subscriptions = [];
+        this.sections = [
+            {
+                rows: [
+                    [
+                        {
+                            flexSize: 0,
+                            label: "UI_ENTITY_FIELD_CAPTION_COMMON_ID",
+                            field: 'id',
+                            value: null,
+                            hidden: true,
+                            controlType: EnumFormBaseContolType.TEXTBOX,
+                        },
+                        {
+                            flexSize: 12,
+                            label: "Delegation rows",
+                            field: 'delegationRows',
+                            value: [],
+                            controlType: EnumFormBaseContolType.FORM_ARRAY,
+                            type: 'object',
+                            formArraySections: [
+                                {
+                                    rows: [
+                                        [
+                                            {
+                                                field: 'delegationId',
+                                                label: 'delegationId',
+                                                value: '',
+                                                flexSize: 0,
+                                                controlType: EnumFormBaseContolType.TEXTBOX,
+                                                hidden: true,
+                                                disabled: true
+                                            },
+                                            {
+                                                field: 'lastUsedAtUtc',
+                                                label: 'lastUsedAtUtc',
+                                                value: null,
+                                                flexSize: 0,
+                                                controlType: EnumFormBaseContolType.TEXTBOX,
+                                                hidden: true,
+                                                disabled: true
+                                            },
+                                            {
+                                                field: 'fromPositionId',
+                                                label: 'From position',
+                                                boundFrom: 'id',
+                                                shownFrom: 'name',
+                                                seekerVerifyIgnore: true,
+                                                value: null,
+                                                flexSize: 2,
+                                                controlType: EnumFormBaseContolType.SEEKER,
+                                                seekerSourceType: EnumCoreFormControlSeekerSourceType.POSITION_SEEK,
+                                                selfEnrichmentApiDriven: true,
+                                                selfEnrichmentApi: '/api/BaseHuPosition/GetById',
+                                                selfEnrichmentHttpVerb: 'HttpGet',
+                                                selfEnrichmentShownFrom: 'name',
+                                                validators: [
+                                                    {
+                                                        name: 'required',
+                                                        validator: Validators.required,
+                                                        errorMessage: EnumTranslateKey.UI_FORM_CONTROL_ERROR_REQUIRED
+                                                    }
+                                                ]
+                                            },
+                                            {
+                                                field: 'toPositionId',
+                                                label: 'To position',
+                                                boundFrom: 'id',
+                                                shownFrom: 'name',
+                                                seekerVerifyIgnore: true,
+                                                value: null,
+                                                flexSize: 2,
+                                                controlType: EnumFormBaseContolType.SEEKER,
+                                                seekerSourceType: EnumCoreFormControlSeekerSourceType.POSITION_SEEK,
+                                                selfEnrichmentApiDriven: true,
+                                                selfEnrichmentApi: '/api/BaseHuPosition/GetById',
+                                                selfEnrichmentHttpVerb: 'HttpGet',
+                                                selfEnrichmentShownFrom: 'name',
+                                                validators: [
+                                                    {
+                                                        name: 'required',
+                                                        validator: Validators.required,
+                                                        errorMessage: EnumTranslateKey.UI_FORM_CONTROL_ERROR_REQUIRED
+                                                    }
+                                                ]
+                                            },
+                                            {
+                                                field: 'conditionJson',
+                                                label: 'Condition',
+                                                value: "",
+                                                flexSize: 2,
+                                                controlType: EnumFormBaseContolType.RULE_SET,
+                                            },
+                                            {
+                                                field: 'vfUtc',
+                                                label: 'Valid from',
+                                                value: null,
+                                                flexSize: 2,
+                                                controlType: EnumFormBaseContolType.DATEPICKER,
+                                                validators: [
+                                                    {
+                                                        name: 'required',
+                                                        validator: Validators.required,
+                                                        errorMessage: EnumTranslateKey.UI_FORM_CONTROL_ERROR_REQUIRED
+                                                    }
+                                                ]
+                                            },
+                                            {
+                                                field: 'vtUtc',
+                                                label: 'Valid to (not included)',
+                                                value: null,
+                                                flexSize: 2,
+                                                controlType: EnumFormBaseContolType.DATEPICKER,
+                                            },
+                                            {
+                                                field: 'timezoneId',
+                                                label: 'Timezone',
+                                                value: Intl.DateTimeFormat().resolvedOptions().timeZone,
+                                                flexSize: 2,
+                                                controlType: EnumFormBaseContolType.DROPDOWN,
+                                                dropdownOptions$: this.timezoneOptions$,
+                                                getByIdObject$: new BehaviorSubject({}),
+                                                shownFrom: 'text',
+                                                validators: [
+                                                    {
+                                                        name: 'required',
+                                                        validator: Validators.required,
+                                                        errorMessage: EnumTranslateKey.UI_FORM_CONTROL_ERROR_REQUIRED
+                                                    }
+                                                ]
+                                            },
+                                        ]
+                                    ]
+                                }
+                            ]
+                        },
+                    ]
+                ]
+            }
+        ];
+        if (!this.captionCode) {
+            this.captionCode = "UI_COMPONENT_TITLE_WF_WORKFLOW_GROUP";
+        }
+        this.crud = {
+            c: '/api/WfWorkflow/Create',
+            r: '/api/WfWorkflow/GetByIdWithAfInstance',
+            u: '/api/WfWorkflow/Update',
+            d: '/api/WfWorkflow/Delete',
+        };
+        // const groupIdString = this.route.snapshot.queryParamMap.get('groupId');
+        // if (!!groupIdString) {
+        //   const groupId = Number(groupIdString);
+        //   if (this.wfs.$allGroups().length) {
+        //     this.wfs.$currentGroup.set(this.wfs.$allGroups().filter(g => g.id === groupId)[0])
+        //   } else {
+        //     //this.wfs.refresh('/api/WfWorkflowGroup/GetAllWithWorkflows', '', groupId);
+        //   }
+        // } else if (this.wfs.$designActiveTab() === 1) {
+        //   this.alertService.warn("The Query Params lack of groupId", alertOptions);
+        // }
+        effect(() => {
+            const tzs = this.cdts.$timeZones();
+            const ops = [];
+            tzs.forEach(tz => {
+                ops.push({
+                    value: tz, text: tz
+                });
+            });
+            this.timezoneOptions$.next(ops);
+        });
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+        });
+    }
+    // private updateCurrentFlow(values: any) {
+    //   if (!values) return;
+    //   this.wfs.$currentFlow.update(currentFlow => {
+    //     if (!currentFlow) {
+    //       return null
+    //     } else {
+    //       Object.keys(values).forEach((key: string) => {
+    //         (currentFlow as any)[key] = values[key]
+    //       })
+    //       return { ...currentFlow }
+    //     }
+    //   })
+    // }
+    // private updateCurrentFlowByKey(key: string, value: any) {
+    //   this.wfs.$currentFlow.update(currentFlow => {
+    //     if (!currentFlow) {
+    //       return null
+    //     } else {
+    //       (currentFlow as any)[key] = value
+    //       return { ...currentFlow }
+    //     }
+    //   })
+    // }
+    // private updateCurrentAfInstance(formValue: any): void {
+    //   console.log("[WfBasicInfoComponent][updateCurrentAfInstance]: $afInstance is being updated");
+    //   this.fds.$afInstance.update(current => {
+    //     if (!current) return current;
+    //     return {
+    //       ...current,
+    //       name: formValue.name,
+    //       code: formValue.code
+    //     };
+    //   });
+    // }
+    onFormCreated(e) {
+        this.wfs.delegationForm = e;
+        e.valueChanges.subscribe(x => {
+            this.wfs.$currentDelegationJson.set(JSON.stringify(x));
+            // this.updateCurrentFlow(x);
+            // this.updateCurrentAfInstance(x);
+        });
+        runInInjectionContext(this.injector, () => {
+            effect(() => {
+                const form = this.wfs.delegationForm;
+                if (form) {
+                    this.wfs.$currentDelegationJson.set(JSON.stringify(form.getRawValue()));
+                }
+            });
+        });
+    }
+    /* To allow form to be deactivated */
+    onFormReinit(e) {
+        this.wfs.$initialDelegationJson.set(e);
+        this.formInitStringValue = e;
+    }
+    onSubmitSuccess(e) {
+        //this.wfs.refresh(undefined, '');
+        this.router.navigate([{ outlets: { workflowAux: null } }], { relativeTo: this.route.parent });
+    }
+    onGotById(e) {
+        //this.wfs.emailTemplatesForm.patchValue(e);
+        if (e.uiDelegation) {
+            this.cfs.syncAllFormArraysBeforePatch(this.wfs.delegationForm, e.uiDelegation);
+            this.wfs.delegationForm.patchValue(e.uiDelegation);
+        }
+    }
+    ngOnDestroy() {
+        this.wfs.$initialDelegationJson.set('{}');
+        this.subscriptions.map(x => x?.unsubscribe());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfDelegationComponent, deps: [{ token: DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WfDelegationComponent, isStandalone: true, selector: "wf-delegation", usesInheritance: true, ngImport: i0, template: "<div class=\"wf-delegation-container\">\r\n\r\n    <div class=\"container container-fluid\">\r\n\r\n        <core-page-edit\r\n            [normalMode]=\"true\"\r\n            [captionCode]=\"''\"\r\n            [sections]=\"sections\" [crud]=\"crud\" [entityTable]=\"entityTable\" [hasIdOfStringType]=\"true\"\r\n            [stayAfterSubmit]=\"true\" (onFormCreated)=\"onFormCreated($event)\"\r\n            [idAsInput]=\"true\"\r\n            [id]=\"wfs.$currentFlow()?.id\"\r\n            [hideButtons]=\"true\"\r\n            [checkError$]=\"wfs.basicInfoFormCheckError$\"\r\n            (onGotById)=\"onGotById($event)\"\r\n            (onInitialValueStringReady)=\"onFormReinit($event)\"\r\n            (onSubmitSuccess)=\"onSubmitSuccess($event)\">\r\n        </core-page-edit>\r\n\r\n    </div>\r\n\r\n</div>\r\n\r\n@if (loading) {\r\n<app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}", styles: [""], dependencies: [{ kind: "component", type: CorePageEditComponent, selector: "core-page-edit", inputs: ["stayAfterSubmit", "width", "entityTable", "hasIdOfStringType", "captionCode", "leftInputSections", "leftInputSectionsFlexSize", "sections", "normalMode", "bottomTemplateRef", "autoGetByIdOff", "autoSubmitLogicOff", "autoCancelLogicOff", "customFormButtonItems", "mixedMode", "checkError$", "showSaveButton", "disableSaveButton", "disableCancelButton", "forceListRefreshOnCreateOrUpdate", "wrapEachSectionInAccordion", "gridMode", "crud", "entityUniqueIndexs", "idAsInput", "id", "hideButtons"], outputs: ["submitLogic", "onFormCreated", "onSubmitSuccess", "onButtonClick", "cancelLogic", "onGotById", "onInitialValueStringReady"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfDelegationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wf-delegation', imports: [
+                        CorePageEditComponent,
+                        NgTemplateOutlet,
+                        CoreRuleTreeComponent
+                    ], template: "<div class=\"wf-delegation-container\">\r\n\r\n    <div class=\"container container-fluid\">\r\n\r\n        <core-page-edit\r\n            [normalMode]=\"true\"\r\n            [captionCode]=\"''\"\r\n            [sections]=\"sections\" [crud]=\"crud\" [entityTable]=\"entityTable\" [hasIdOfStringType]=\"true\"\r\n            [stayAfterSubmit]=\"true\" (onFormCreated)=\"onFormCreated($event)\"\r\n            [idAsInput]=\"true\"\r\n            [id]=\"wfs.$currentFlow()?.id\"\r\n            [hideButtons]=\"true\"\r\n            [checkError$]=\"wfs.basicInfoFormCheckError$\"\r\n            (onGotById)=\"onGotById($event)\"\r\n            (onInitialValueStringReady)=\"onFormReinit($event)\"\r\n            (onSubmitSuccess)=\"onSubmitSuccess($event)\">\r\n        </core-page-edit>\r\n\r\n    </div>\r\n\r\n</div>\r\n\r\n@if (loading) {\r\n<app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}" }]
+        }], ctorParameters: () => [{ type: DialogService }] });
+
 const EMAIL_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>';
 const TEMPLATE_TYPES = [
     { key: 'submit', caption: 'UI_WORKFLOW_EMAIL_TEMPLATE_SECTION_SUBMIT' },
@@ -2295,7 +2172,7 @@ class WfEmailTemplatesComponent extends BaseEditComponent {
         this.as = inject(AlertService);
         this.$wysGroups = computed(() => this.fds.extractWysGroups(this.fds.$placeholderSections()));
         this.mode$ = new BehaviorSubject(EnumCorePageEditMode.CREATE);
-        this.availableTokens = ['webappStatusUrl', 'portalStatusUrl', 'webappReactUrl', 'portalReactUrl', 'workflowName', 'firstActorFullName', 'submitterFullName', 'actorFullName'];
+        this.availableTokens = ['webappStatusUrl', 'portalStatusUrl', 'webappReactUrl', 'portalReactUrl', 'workflowName', 'firstActorFullName', 'firstActorManagerFullName', 'submitterFullName', 'actorFullName'];
         this.loading = false;
         this.entityTable = "WF_WORKFLOW";
         this.subscriptions = [];
@@ -2475,7 +2352,7 @@ class DesignWrapperComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DesignWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DesignWrapperComponent, isStandalone: true, selector: "design-wrapper", ngImport: i0, template: "<current-header></current-header>\r\n\r\n<div class=\"all-tabs\" [hotKeys]=\"['F7', 'Escape']\">\r\n\r\n    <div class=\"tab-content basic-info\" [class.d-none]=\"wfs.$designActiveTab() !== 1\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 1 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-basic-info></wf-basic-info>\r\n    </div>\r\n\r\n    <div class=\"tab-content form-design\" [class.d-none]=\"wfs.$designActiveTab() !== 2\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 2 ? 'visible' : 'hidden'\"\r\n    >\r\n        <core-form-design [$idAsInput]=\"true\" [$id]=\"wfs.$currentFlow()?.afInstanceId\" />\r\n    </div>\r\n\r\n    <div class=\"tab-content process-design\" [class.d-none]=\"wfs.$designActiveTab() !== 3\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 3 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-process-design></wf-process-design>\r\n    </div>\r\n\r\n    <div class=\"tab-content more\" [class.d-none]=\"wfs.$designActiveTab() !== 4\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 4 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-email-templates></wf-email-templates>\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<router-outlet name=\"preview\" [hotKeys]=\"['Escape']\"></router-outlet>\r\n\r\n<div class=\"state\" [class.shown]=\"$showInitialState()\"\r\n    [ngStyle]=\"{ width: !!(ns.wideMode$ | async) ? 'calc(100vw - 280px - 15px)' : 'calc(100vw - 66px - 15px)' }\">\r\n\r\n    <div class=\"scroll-container\">\r\n\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"debugClick()\">FormDesign Compare</button>\r\n\r\n        <div class=\"tab-info\">\r\n\r\n            <div class=\"value-caption\">initialBasicInfoJson:</div>\r\n            <pre [class.d-none]=\"!wfs.$initialBasicInfoJson()\">{{ wfs.$initialBasicInfoJson() }}</pre>\r\n\r\n            <div class=\"value-caption\">currentBasicInfoJson:</div>\r\n            <pre [class.d-none]=\"!wfs.$currentBasicInfoJson()\">{{ wfs.$currentBasicInfoJson() }}</pre>\r\n\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialFormDesignJson:</div>\r\n            <pre><code class=\"lang-json\">{{ wfs.$initialFormDesignJson() }}</code></pre>\r\n\r\n            <div class=\"value-caption\">currentFormDesignJson:</div>\r\n            <pre><code class=\"lang-json\">{{ wfs.$currentFormDesignJson() }}</code></pre>\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialProcessDesignJson:</div>\r\n            <pre>{{ wfs.$initialProcessDesignJson() }}</pre>\r\n\r\n            <div class=\"value-caption\">currentProcessDesignJson:</div>\r\n            <pre>{{ wfs.$currentProcessDesignJson() }}</pre>\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialEmailTemplatesJson:</div>\r\n            <pre>{{ wfs.$initialEmailTemplatesJson() }}</pre>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".all-tabs .tab-content.more{display:flex;position:relative;width:100%;height:500px;justify-content:center}.all-tabs .tab-content.more>*{width:100%;max-width:1000px}.state{background-color:#fff;height:50vh;display:block;position:fixed;z-index:9;bottom:-50vh;box-shadow:#0000001a 0 10px 50px;transition:opacity bottom .5s ease-out}.state.shown{bottom:0}.state .scroll-container{position:relative;padding:15px;height:50vh;overflow-y:auto}.state .scroll-container .tab-info{padding:15ox;box-shadow:#0000001a 0 10px 50px;margin-bottom:50px}.state .scroll-container .tab-info .value-caption{padding-left:24px;font-family:Fira Code,monospace;font-size:.85rem;font-weight:700}.state .scroll-container .tab-info pre{background-color:#fff;color:#333;padding:1rem 1.5rem;font-family:Fira Code,monospace;font-size:.85rem;overflow-x:auto;line-height:1.5;width:100%;margin:0;white-space:pre-wrap;word-break:break-word}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: WfBasicInfoComponent, selector: "wf-basic-info", inputs: ["captionCode"] }, { kind: "component", type: CoreFormDesignComponent, selector: "core-form-design", inputs: ["$idAsInput", "$id"] }, { kind: "component", type: WfProcessDesignComponent, selector: "wf-process-design" }, { kind: "component", type: WfEmailTemplatesComponent, selector: "wf-email-templates", inputs: ["captionCode"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: HotKeysDirective, selector: "[hotKeys]", inputs: ["hotKeys"] }, { kind: "component", type: CurrentHeaderComponent, selector: "current-header" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DesignWrapperComponent, isStandalone: true, selector: "design-wrapper", ngImport: i0, template: "<current-header></current-header>\r\n\r\n<div class=\"all-tabs\" [hotKeys]=\"['F7', 'Escape']\">\r\n\r\n    <div class=\"tab-content basic-info\" [class.d-none]=\"wfs.$designActiveTab() !== 1\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 1 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-basic-info></wf-basic-info>\r\n    </div>\r\n\r\n    <div class=\"tab-content form-design\" [class.d-none]=\"wfs.$designActiveTab() !== 2\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 2 ? 'visible' : 'hidden'\"\r\n    >\r\n        <core-form-design [$idAsInput]=\"true\" [$id]=\"wfs.$currentFlow()?.afInstanceId\" />\r\n    </div>\r\n\r\n    <div class=\"tab-content process-design\" [class.d-none]=\"wfs.$designActiveTab() !== 3\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 3 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-process-design></wf-process-design>\r\n    </div>\r\n\r\n    <div class=\"tab-content delegation\" [class.d-none]=\"wfs.$designActiveTab() !== 4\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 4 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-delegation />\r\n    </div>\r\n\r\n    <div class=\"tab-content more\" [class.d-none]=\"wfs.$designActiveTab() !== 5\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 5 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-email-templates></wf-email-templates>\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<router-outlet name=\"preview\" [hotKeys]=\"['Escape']\"></router-outlet>\r\n\r\n<div class=\"state\" [class.shown]=\"$showInitialState()\"\r\n    [ngStyle]=\"{ width: !!(ns.wideMode$ | async) ? 'calc(100vw - 280px - 15px)' : 'calc(100vw - 66px - 15px)' }\">\r\n\r\n    <div class=\"scroll-container\">\r\n\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"debugClick()\">FormDesign Compare</button>\r\n\r\n        <div class=\"tab-info\">\r\n\r\n            <div class=\"value-caption\">initialBasicInfoJson:</div>\r\n            <pre [class.d-none]=\"!wfs.$initialBasicInfoJson()\">{{ wfs.$initialBasicInfoJson() }}</pre>\r\n\r\n            <div class=\"value-caption\">currentBasicInfoJson:</div>\r\n            <pre [class.d-none]=\"!wfs.$currentBasicInfoJson()\">{{ wfs.$currentBasicInfoJson() }}</pre>\r\n\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialFormDesignJson:</div>\r\n            <pre><code class=\"lang-json\">{{ wfs.$initialFormDesignJson() }}</code></pre>\r\n\r\n            <div class=\"value-caption\">currentFormDesignJson:</div>\r\n            <pre><code class=\"lang-json\">{{ wfs.$currentFormDesignJson() }}</code></pre>\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialProcessDesignJson:</div>\r\n            <pre>{{ wfs.$initialProcessDesignJson() }}</pre>\r\n\r\n            <div class=\"value-caption\">currentProcessDesignJson:</div>\r\n            <pre>{{ wfs.$currentProcessDesignJson() }}</pre>\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialEmailTemplatesJson:</div>\r\n            <pre>{{ wfs.$initialEmailTemplatesJson() }}</pre>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".all-tabs .tab-content.more{display:flex;position:relative;width:100%;height:500px;justify-content:center}.all-tabs .tab-content.more>*{width:100%;max-width:1000px}.state{background-color:#fff;height:50vh;display:block;position:fixed;z-index:9;bottom:-50vh;box-shadow:#0000001a 0 10px 50px;transition:opacity bottom .5s ease-out}.state.shown{bottom:0}.state .scroll-container{position:relative;padding:15px;height:50vh;overflow-y:auto}.state .scroll-container .tab-info{padding:15ox;box-shadow:#0000001a 0 10px 50px;margin-bottom:50px}.state .scroll-container .tab-info .value-caption{padding-left:24px;font-family:Fira Code,monospace;font-size:.85rem;font-weight:700}.state .scroll-container .tab-info pre{background-color:#fff;color:#333;padding:1rem 1.5rem;font-family:Fira Code,monospace;font-size:.85rem;overflow-x:auto;line-height:1.5;width:100%;margin:0;white-space:pre-wrap;word-break:break-word}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: WfBasicInfoComponent, selector: "wf-basic-info", inputs: ["captionCode"] }, { kind: "component", type: CoreFormDesignComponent, selector: "core-form-design", inputs: ["$idAsInput", "$id"] }, { kind: "component", type: WfProcessDesignComponent, selector: "wf-process-design" }, { kind: "component", type: WfDelegationComponent, selector: "wf-delegation" }, { kind: "component", type: WfEmailTemplatesComponent, selector: "wf-email-templates", inputs: ["captionCode"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: HotKeysDirective, selector: "[hotKeys]", inputs: ["hotKeys"] }, { kind: "component", type: CurrentHeaderComponent, selector: "current-header" }], animations: [
             trigger('fadeSwitch', [
                 state('visible', style({ opacity: 1 })),
                 state('hidden', style({ opacity: 0 })),
@@ -2492,6 +2369,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         WfBasicInfoComponent,
                         CoreFormDesignComponent,
                         WfProcessDesignComponent,
+                        WfDelegationComponent,
                         WfEmailTemplatesComponent,
                         NgStyle,
                         AsyncPipe,
@@ -2504,8 +2382,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                             transition('hidden => visible', [animate('250ms ease-in')]),
                             transition('visible => hidden', [animate('150ms ease-out')]),
                         ])
-                    ], template: "<current-header></current-header>\r\n\r\n<div class=\"all-tabs\" [hotKeys]=\"['F7', 'Escape']\">\r\n\r\n    <div class=\"tab-content basic-info\" [class.d-none]=\"wfs.$designActiveTab() !== 1\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 1 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-basic-info></wf-basic-info>\r\n    </div>\r\n\r\n    <div class=\"tab-content form-design\" [class.d-none]=\"wfs.$designActiveTab() !== 2\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 2 ? 'visible' : 'hidden'\"\r\n    >\r\n        <core-form-design [$idAsInput]=\"true\" [$id]=\"wfs.$currentFlow()?.afInstanceId\" />\r\n    </div>\r\n\r\n    <div class=\"tab-content process-design\" [class.d-none]=\"wfs.$designActiveTab() !== 3\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 3 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-process-design></wf-process-design>\r\n    </div>\r\n\r\n    <div class=\"tab-content more\" [class.d-none]=\"wfs.$designActiveTab() !== 4\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 4 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-email-templates></wf-email-templates>\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<router-outlet name=\"preview\" [hotKeys]=\"['Escape']\"></router-outlet>\r\n\r\n<div class=\"state\" [class.shown]=\"$showInitialState()\"\r\n    [ngStyle]=\"{ width: !!(ns.wideMode$ | async) ? 'calc(100vw - 280px - 15px)' : 'calc(100vw - 66px - 15px)' }\">\r\n\r\n    <div class=\"scroll-container\">\r\n\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"debugClick()\">FormDesign Compare</button>\r\n\r\n        <div class=\"tab-info\">\r\n\r\n            <div class=\"value-caption\">initialBasicInfoJson:</div>\r\n            <pre [class.d-none]=\"!wfs.$initialBasicInfoJson()\">{{ wfs.$initialBasicInfoJson() }}</pre>\r\n\r\n            <div class=\"value-caption\">currentBasicInfoJson:</div>\r\n            <pre [class.d-none]=\"!wfs.$currentBasicInfoJson()\">{{ wfs.$currentBasicInfoJson() }}</pre>\r\n\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialFormDesignJson:</div>\r\n            <pre><code class=\"lang-json\">{{ wfs.$initialFormDesignJson() }}</code></pre>\r\n\r\n            <div class=\"value-caption\">currentFormDesignJson:</div>\r\n            <pre><code class=\"lang-json\">{{ wfs.$currentFormDesignJson() }}</code></pre>\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialProcessDesignJson:</div>\r\n            <pre>{{ wfs.$initialProcessDesignJson() }}</pre>\r\n\r\n            <div class=\"value-caption\">currentProcessDesignJson:</div>\r\n            <pre>{{ wfs.$currentProcessDesignJson() }}</pre>\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialEmailTemplatesJson:</div>\r\n            <pre>{{ wfs.$initialEmailTemplatesJson() }}</pre>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".all-tabs .tab-content.more{display:flex;position:relative;width:100%;height:500px;justify-content:center}.all-tabs .tab-content.more>*{width:100%;max-width:1000px}.state{background-color:#fff;height:50vh;display:block;position:fixed;z-index:9;bottom:-50vh;box-shadow:#0000001a 0 10px 50px;transition:opacity bottom .5s ease-out}.state.shown{bottom:0}.state .scroll-container{position:relative;padding:15px;height:50vh;overflow-y:auto}.state .scroll-container .tab-info{padding:15ox;box-shadow:#0000001a 0 10px 50px;margin-bottom:50px}.state .scroll-container .tab-info .value-caption{padding-left:24px;font-family:Fira Code,monospace;font-size:.85rem;font-weight:700}.state .scroll-container .tab-info pre{background-color:#fff;color:#333;padding:1rem 1.5rem;font-family:Fira Code,monospace;font-size:.85rem;overflow-x:auto;line-height:1.5;width:100%;margin:0;white-space:pre-wrap;word-break:break-word}\n"] }]
+                    ], template: "<current-header></current-header>\r\n\r\n<div class=\"all-tabs\" [hotKeys]=\"['F7', 'Escape']\">\r\n\r\n    <div class=\"tab-content basic-info\" [class.d-none]=\"wfs.$designActiveTab() !== 1\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 1 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-basic-info></wf-basic-info>\r\n    </div>\r\n\r\n    <div class=\"tab-content form-design\" [class.d-none]=\"wfs.$designActiveTab() !== 2\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 2 ? 'visible' : 'hidden'\"\r\n    >\r\n        <core-form-design [$idAsInput]=\"true\" [$id]=\"wfs.$currentFlow()?.afInstanceId\" />\r\n    </div>\r\n\r\n    <div class=\"tab-content process-design\" [class.d-none]=\"wfs.$designActiveTab() !== 3\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 3 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-process-design></wf-process-design>\r\n    </div>\r\n\r\n    <div class=\"tab-content delegation\" [class.d-none]=\"wfs.$designActiveTab() !== 4\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 4 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-delegation />\r\n    </div>\r\n\r\n    <div class=\"tab-content more\" [class.d-none]=\"wfs.$designActiveTab() !== 5\"\r\n        [@fadeSwitch]=\"wfs.$designActiveTab() === 5 ? 'visible' : 'hidden'\"\r\n    >\r\n        <wf-email-templates></wf-email-templates>\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<router-outlet name=\"preview\" [hotKeys]=\"['Escape']\"></router-outlet>\r\n\r\n<div class=\"state\" [class.shown]=\"$showInitialState()\"\r\n    [ngStyle]=\"{ width: !!(ns.wideMode$ | async) ? 'calc(100vw - 280px - 15px)' : 'calc(100vw - 66px - 15px)' }\">\r\n\r\n    <div class=\"scroll-container\">\r\n\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"debugClick()\">FormDesign Compare</button>\r\n\r\n        <div class=\"tab-info\">\r\n\r\n            <div class=\"value-caption\">initialBasicInfoJson:</div>\r\n            <pre [class.d-none]=\"!wfs.$initialBasicInfoJson()\">{{ wfs.$initialBasicInfoJson() }}</pre>\r\n\r\n            <div class=\"value-caption\">currentBasicInfoJson:</div>\r\n            <pre [class.d-none]=\"!wfs.$currentBasicInfoJson()\">{{ wfs.$currentBasicInfoJson() }}</pre>\r\n\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialFormDesignJson:</div>\r\n            <pre><code class=\"lang-json\">{{ wfs.$initialFormDesignJson() }}</code></pre>\r\n\r\n            <div class=\"value-caption\">currentFormDesignJson:</div>\r\n            <pre><code class=\"lang-json\">{{ wfs.$currentFormDesignJson() }}</code></pre>\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialProcessDesignJson:</div>\r\n            <pre>{{ wfs.$initialProcessDesignJson() }}</pre>\r\n\r\n            <div class=\"value-caption\">currentProcessDesignJson:</div>\r\n            <pre>{{ wfs.$currentProcessDesignJson() }}</pre>\r\n        </div>\r\n\r\n        <div class=\"tab-info\">\r\n            <div class=\"value-caption\">initialEmailTemplatesJson:</div>\r\n            <pre>{{ wfs.$initialEmailTemplatesJson() }}</pre>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".all-tabs .tab-content.more{display:flex;position:relative;width:100%;height:500px;justify-content:center}.all-tabs .tab-content.more>*{width:100%;max-width:1000px}.state{background-color:#fff;height:50vh;display:block;position:fixed;z-index:9;bottom:-50vh;box-shadow:#0000001a 0 10px 50px;transition:opacity bottom .5s ease-out}.state.shown{bottom:0}.state .scroll-container{position:relative;padding:15px;height:50vh;overflow-y:auto}.state .scroll-container .tab-info{padding:15ox;box-shadow:#0000001a 0 10px 50px;margin-bottom:50px}.state .scroll-container .tab-info .value-caption{padding-left:24px;font-family:Fira Code,monospace;font-size:.85rem;font-weight:700}.state .scroll-container .tab-info pre{background-color:#fff;color:#333;padding:1rem 1.5rem;font-family:Fira Code,monospace;font-size:.85rem;overflow-x:auto;line-height:1.5;width:100%;margin:0;white-space:pre-wrap;word-break:break-word}\n"] }]
         }], ctorParameters: () => [] });
 
 export { DesignWrapperComponent };
-//# sourceMappingURL=ngx-histaff-alpha-design-wrapper.component-DciAa4Ac.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-design-wrapper.component-DjnCbdcf.mjs.map