ngx-histaff-alpha 6.6.3 → 6.6.5

package/fesm2022/{ngx-histaff-alpha-ngx-histaff-alpha-DhuO-m8o.mjs → ngx-histaff-alpha-ngx-histaff-alpha-CQbwDcW4.mjs}

@@ -10,7 +10,7 @@ import { last, map, catchError, tap, finalize, first, filter as filter$1, deboun
 import * as i3 from '@angular/common';
 import { CommonModule, NgTemplateOutlet, JsonPipe, NgStyle, UpperCasePipe, AsyncPipe, NgClass, LowerCasePipe, NgIf, NgFor } from '@angular/common';
 import * as i1$4 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, Validators, FormControl, FormGroup, FormArray, NgControl, ControlContainer, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NG_VALUE_ACCESSOR, Validators, FormControl, FormGroup, FormArray, NgControl, ControlContainer, FormsModule, ReactiveFormsModule, FormBuilder } from '@angular/forms';
 import * as i1$2 from '@angular/router';
 import { Router, RouterModule, ActivatedRoute, NavigationStart, NavigationEnd, NavigationCancel, NavigationError, RouteConfigLoadEnd, RoutesRecognized, RouterOutlet } from '@angular/router';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
@@ -1017,6 +1017,7 @@ var EnumCoreButtonVNSCode;
     EnumCoreButtonVNSCode["HEADER_TERMINATE"] = "HEADER_TERMINATE";
     EnumCoreButtonVNSCode["HEADER_REVOKE"] = "HEADER_REVOKE";
     EnumCoreButtonVNSCode["HEADER_DEBUG"] = "HEADER_DEBUG";
+    EnumCoreButtonVNSCode["HEADER_APPROVE_SEND_OTP"] = "HEADER_APPROVE_SEND_OTP";
     //
     // CÁC NÚT CỦA PHẦN FORM - KHÔNG LIÊN QUAN TỚI PHÂN QUYỀN
     // NONE_HEADER_ category
@@ -1883,6 +1884,8 @@ var EnumFormBaseContolType;
     EnumFormBaseContolType["TOPICPICKER"] = "TOPICPICKER";
     EnumFormBaseContolType["LIQUID_WYSIWYG"] = "LIQUID_WYSIWYG";
     EnumFormBaseContolType["STICKER_COLLECTION"] = "STICKER_COLLECTION";
+    EnumFormBaseContolType["RULE_SET"] = "RULE_SET";
+    EnumFormBaseContolType["DOM_DECISION_EDITOR"] = "DOM_DECISION_EDITOR";
 })(EnumFormBaseContolType || (EnumFormBaseContolType = {}));
 
 class HubConnectionService {
@@ -8878,10 +8881,12 @@ class CoreWorkflowService {
         this.$initialBasicInfoJson = signal('{}');
         this.$initialFormDesignJson = signal('{}');
         this.$initialProcessDesignJson = signal('{}');
+        this.$initialDelegationJson = signal('{}');
         this.$initialEmailTemplatesJson = signal('{}');
         this.$currentBasicInfoJson = signal('{}');
         this.$currentFormDesignJson = computed(() => this.fds.$saveLiveJson());
         this.$currentProcessDesignJson = computed(() => this.$stepsJsonPreview());
+        this.$currentDelegationJson = signal('{}');
         this.$basicInfoChanged = computed(() => {
             return !!this.js.findFirstStringDifference(this.$initialBasicInfoJson(), this.$currentBasicInfoJson());
         });
@@ -8889,7 +8894,10 @@ class CoreWorkflowService {
             return !!this.js.findFirstStringDifference(this.$initialFormDesignJson(), this.$currentFormDesignJson(), ['selected']);
         });
         this.$processDesignChanged = computed(() => {
-            return this.$initialProcessDesignJson() !== this.$currentProcessDesignJson(); //this.$stepsJsonPreview();
+            return this.$initialProcessDesignJson() !== this.$currentProcessDesignJson();
+        });
+        this.$delegationChanged = computed(() => {
+            return this.$initialDelegationJson() !== this.$currentDelegationJson();
         });
         this.$moreChanged = computed(() => {
             return false; // to do
@@ -8904,6 +8912,7 @@ class CoreWorkflowService {
         this.jsonService = inject(JsonService);
         this.$routingSteps = signal([]);
         this.basicInfoFormCheckError$ = new BehaviorSubject(false);
+        this.delegationFormCheckError$ = new BehaviorSubject(false);
         this.emailTemplatesFormCheckError$ = new BehaviorSubject(false);
         this.liveFormCheckError$ = new BehaviorSubject(false);
         //requesterSeekerClick$ = new BehaviorSubject<number>(0);
@@ -8995,7 +9004,7 @@ class CoreWorkflowService {
                 if (Array.isArray(condition.filters) && condition.filters.length > 0)
                     return true;
                 if (Array.isArray(condition.rules)) {
-                    return condition.rules.some(rule => typeof rule === 'object' &&
+                    return condition.rules.some((rule) => typeof rule === 'object' &&
                         (rule.logicalOperator || hasNestedOperatorOrFilters(rule)));
                 }
                 return false;
@@ -9693,6 +9702,7 @@ const MONTHS = {
 };
 class CoreDatetimeService {
     constructor() {
+        this.$timeZones = signal([]);
         /*
         Creates a new Date object representing the current date and time in the client's local timezone.
         Returns the difference, in minutes, between the UTC time and the local time of the Date object.
@@ -9701,6 +9711,13 @@ class CoreDatetimeService {
           Negative: If the local timezone is ahead of UTC (e.g., UTC+7 returns -420).
         */
         this.timeZoneOffset = (new Date()).getTimezoneOffset();
+        this.loadFullTimezones();
+    }
+    //Load full IANA time zones (browser-supported)
+    loadFullTimezones() {
+        // 1. Load full IANA time zones (browser-supported)
+        const timeZones = Intl.supportedValuesOf("timeZone");
+        this.$timeZones.set(timeZones);
     }
     getMonthText(lang, monthIndex) {
         /*
@@ -12221,7 +12238,7 @@ class CoreIosSwitcherComponent extends CoreFormControlBaseComponent {
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
-                useExisting: CoreIosSwitcherComponent
+                useExisting: forwardRef(() => CoreIosSwitcherComponent)
             }
         ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<input type=\"checkbox\" [(ngModel)]=\"value\" (ngModelChange)=\"onValueChange($event)\">\r\n\r\n<label #container class=\"core-ios-switcher-container\">\r\n\r\n    @if (!!readonly) {\r\n        <div class=\"outer\" [class.truely]=\"value\">\r\n            <div class=\"circle\"></div>\r\n            <label [class.opacity0]=\"!showOnOffText\">{{ labelText }}</label>\r\n        </div>\r\n    } @else {\r\n        <div class=\"outer\" [class.truely]=\"value\" (click)=\"onClick()\">\r\n            <div class=\"circle\"></div>\r\n            <label [class.opacity0]=\"!showOnOffText\">{{ labelText }}</label>\r\n        </div>\r\n    }\r\n\r\n</label>\r\n", styles: ["input{display:none}.core-ios-switcher-container{--outer-width: 80px;--outer-height: 28px;--outer-falsy-border: solid #E9E9EB;--outer-truely-border: solid #FFA427;--outer-border-width: 2px;--outer-falsy-bg-color: #E9E9EB;--outer-falsy-color: black;--outer-truely-bg-color: #FFA427;--outer-truely-color: white;--outer-font-size: 14px;--circle-bg-color: white;--checkbox-size: 18px;--checkbox-border-color: #B9B9B9;--checkbox-hover-bg: #B9B9B9;--checkbox-bg: #FFFFFF;--checkbox-checked-bg: #358ccb;--checkbox-color: #FFFFFF;--font-size: 15px;--text-color: gray;display:flex;align-items:center;justify-content:flex-start;position:relative;font-size:var(--outer-font-size);font-weight:400;color:var(--text-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.core-ios-switcher-container .outer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--outer-width);height:var(--outer-height);border:var(--outer-falsy-border);border-width:var(--outer-border-width);border-radius:var(--outer-height);background-color:var(--outer-falsy-bg-color);color:var(--outer-falsy-color);cursor:pointer;transition:.5s ease-out}.core-ios-switcher-container .outer .circle{width:21px;height:21px;border-radius:50%;display:block;position:absolute;background-color:var(--circle-bg-color);cursor:pointer;left:var(--outer-border-width);transition:left .5s ease-out!important}.core-ios-switcher-container .outer label{cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size);padding-left:var(--outer-height);padding-right:0}.core-ios-switcher-container .truely{border:solid var(--outer-truely-border);background-color:var(--outer-truely-bg-color)!important;color:var(--outer-truely-color)!important;transition:.5s ease-out}.core-ios-switcher-container .truely label{padding-left:0!important;padding-right:var(--outer-height)!important;transition:.5s ease-out}.core-ios-switcher-container .truely .circle{left:calc(var(--outer-width) - var(--outer-border-width) - 21px)!important;transition:left .5s ease-out!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
 }
@@ -12236,7 +12253,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         {
                             provide: NG_VALUE_ACCESSOR,
                             multi: true,
-                            useExisting: CoreIosSwitcherComponent
+                            useExisting: forwardRef(() => CoreIosSwitcherComponent)
                         }
                     ], template: "<input type=\"checkbox\" [(ngModel)]=\"value\" (ngModelChange)=\"onValueChange($event)\">\r\n\r\n<label #container class=\"core-ios-switcher-container\">\r\n\r\n    @if (!!readonly) {\r\n        <div class=\"outer\" [class.truely]=\"value\">\r\n            <div class=\"circle\"></div>\r\n            <label [class.opacity0]=\"!showOnOffText\">{{ labelText }}</label>\r\n        </div>\r\n    } @else {\r\n        <div class=\"outer\" [class.truely]=\"value\" (click)=\"onClick()\">\r\n            <div class=\"circle\"></div>\r\n            <label [class.opacity0]=\"!showOnOffText\">{{ labelText }}</label>\r\n        </div>\r\n    }\r\n\r\n</label>\r\n", styles: ["input{display:none}.core-ios-switcher-container{--outer-width: 80px;--outer-height: 28px;--outer-falsy-border: solid #E9E9EB;--outer-truely-border: solid #FFA427;--outer-border-width: 2px;--outer-falsy-bg-color: #E9E9EB;--outer-falsy-color: black;--outer-truely-bg-color: #FFA427;--outer-truely-color: white;--outer-font-size: 14px;--circle-bg-color: white;--checkbox-size: 18px;--checkbox-border-color: #B9B9B9;--checkbox-hover-bg: #B9B9B9;--checkbox-bg: #FFFFFF;--checkbox-checked-bg: #358ccb;--checkbox-color: #FFFFFF;--font-size: 15px;--text-color: gray;display:flex;align-items:center;justify-content:flex-start;position:relative;font-size:var(--outer-font-size);font-weight:400;color:var(--text-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.core-ios-switcher-container .outer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--outer-width);height:var(--outer-height);border:var(--outer-falsy-border);border-width:var(--outer-border-width);border-radius:var(--outer-height);background-color:var(--outer-falsy-bg-color);color:var(--outer-falsy-color);cursor:pointer;transition:.5s ease-out}.core-ios-switcher-container .outer .circle{width:21px;height:21px;border-radius:50%;display:block;position:absolute;background-color:var(--circle-bg-color);cursor:pointer;left:var(--outer-border-width);transition:left .5s ease-out!important}.core-ios-switcher-container .outer label{cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size);padding-left:var(--outer-height);padding-right:0}.core-ios-switcher-container .truely{border:solid var(--outer-truely-border);background-color:var(--outer-truely-bg-color)!important;color:var(--outer-truely-color)!important;transition:.5s ease-out}.core-ios-switcher-container .truely label{padding-left:0!important;padding-right:var(--outer-height)!important;transition:.5s ease-out}.core-ios-switcher-container .truely .circle{left:calc(var(--outer-width) - var(--outer-border-width) - 21px)!important;transition:left .5s ease-out!important}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }], propDecorators: { bgColor: [{
@@ -21319,7 +21336,7 @@ class CoreDropdownComponent extends CoreFormControlBaseComponent {
             //getByIdObject$
             if (!!!this.getByIdObject$ && isDevMode() && !!!this.warningDisable) {
                 this.alertService.error(`CoreDropdownComponent Error: Required inputs:
-								getByIdObject$: BehaviorSubject&lt;any&gt; (for '${this.ngControl.name}')`);
+								getByIdObject$: BehaviorSubject&lt;any&gt; (for '${this.ngControl?.name ?? "-"}')`);
             }
             if (!!!this.shownFrom && isDevMode() && !!!this.warningDisable) {
                 this.alertService.error(`CoreDropdownComponent Error: Required inputs:
@@ -25981,6 +25998,494 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                 }]
         }] });
 
+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$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.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;
+    }
+    createGroupForm(config) {
+        const logicalOperator = config?.logicalOperator ?? 'AND';
+        const filters = Array.isArray(config?.filters)
+            ? config.filters.map(f => f?.logicalOperator
+                ? this.createGroupForm(f)
+                : this.createConditionForm(f))
+            : [];
+        return new FormGroup({
+            logicalOperator: new FormControl(logicalOperator),
+            filters: new FormArray(filters)
+        });
+    }
+    createConditionForm(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 ?? '')
+        });
+    }
+    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) {
+        super(mls);
+        this.mls = mls;
+        // Inputs
+        this.$totalCols = input([]);
+        this.$mainForm = input(new FormGroup({
+            logicalOperator: new FormControl('AND')
+        }));
+        this.$filterStringInput = input();
+        this.$expressionInput = input();
+        // ===== NEW – REACTIVE FORM MODE (OPTIONAL) =====
+        this.$form = input(null);
+        this.$field = input(null);
+        // 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 }], 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 }, $form: { classPropertyName: "$form", publicName: "$form", isSignal: true, isRequired: false, transformFunction: null }, $field: { classPropertyName: "$field", publicName: "$field", 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$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.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$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$4.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')]),
+            ])
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreRuleTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-rule-tree', 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 }] });
+
+class CoreRuleSetComponent extends CoreFormControlBaseComponent {
+    constructor() {
+        super();
+        this.value = null;
+        this.$open = signal(false);
+        this.crts = inject(CoreRuleTreeService);
+        this.ruleTreeForm = this.crts.createGroupForm();
+        this.wfs = inject(CoreWorkflowService);
+    }
+    onToggleOpen() {
+        this.$open.update(x => !x);
+    }
+    onRuleTreeJsonChange(e) {
+        this.writeValue(e);
+        this.onChange(e);
+        this.markAsTouched();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreRuleSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: CoreRuleSetComponent, isStandalone: true, selector: "core-rule-set", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => CoreRuleSetComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"core-rule-set-container\">\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onToggleOpen()\">Rule set</button>\r\n    <div class=\"rule-set-popup\" [class.open]=\"$open()\">\r\n        <core-rule-tree \r\n            [$totalCols]=\"wfs.$availableCols()\"\r\n            [$mainForm]=\"ruleTreeForm\"\r\n            ($jsonEmitter)=\"onRuleTreeJsonChange($event)\"\r\n        />\r\n    </div>\r\n</div>\r\n", styles: [".core-rule-set-container{position:relative}.core-rule-set-container .rule-set-popup{display:none;background-color:#fff;position:absolute;left:0;top:100%;width:360px;height:fit-content;box-shadow:.4rem 0 2rem #0000002e;padding:15px 15px 0}.core-rule-set-container .rule-set-popup.open{display:block}\n"], dependencies: [{ kind: "component", type: CoreRuleTreeComponent, selector: "core-rule-tree", inputs: ["$totalCols", "$mainForm", "$filterStringInput", "$expressionInput", "$form", "$field"], outputs: ["$jsonEmitter"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreRuleSetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-rule-set', imports: [
+                        CoreRuleTreeComponent
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => CoreRuleSetComponent)
+                        }
+                    ], template: "<div class=\"core-rule-set-container\">\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onToggleOpen()\">Rule set</button>\r\n    <div class=\"rule-set-popup\" [class.open]=\"$open()\">\r\n        <core-rule-tree \r\n            [$totalCols]=\"wfs.$availableCols()\"\r\n            [$mainForm]=\"ruleTreeForm\"\r\n            ($jsonEmitter)=\"onRuleTreeJsonChange($event)\"\r\n        />\r\n    </div>\r\n</div>\r\n", styles: [".core-rule-set-container{position:relative}.core-rule-set-container .rule-set-popup{display:none;background-color:#fff;position:absolute;left:0;top:100%;width:360px;height:fit-content;box-shadow:.4rem 0 2rem #0000002e;padding:15px 15px 0}.core-rule-set-container .rule-set-popup.open{display:block}\n"] }]
+        }], ctorParameters: () => [] });
+
 class CoreControlNoFormArrayComponent extends BaseComponent {
     constructor(mls, alertService) {
         super(mls);
@@ -26106,7 +26611,7 @@ class CoreControlNoFormArrayComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreControlNoFormArrayComponent, deps: [{ token: MultiLanguageService }, { token: AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreControlNoFormArrayComponent, isStandalone: true, selector: "core-control-no-form-array", inputs: { control: "control", checkError$: "checkError$", rangeLimit: "rangeLimit", readonly: "readonly", disabled: "disabled" }, host: { listeners: { "window:click": "onWindowClick()" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-control-container\">\r\n\r\n    <div [formGroup]=\"form\" [class.hidden]=\"!!control.hidden\">\r\n\r\n        @if (!control.headless!) {\r\n            <label [class]=\"'control-label' +  (required ? ' required' : '')\" [attr.for]=\"control.field\"\r\n                [class.d-none]=\"!!control.hidden\"\r\n                [class.avatar-label]=\"control.uploadFileType==='IMAGE_AVATAR'\" [appTooltip]=\"control.tooltip! | translate: lang\" \r\n                [htmlTooltip]=\"control.htmlTooltip!\"\r\n                [backgroundColor]=\"'white'\"\r\n                [ngStyle]=\"{\r\n                    display: 'inline-block'\r\n                }\">\r\n                {{(control.controlType!=='CHECKBOX' && control.controlType!=='BUTTON') ? (control.label | translate: lang) : ''}}\r\n            </label>\r\n\r\n            @if (!!control.hint! && control.controlType !== 'CHECKBOX') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"control.hint!\" [showAnyway]=\"true\" [ngStyle]=\"{\r\n                    display: 'inline-block',\r\n                    marginLeft: '2px'\r\n                }\" [class.d-none]=\"!!control.hidden\"></i>\r\n            }\r\n        }\r\n\r\n        <!-- START: FORM-CONTROL SESSION-->\r\n\r\n        <ng-container>\r\n        @switch (control.controlType) {\r\n            @case (\"CALCULATED\") {\r\n                <div class=\"calculated-view\" [htmlTooltip]=\"calculatedControlInfo\" [tooltipContext]=\"{control: control}\" [backgroundColor]=\"'#fff'\">\r\n                    <i class=\"feather-box\"></i><span>{{ control.field! }}</span>\r\n                </div>\r\n            }\r\n            @case (\"TEXTBOX\") {\r\n\r\n                <input *ngIf=\"control.type === 'date'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"date\"\r\n                    useValueAsDate\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'time'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"time\"\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'number'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"number\"\r\n                    step=\"{{ control.step || 1 }}\"\r\n                    class=\"form-control\"\r\n                    style=\"text-align: right;\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"['string', 'text', 'email', 'url', 'password'].includes(control.type || 'text')\"\r\n                    [formControlName]=\"control.field\"\r\n                    [type]=\"control.type\"\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n\r\n                <!-- <input *ngIf=\"control.type==='calculated'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"true\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.form-control-disabled]=\"true\" /> -->\r\n\r\n            }\r\n            @case (\"CURRENCY\") {\r\n                <core-currency-input \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-currency-input>\r\n            }\r\n            @case (\"TEXTAREA\") {\r\n                <textarea \r\n                    [rows]=\"control.textareaRows?.toString() || '3'\" [ngStyle]=\"{ height: 'unset' }\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" class=\"form-control\" [readonly]=\"control.readonly\" [placeholder]=\"control.placeholder! || ''\"></textarea>\r\n            }\r\n            @case (\"CHECKBOX\") {\r\n                <core-checkbox \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [text]=\"control.label\"\r\n                    [inputValue]=\"control.value\" [tooltip]=\"control.hint!\"></core-checkbox>\r\n            }\r\n            @case (\"IOS_SWITCHER\") {\r\n                <div class=\"gap-for-ios-switcher\"></div>\r\n                <core-ios-switcher [disabled]=\"!!disabled || !!control.disabled\" [formControlName]=\"control.field\" />\r\n            }\r\n            @case (\"MCC\") {\r\n                <core-mcc [formControlName]=\"control.field\" [columns]=\"control.columns!\" [shownFrom]=\"control.shownFrom!\" \r\n                [apiDefinition]=\"control.apiDefinition!\" [getByIdApi]=\"control.getByIdApi!\" [selectedRow$]=\"control.selectedRow$!\"\r\n                [outerParam$]=\"control.outerParam$!\"\r\n                [disabled]=\"!!disabled || !!control.disabled\"\r\n                [placeholder]=\"control.placeholder! || ''\"\r\n                ></core-mcc>\r\n            }\r\n            @case (\"DATEPICKER\") {\r\n                <core-date-picker \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [showPlaceholder]=\"control.showPlaceholder!\" [rangeLimit]=\"control.rangeLimit!\" [popupAlign]=\"control.popupAlign!\" [placeholder]=\"control.placeholder! || ''\"></core-date-picker>\r\n            }\r\n\r\n            @case (\"DROPDOWN\") {\r\n                @if (!!control.dropdownOptions$) {\r\n                    <core-dropdown \r\n                        [formControlName]=\"control.field\" \r\n                        [options$]=\"control.dropdownOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" \r\n                        [shownFrom]=\"control.shownFrom!\" \r\n                        [placeholder]=\"control.placeholder! || ''\"\r\n                        [disabled]=\"!!disabled || !!control.disabled\"\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                    ></core-dropdown>\r\n                } @else {\r\n                    No dropdownOptions$ detected\r\n                }\r\n            }\r\n            @case (\"LIST\") {\r\n                <core-list \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [options]=\"control.listOptions!\" [placeholder]=\"control.placeholder! || ''\"></core-list>\r\n            }\r\n            @case (\"CHECKLIST\") {\r\n                @if (!!control.checklistOptions$) {\r\n                    <core-checklist \r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [formControlName]=\"control.field\" [options$]=\"control.checklistOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\" [placeholder]=\"control.placeholder! || ''\"></core-checklist>\r\n                }\r\n            }\r\n            @case (\"FILEUPLOADER\") {\r\n                @if (!!control.uploadFileType) {\r\n                    <core-file-uploader \r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [formControlName]=\"control.field\" [uploadFileType]=\"control.uploadFileType\"\r\n                        [fileDataControlName]=\"control.fileDataControlName!\"\r\n                        [fileNameControlName]=\"control.fileNameControlName!\"\r\n                        [fileTypeControlName]=\"control.fileTypeControlName!\"\r\n                        [verticalMode]=\"control.verticalMode!\"></core-file-uploader>\r\n                }\r\n            }\r\n            @case (\"ATTACHMENT\") {\r\n                <core-attachment ngDefaultControl [formControlName]=\"control.field\" [assignTo]=\"control.assignTo!\"\r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [valueToShow]=\"control.valueToShow!\" [placeholder]=\"control.placeholder! || ''\"></core-attachment>\r\n            }\r\n            @case (\"GRIDBUFFER\") {\r\n                @if (!!control.gridBufferFormSections && !!control.gridBufferTableColumns) {\r\n                    <core-grid-buffer [formControlName]=\"control.field\" [formSections]=\"control.gridBufferFormSections\"\r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [gridColumns]=\"control.gridBufferTableColumns\"\r\n                        (onBufferFormCreated)=\"!!control.onBufferFormCreated ? control.onBufferFormCreated($event) : null\"></core-grid-buffer>\r\n                }\r\n            }\r\n            @case (\"ORGTREECHECK\") {\r\n                <core-org-tree \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\"\r\n                    [accessorMode]=\"coreOrgTreeDefaultAccessorMode\" [height]=\"control.height!\"></core-org-tree>\r\n            }\r\n            @case (\"RADIOGROUP\") {\r\n                <core-radio-group [formControlName]=\"control.field\"\r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [options$]=\"control.radioGroupOptions$!\"\r\n                    [vertical]=\"control.verticalMode!\"\r\n                    ></core-radio-group>\r\n            }\r\n            @case (\"MONTHSELECTOR\") {\r\n                <core-month-selector \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-month-selector>\r\n            }\r\n            @case (\"SHIFTCELL\") {\r\n                <core-shift-cell \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\"></core-shift-cell>\r\n            }\r\n            @case (\"SHIFTCOLLECTION\") {\r\n                <core-shift-collection \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [relativeMode]=\"true\" [height]=\"control.height || 800\"></core-shift-collection>\r\n            }\r\n            @case(\"TOPICPICKER\") {\r\n                <core-topic-picker \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [popupHeight]=\"control.popupHeight!\" [getByIdApi]=\"control.getByIdApi!\"></core-topic-picker>\r\n            }\r\n            @case (\"SEEKER\") {\r\n                @switch(control.seekerSourceType) {\r\n                    @case(\"JOB_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"EMPLOYEE_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"CONTRACT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" [boundFrom]=\"control.boundFrom!\"\r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\" \r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [shownFrom]=\"control.shownFrom!\"\r\n                            [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WORKING_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WAGE_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [formControlName]=\"control.field\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [seekerVerifyIgnore]=\"control.seekerVerifyIgnore!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_CONCURRENT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"FORM_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"                            \r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"ORGANIZATION_UNIT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [formControlName]=\"control.field\" [seekerSourceType]=\"control.seekerSourceType!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [alsoBindTo]=\"control.alsoBindTo!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        </ng-container>\r\n\r\n        @if (control.controlType==='BUTTON') {\r\n        <ng-container>\r\n            <button type=\"button\" class=\"btn btn-secondary text\" (click)=\"oHandleClick($event)\">{{control.label| translate: lang}}</button>\r\n        </ng-container>\r\n        }\r\n        <!-- END: FORM-CONTROL SESSION-->\r\n\r\n        <!-- START: ERROR SESSION-->\r\n        @if (!!errors!.length) {\r\n        <div>\r\n            @for (error of errors; track $index) {\r\n            <div class=\"form-control-error\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n            }\r\n        </div>\r\n        }\r\n\r\n        @if (!errors!.length && !!checkError$.value) {\r\n        <div>\r\n            <div>\r\n                {{ '&nbsp;' }}\r\n            </div>\r\n        </div>\r\n        }\r\n        <!-- END: ERROR SESSION-->\r\n\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<ng-template #calculatedControlInfo let-control=\"control\">\r\n    <div class=\"calculated-tooltip-container\">\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Name:</span>\r\n        <span class=\"value\">{{ control?.field || 'N/A' }}</span>\r\n        </div>        \r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Evaluation Mode:</span>\r\n        <span class=\"value\">{{ control?.evaluationMode || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Return Type:</span>\r\n        <span class=\"value\">{{ control?.returnType || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Depends On:</span>\r\n        <span class=\"value\" *ngIf=\"control?.dependsOn?.length > 0; else noDepends\">\r\n            <code *ngFor=\"let dep of control?.dependsOn; let last = last\">{{ dep }}<span *ngIf=\"!last\">, </span></code>\r\n        </span>\r\n        <ng-template #noDepends><em class=\"no-depends\">None</em></ng-template>\r\n        </div>\r\n        <div *ngIf=\"!!control?.isUnsafe\" class=\"warning\">\r\n        \u26A0\uFE0F This script is marked as <strong>unsafe</strong> and will not be executed.\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Script:</span>\r\n        <pre class=\"code-block\">{{ control?.script || 'No script provided.' }}</pre>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".core-control-container{font-size:var(--typo-basic-font-size)!important}.core-control-container .control-label{color:#848484}.core-control-container>div.hidden{display:none}.core-control-container label{color:#464646}.core-control-container label.required:after{content:\"*\";color:#ff040b}.core-control-container label.avatar-label{width:var(--size-file-uploader);display:flex;align-items:center;justify-content:center}.core-control-container input[type=number]{padding-right:12px;position:relative}.core-control-container input[type=number]::-webkit-inner-spin-button{position:absolute;right:.3em;margin-left:.5em}.core-control-container input[type=number]{-moz-appearance:textfield}.core-control-container i.feather-help-circle{color:#848484}.core-control-container .gap-for-ios-switcher{height:5px}.core-control-container .calculated-view{-webkit-user-select:none;user-select:none;cursor:pointer;height:35px;width:160px;background-color:#d8f3dc;color:#1b4332;border:1px solid #95d5b2;border-radius:50px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;font-family:Segoe UI,sans-serif;letter-spacing:.5px;padding:8px}.core-control-container .calculated-view i{font-size:18px;width:18px;height:18px;margin-right:8px}.core-control-container .calculated-view span{width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.calculated-tooltip-container{background-color:#fff;border:1px solid #ddd;padding:1rem;border-radius:6px;font-size:14px;color:#333;box-shadow:0 4px 10px #0000000d;max-width:360px}.calculated-tooltip-container .calculated-field-row{margin-bottom:.75rem}.calculated-tooltip-container .label{font-weight:500;color:#555!important;display:inline-block;min-width:140px}.calculated-tooltip-container .value{color:#222!important}.calculated-tooltip-container .warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:13px}.calculated-tooltip-container .code-block{background:#f8f9fa;border:1px solid #ddd;padding:.75rem;font-family:monospace;font-size:12px;white-space:pre-wrap;color:#111!important;border-radius:4px;overflow-x:auto}.calculated-tooltip-container .no-depends{color:#888;font-style:italic}.calculated-tooltip-container pre{overflow:hidden}.calculated-tooltip-container label.required~input:not([disabled]),.calculated-tooltip-container label.required~textarea:not([disabled]),.calculated-tooltip-container label.required~select:not([disabled]){background-color:#ff0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.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$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { 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: CoreListComponent, selector: "core-list", inputs: ["title", "height", "options", "placeholder"] }, { kind: "component", type: CoreChecklistComponent, selector: "core-checklist", inputs: ["paramMode", "getByIdObject$", "shownFrom", "options$", "height", "placeholder", "loading", "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: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreFileUploaderComponent, selector: "core-file-uploader", inputs: ["uploadFileType", "fileDataControlName", "fileNameControlName", "fileTypeControlName", "avatarSize", "defaultAvatar", "hidePreview", "verticalMode"] }, { kind: "component", type: CoreAttachmentComponent, selector: "core-attachment", inputs: ["assignTo", "readonly", "valueToShow", "placeholder", "upFlag$", "downFlag$"] }, { kind: "component", type: CoreGridBufferComponent, selector: "core-grid-buffer", inputs: ["padding", "placeholder", "tableHeight", "liteMode", "formSections", "gridColumns"], outputs: ["onBufferFormCreated"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled"] }, { kind: "component", type: CoreOrgTreeComponent, selector: "core-org-tree", inputs: ["lineColor", "fullWidthMode", "accessorMode", "searchMode", "fullRendering", "height", "disabledLoopExpand", "showCheckInheritance", "excludedIds$", "stateIsolated$"], outputs: ["itemDoubleClick", "itemClick"] }, { kind: "component", type: CoreRadioGroupComponent, selector: "core-radio-group", inputs: ["options$", "vertical", "columnCount", "gapY", "defaultValue"] }, { kind: "component", type: CoreMccComponent, selector: "core-mcc", inputs: ["height", "columns", "shownFrom", "apiDefinition", "getByIdApi", "outerParam$", "selectedRow$", "outerFilterOperators", "outerInOperators", "placeholder"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align", "placeholder"], outputs: ["onYearClick"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "component", type: CoreCurrencyInputComponent, selector: "core-currency-input", inputs: ["currencySign", "placeholder"], outputs: ["onLeftFocus"] }, { kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$readOnly", "$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "disabled", "relativeMode"] }, { kind: "component", type: CoreTopicPickerComponent, selector: "core-topic-picker", inputs: ["popupHeight", "getByIdApi"] }, { kind: "component", type: CoreIosSwitcherComponent, selector: "core-ios-switcher", inputs: ["bgColor", "showOnOffText", "width", "height", "readonly"] }, { kind: "directive", type: HtmlTooltipDirective, selector: "[htmlTooltip]", inputs: ["htmlTooltip", "tooltipContext", "maxWidthUnset", "color", "backgroundColor", "hold$"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreControlNoFormArrayComponent, isStandalone: true, selector: "core-control-no-form-array", inputs: { control: "control", checkError$: "checkError$", rangeLimit: "rangeLimit", readonly: "readonly", disabled: "disabled" }, host: { listeners: { "window:click": "onWindowClick()" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-control-container\">\r\n\r\n    <div [formGroup]=\"form\" [class.hidden]=\"!!control.hidden\">\r\n\r\n        @if (!control.headless!) {\r\n            <label [class]=\"'control-label' +  (required ? ' required' : '')\" [attr.for]=\"control.field\"\r\n                [class.d-none]=\"!!control.hidden\"\r\n                [class.avatar-label]=\"control.uploadFileType==='IMAGE_AVATAR'\" [appTooltip]=\"control.tooltip! | translate: lang\" \r\n                [htmlTooltip]=\"control.htmlTooltip!\"\r\n                [backgroundColor]=\"'white'\"\r\n                [ngStyle]=\"{\r\n                    display: 'inline-block'\r\n                }\">\r\n                {{(control.controlType!=='CHECKBOX' && control.controlType!=='BUTTON') ? (control.label | translate: lang) : ''}}\r\n            </label>\r\n\r\n            @if (!!control.hint! && control.controlType !== 'CHECKBOX') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"control.hint!\" [showAnyway]=\"true\" [ngStyle]=\"{\r\n                    display: 'inline-block',\r\n                    marginLeft: '2px'\r\n                }\" [class.d-none]=\"!!control.hidden\"></i>\r\n            }\r\n        }\r\n\r\n        <!-- START: FORM-CONTROL SESSION-->\r\n\r\n        <ng-container>\r\n        @switch (control.controlType) {\r\n            @case (\"CALCULATED\") {\r\n                <div class=\"calculated-view\" [htmlTooltip]=\"calculatedControlInfo\" [tooltipContext]=\"{control: control}\" [backgroundColor]=\"'#fff'\">\r\n                    <i class=\"feather-box\"></i><span>{{ control.field! }}</span>\r\n                </div>\r\n            }\r\n            @case (\"TEXTBOX\") {\r\n\r\n                <input *ngIf=\"control.type === 'date'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"date\"\r\n                    useValueAsDate\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'time'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"time\"\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'number'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"number\"\r\n                    step=\"{{ control.step || 1 }}\"\r\n                    class=\"form-control\"\r\n                    style=\"text-align: right;\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"['string', 'text', 'email', 'url', 'password'].includes(control.type || 'text')\"\r\n                    [formControlName]=\"control.field\"\r\n                    [type]=\"control.type\"\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n\r\n                <!-- <input *ngIf=\"control.type==='calculated'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"true\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.form-control-disabled]=\"true\" /> -->\r\n\r\n            }\r\n            @case (\"CURRENCY\") {\r\n                <core-currency-input \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-currency-input>\r\n            }\r\n            @case (\"TEXTAREA\") {\r\n                <textarea \r\n                    [rows]=\"control.textareaRows?.toString() || '3'\" [ngStyle]=\"{ height: 'unset' }\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" class=\"form-control\" [readonly]=\"control.readonly\" [placeholder]=\"control.placeholder! || ''\"></textarea>\r\n            }\r\n            @case (\"CHECKBOX\") {\r\n                <core-checkbox \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [text]=\"control.label\"\r\n                    [inputValue]=\"control.value\" [tooltip]=\"control.hint!\"></core-checkbox>\r\n            }\r\n            @case (\"IOS_SWITCHER\") {\r\n                <div class=\"gap-for-ios-switcher\"></div>\r\n                <core-ios-switcher [disabled]=\"!!disabled || !!control.disabled\" [formControlName]=\"control.field\" />\r\n            }\r\n            @case (\"MCC\") {\r\n                <core-mcc [formControlName]=\"control.field\" [columns]=\"control.columns!\" [shownFrom]=\"control.shownFrom!\" \r\n                [apiDefinition]=\"control.apiDefinition!\" [getByIdApi]=\"control.getByIdApi!\" [selectedRow$]=\"control.selectedRow$!\"\r\n                [outerParam$]=\"control.outerParam$!\"\r\n                [disabled]=\"!!disabled || !!control.disabled\"\r\n                [placeholder]=\"control.placeholder! || ''\"\r\n                ></core-mcc>\r\n            }\r\n            @case (\"DATEPICKER\") {\r\n                <core-date-picker \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [showPlaceholder]=\"control.showPlaceholder!\" [rangeLimit]=\"control.rangeLimit!\" [popupAlign]=\"control.popupAlign!\" [placeholder]=\"control.placeholder! || ''\"></core-date-picker>\r\n            }\r\n\r\n            @case (\"DROPDOWN\") {\r\n                @if (!!control.dropdownOptions$) {\r\n                    <core-dropdown \r\n                        [formControlName]=\"control.field\" \r\n                        [options$]=\"control.dropdownOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" \r\n                        [shownFrom]=\"control.shownFrom!\" \r\n                        [placeholder]=\"control.placeholder! || ''\"\r\n                        [disabled]=\"!!disabled || !!control.disabled\"\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                    ></core-dropdown>\r\n                } @else {\r\n                    No dropdownOptions$ detected\r\n                }\r\n            }\r\n            @case (\"LIST\") {\r\n                <core-list \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [options]=\"control.listOptions!\" [placeholder]=\"control.placeholder! || ''\"></core-list>\r\n            }\r\n            @case (\"CHECKLIST\") {\r\n                @if (!!control.checklistOptions$) {\r\n                    <core-checklist \r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [formControlName]=\"control.field\" [options$]=\"control.checklistOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\" [placeholder]=\"control.placeholder! || ''\"></core-checklist>\r\n                }\r\n            }\r\n            @case (\"FILEUPLOADER\") {\r\n                @if (!!control.uploadFileType) {\r\n                    <core-file-uploader \r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [formControlName]=\"control.field\" [uploadFileType]=\"control.uploadFileType\"\r\n                        [fileDataControlName]=\"control.fileDataControlName!\"\r\n                        [fileNameControlName]=\"control.fileNameControlName!\"\r\n                        [fileTypeControlName]=\"control.fileTypeControlName!\"\r\n                        [verticalMode]=\"control.verticalMode!\"></core-file-uploader>\r\n                }\r\n            }\r\n            @case (\"ATTACHMENT\") {\r\n                <core-attachment ngDefaultControl [formControlName]=\"control.field\" [assignTo]=\"control.assignTo!\"\r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [valueToShow]=\"control.valueToShow!\" [placeholder]=\"control.placeholder! || ''\"></core-attachment>\r\n            }\r\n            @case (\"GRIDBUFFER\") {\r\n                @if (!!control.gridBufferFormSections && !!control.gridBufferTableColumns) {\r\n                    <core-grid-buffer [formControlName]=\"control.field\" [formSections]=\"control.gridBufferFormSections\"\r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [gridColumns]=\"control.gridBufferTableColumns\"\r\n                        (onBufferFormCreated)=\"!!control.onBufferFormCreated ? control.onBufferFormCreated($event) : null\"></core-grid-buffer>\r\n                }\r\n            }\r\n            @case (\"ORGTREECHECK\") {\r\n                <core-org-tree \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\"\r\n                    [accessorMode]=\"coreOrgTreeDefaultAccessorMode\" [height]=\"control.height!\"></core-org-tree>\r\n            }\r\n            @case (\"RADIOGROUP\") {\r\n                <core-radio-group [formControlName]=\"control.field\"\r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [options$]=\"control.radioGroupOptions$!\"\r\n                    [vertical]=\"control.verticalMode!\"\r\n                    ></core-radio-group>\r\n            }\r\n            @case (\"MONTHSELECTOR\") {\r\n                <core-month-selector \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-month-selector>\r\n            }\r\n            @case (\"SHIFTCELL\") {\r\n                <core-shift-cell \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\"></core-shift-cell>\r\n            }\r\n            @case (\"SHIFTCOLLECTION\") {\r\n                <core-shift-collection \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [relativeMode]=\"true\" [height]=\"control.height || 800\"></core-shift-collection>\r\n            }\r\n            @case(\"TOPICPICKER\") {\r\n                <core-topic-picker \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [popupHeight]=\"control.popupHeight!\" [getByIdApi]=\"control.getByIdApi!\"></core-topic-picker>\r\n            }\r\n            @case(\"RULE_SET\") {\r\n                <core-rule-set \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\"\r\n                />\r\n            }\r\n            @case (\"SEEKER\") {\r\n                @switch(control.seekerSourceType) {\r\n                    @case(\"JOB_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"EMPLOYEE_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"CONTRACT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" [boundFrom]=\"control.boundFrom!\"\r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\" \r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [shownFrom]=\"control.shownFrom!\"\r\n                            [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WORKING_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WAGE_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [formControlName]=\"control.field\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [seekerVerifyIgnore]=\"control.seekerVerifyIgnore!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_CONCURRENT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"FORM_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"                            \r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"ORGANIZATION_UNIT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [formControlName]=\"control.field\" [seekerSourceType]=\"control.seekerSourceType!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [alsoBindTo]=\"control.alsoBindTo!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        </ng-container>\r\n\r\n        @if (control.controlType==='BUTTON') {\r\n        <ng-container>\r\n            <button type=\"button\" class=\"btn btn-secondary text\" (click)=\"oHandleClick($event)\">{{control.label| translate: lang}}</button>\r\n        </ng-container>\r\n        }\r\n        <!-- END: FORM-CONTROL SESSION-->\r\n\r\n        <!-- START: ERROR SESSION-->\r\n        @if (!!errors!.length) {\r\n        <div>\r\n            @for (error of errors; track $index) {\r\n            <div class=\"form-control-error\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n            }\r\n        </div>\r\n        }\r\n\r\n        @if (!errors!.length && !!checkError$.value) {\r\n        <div>\r\n            <div>\r\n                {{ '&nbsp;' }}\r\n            </div>\r\n        </div>\r\n        }\r\n        <!-- END: ERROR SESSION-->\r\n\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<ng-template #calculatedControlInfo let-control=\"control\">\r\n    <div class=\"calculated-tooltip-container\">\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Name:</span>\r\n        <span class=\"value\">{{ control?.field || 'N/A' }}</span>\r\n        </div>        \r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Evaluation Mode:</span>\r\n        <span class=\"value\">{{ control?.evaluationMode || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Return Type:</span>\r\n        <span class=\"value\">{{ control?.returnType || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Depends On:</span>\r\n        <span class=\"value\" *ngIf=\"control?.dependsOn?.length > 0; else noDepends\">\r\n            <code *ngFor=\"let dep of control?.dependsOn; let last = last\">{{ dep }}<span *ngIf=\"!last\">, </span></code>\r\n        </span>\r\n        <ng-template #noDepends><em class=\"no-depends\">None</em></ng-template>\r\n        </div>\r\n        <div *ngIf=\"!!control?.isUnsafe\" class=\"warning\">\r\n        \u26A0\uFE0F This script is marked as <strong>unsafe</strong> and will not be executed.\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Script:</span>\r\n        <pre class=\"code-block\">{{ control?.script || 'No script provided.' }}</pre>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".core-control-container{font-size:var(--typo-basic-font-size)!important}.core-control-container .control-label{color:#848484}.core-control-container>div.hidden{display:none}.core-control-container label{color:#464646}.core-control-container label.required:after{content:\"*\";color:#ff040b}.core-control-container label.avatar-label{width:var(--size-file-uploader);display:flex;align-items:center;justify-content:center}.core-control-container input[type=number]{padding-right:12px;position:relative}.core-control-container input[type=number]::-webkit-inner-spin-button{position:absolute;right:.3em;margin-left:.5em}.core-control-container input[type=number]{-moz-appearance:textfield}.core-control-container i.feather-help-circle{color:#848484}.core-control-container .gap-for-ios-switcher{height:5px}.core-control-container .calculated-view{-webkit-user-select:none;user-select:none;cursor:pointer;height:35px;width:160px;background-color:#d8f3dc;color:#1b4332;border:1px solid #95d5b2;border-radius:50px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;font-family:Segoe UI,sans-serif;letter-spacing:.5px;padding:8px}.core-control-container .calculated-view i{font-size:18px;width:18px;height:18px;margin-right:8px}.core-control-container .calculated-view span{width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.calculated-tooltip-container{background-color:#fff;border:1px solid #ddd;padding:1rem;border-radius:6px;font-size:14px;color:#333;box-shadow:0 4px 10px #0000000d;max-width:360px}.calculated-tooltip-container .calculated-field-row{margin-bottom:.75rem}.calculated-tooltip-container .label{font-weight:500;color:#555!important;display:inline-block;min-width:140px}.calculated-tooltip-container .value{color:#222!important}.calculated-tooltip-container .warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:13px}.calculated-tooltip-container .code-block{background:#f8f9fa;border:1px solid #ddd;padding:.75rem;font-family:monospace;font-size:12px;white-space:pre-wrap;color:#111!important;border-radius:4px;overflow-x:auto}.calculated-tooltip-container .no-depends{color:#888;font-style:italic}.calculated-tooltip-container pre{overflow:hidden}.calculated-tooltip-container label.required~input:not([disabled]),.calculated-tooltip-container label.required~textarea:not([disabled]),.calculated-tooltip-container label.required~select:not([disabled]){background-color:#ff0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.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$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { 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: CoreListComponent, selector: "core-list", inputs: ["title", "height", "options", "placeholder"] }, { kind: "component", type: CoreChecklistComponent, selector: "core-checklist", inputs: ["paramMode", "getByIdObject$", "shownFrom", "options$", "height", "placeholder", "loading", "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: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreFileUploaderComponent, selector: "core-file-uploader", inputs: ["uploadFileType", "fileDataControlName", "fileNameControlName", "fileTypeControlName", "avatarSize", "defaultAvatar", "hidePreview", "verticalMode"] }, { kind: "component", type: CoreAttachmentComponent, selector: "core-attachment", inputs: ["assignTo", "readonly", "valueToShow", "placeholder", "upFlag$", "downFlag$"] }, { kind: "component", type: CoreGridBufferComponent, selector: "core-grid-buffer", inputs: ["padding", "placeholder", "tableHeight", "liteMode", "formSections", "gridColumns"], outputs: ["onBufferFormCreated"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled"] }, { kind: "component", type: CoreOrgTreeComponent, selector: "core-org-tree", inputs: ["lineColor", "fullWidthMode", "accessorMode", "searchMode", "fullRendering", "height", "disabledLoopExpand", "showCheckInheritance", "excludedIds$", "stateIsolated$"], outputs: ["itemDoubleClick", "itemClick"] }, { kind: "component", type: CoreRadioGroupComponent, selector: "core-radio-group", inputs: ["options$", "vertical", "columnCount", "gapY", "defaultValue"] }, { kind: "component", type: CoreMccComponent, selector: "core-mcc", inputs: ["height", "columns", "shownFrom", "apiDefinition", "getByIdApi", "outerParam$", "selectedRow$", "outerFilterOperators", "outerInOperators", "placeholder"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align", "placeholder"], outputs: ["onYearClick"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "component", type: CoreCurrencyInputComponent, selector: "core-currency-input", inputs: ["currencySign", "placeholder"], outputs: ["onLeftFocus"] }, { kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$readOnly", "$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "disabled", "relativeMode"] }, { kind: "component", type: CoreTopicPickerComponent, selector: "core-topic-picker", inputs: ["popupHeight", "getByIdApi"] }, { kind: "component", type: CoreIosSwitcherComponent, selector: "core-ios-switcher", inputs: ["bgColor", "showOnOffText", "width", "height", "readonly"] }, { kind: "component", type: CoreRuleSetComponent, selector: "core-rule-set" }, { kind: "directive", type: HtmlTooltipDirective, selector: "[htmlTooltip]", inputs: ["htmlTooltip", "tooltipContext", "maxWidthUnset", "color", "backgroundColor", "hold$"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreControlNoFormArrayComponent, decorators: [{
             type: Component,
@@ -26136,8 +26641,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         CoreShiftCollectionComponent,
                         CoreTopicPickerComponent,
                         CoreIosSwitcherComponent,
+                        CoreRuleSetComponent,
                         HtmlTooltipDirective
-                    ], template: "<div class=\"core-control-container\">\r\n\r\n    <div [formGroup]=\"form\" [class.hidden]=\"!!control.hidden\">\r\n\r\n        @if (!control.headless!) {\r\n            <label [class]=\"'control-label' +  (required ? ' required' : '')\" [attr.for]=\"control.field\"\r\n                [class.d-none]=\"!!control.hidden\"\r\n                [class.avatar-label]=\"control.uploadFileType==='IMAGE_AVATAR'\" [appTooltip]=\"control.tooltip! | translate: lang\" \r\n                [htmlTooltip]=\"control.htmlTooltip!\"\r\n                [backgroundColor]=\"'white'\"\r\n                [ngStyle]=\"{\r\n                    display: 'inline-block'\r\n                }\">\r\n                {{(control.controlType!=='CHECKBOX' && control.controlType!=='BUTTON') ? (control.label | translate: lang) : ''}}\r\n            </label>\r\n\r\n            @if (!!control.hint! && control.controlType !== 'CHECKBOX') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"control.hint!\" [showAnyway]=\"true\" [ngStyle]=\"{\r\n                    display: 'inline-block',\r\n                    marginLeft: '2px'\r\n                }\" [class.d-none]=\"!!control.hidden\"></i>\r\n            }\r\n        }\r\n\r\n        <!-- START: FORM-CONTROL SESSION-->\r\n\r\n        <ng-container>\r\n        @switch (control.controlType) {\r\n            @case (\"CALCULATED\") {\r\n                <div class=\"calculated-view\" [htmlTooltip]=\"calculatedControlInfo\" [tooltipContext]=\"{control: control}\" [backgroundColor]=\"'#fff'\">\r\n                    <i class=\"feather-box\"></i><span>{{ control.field! }}</span>\r\n                </div>\r\n            }\r\n            @case (\"TEXTBOX\") {\r\n\r\n                <input *ngIf=\"control.type === 'date'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"date\"\r\n                    useValueAsDate\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'time'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"time\"\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'number'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"number\"\r\n                    step=\"{{ control.step || 1 }}\"\r\n                    class=\"form-control\"\r\n                    style=\"text-align: right;\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"['string', 'text', 'email', 'url', 'password'].includes(control.type || 'text')\"\r\n                    [formControlName]=\"control.field\"\r\n                    [type]=\"control.type\"\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n\r\n                <!-- <input *ngIf=\"control.type==='calculated'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"true\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.form-control-disabled]=\"true\" /> -->\r\n\r\n            }\r\n            @case (\"CURRENCY\") {\r\n                <core-currency-input \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-currency-input>\r\n            }\r\n            @case (\"TEXTAREA\") {\r\n                <textarea \r\n                    [rows]=\"control.textareaRows?.toString() || '3'\" [ngStyle]=\"{ height: 'unset' }\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" class=\"form-control\" [readonly]=\"control.readonly\" [placeholder]=\"control.placeholder! || ''\"></textarea>\r\n            }\r\n            @case (\"CHECKBOX\") {\r\n                <core-checkbox \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [text]=\"control.label\"\r\n                    [inputValue]=\"control.value\" [tooltip]=\"control.hint!\"></core-checkbox>\r\n            }\r\n            @case (\"IOS_SWITCHER\") {\r\n                <div class=\"gap-for-ios-switcher\"></div>\r\n                <core-ios-switcher [disabled]=\"!!disabled || !!control.disabled\" [formControlName]=\"control.field\" />\r\n            }\r\n            @case (\"MCC\") {\r\n                <core-mcc [formControlName]=\"control.field\" [columns]=\"control.columns!\" [shownFrom]=\"control.shownFrom!\" \r\n                [apiDefinition]=\"control.apiDefinition!\" [getByIdApi]=\"control.getByIdApi!\" [selectedRow$]=\"control.selectedRow$!\"\r\n                [outerParam$]=\"control.outerParam$!\"\r\n                [disabled]=\"!!disabled || !!control.disabled\"\r\n                [placeholder]=\"control.placeholder! || ''\"\r\n                ></core-mcc>\r\n            }\r\n            @case (\"DATEPICKER\") {\r\n                <core-date-picker \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [showPlaceholder]=\"control.showPlaceholder!\" [rangeLimit]=\"control.rangeLimit!\" [popupAlign]=\"control.popupAlign!\" [placeholder]=\"control.placeholder! || ''\"></core-date-picker>\r\n            }\r\n\r\n            @case (\"DROPDOWN\") {\r\n                @if (!!control.dropdownOptions$) {\r\n                    <core-dropdown \r\n                        [formControlName]=\"control.field\" \r\n                        [options$]=\"control.dropdownOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" \r\n                        [shownFrom]=\"control.shownFrom!\" \r\n                        [placeholder]=\"control.placeholder! || ''\"\r\n                        [disabled]=\"!!disabled || !!control.disabled\"\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                    ></core-dropdown>\r\n                } @else {\r\n                    No dropdownOptions$ detected\r\n                }\r\n            }\r\n            @case (\"LIST\") {\r\n                <core-list \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [options]=\"control.listOptions!\" [placeholder]=\"control.placeholder! || ''\"></core-list>\r\n            }\r\n            @case (\"CHECKLIST\") {\r\n                @if (!!control.checklistOptions$) {\r\n                    <core-checklist \r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [formControlName]=\"control.field\" [options$]=\"control.checklistOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\" [placeholder]=\"control.placeholder! || ''\"></core-checklist>\r\n                }\r\n            }\r\n            @case (\"FILEUPLOADER\") {\r\n                @if (!!control.uploadFileType) {\r\n                    <core-file-uploader \r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [formControlName]=\"control.field\" [uploadFileType]=\"control.uploadFileType\"\r\n                        [fileDataControlName]=\"control.fileDataControlName!\"\r\n                        [fileNameControlName]=\"control.fileNameControlName!\"\r\n                        [fileTypeControlName]=\"control.fileTypeControlName!\"\r\n                        [verticalMode]=\"control.verticalMode!\"></core-file-uploader>\r\n                }\r\n            }\r\n            @case (\"ATTACHMENT\") {\r\n                <core-attachment ngDefaultControl [formControlName]=\"control.field\" [assignTo]=\"control.assignTo!\"\r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [valueToShow]=\"control.valueToShow!\" [placeholder]=\"control.placeholder! || ''\"></core-attachment>\r\n            }\r\n            @case (\"GRIDBUFFER\") {\r\n                @if (!!control.gridBufferFormSections && !!control.gridBufferTableColumns) {\r\n                    <core-grid-buffer [formControlName]=\"control.field\" [formSections]=\"control.gridBufferFormSections\"\r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [gridColumns]=\"control.gridBufferTableColumns\"\r\n                        (onBufferFormCreated)=\"!!control.onBufferFormCreated ? control.onBufferFormCreated($event) : null\"></core-grid-buffer>\r\n                }\r\n            }\r\n            @case (\"ORGTREECHECK\") {\r\n                <core-org-tree \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\"\r\n                    [accessorMode]=\"coreOrgTreeDefaultAccessorMode\" [height]=\"control.height!\"></core-org-tree>\r\n            }\r\n            @case (\"RADIOGROUP\") {\r\n                <core-radio-group [formControlName]=\"control.field\"\r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [options$]=\"control.radioGroupOptions$!\"\r\n                    [vertical]=\"control.verticalMode!\"\r\n                    ></core-radio-group>\r\n            }\r\n            @case (\"MONTHSELECTOR\") {\r\n                <core-month-selector \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-month-selector>\r\n            }\r\n            @case (\"SHIFTCELL\") {\r\n                <core-shift-cell \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\"></core-shift-cell>\r\n            }\r\n            @case (\"SHIFTCOLLECTION\") {\r\n                <core-shift-collection \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [relativeMode]=\"true\" [height]=\"control.height || 800\"></core-shift-collection>\r\n            }\r\n            @case(\"TOPICPICKER\") {\r\n                <core-topic-picker \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [popupHeight]=\"control.popupHeight!\" [getByIdApi]=\"control.getByIdApi!\"></core-topic-picker>\r\n            }\r\n            @case (\"SEEKER\") {\r\n                @switch(control.seekerSourceType) {\r\n                    @case(\"JOB_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"EMPLOYEE_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"CONTRACT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" [boundFrom]=\"control.boundFrom!\"\r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\" \r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [shownFrom]=\"control.shownFrom!\"\r\n                            [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WORKING_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WAGE_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [formControlName]=\"control.field\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [seekerVerifyIgnore]=\"control.seekerVerifyIgnore!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_CONCURRENT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"FORM_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"                            \r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"ORGANIZATION_UNIT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [formControlName]=\"control.field\" [seekerSourceType]=\"control.seekerSourceType!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [alsoBindTo]=\"control.alsoBindTo!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        </ng-container>\r\n\r\n        @if (control.controlType==='BUTTON') {\r\n        <ng-container>\r\n            <button type=\"button\" class=\"btn btn-secondary text\" (click)=\"oHandleClick($event)\">{{control.label| translate: lang}}</button>\r\n        </ng-container>\r\n        }\r\n        <!-- END: FORM-CONTROL SESSION-->\r\n\r\n        <!-- START: ERROR SESSION-->\r\n        @if (!!errors!.length) {\r\n        <div>\r\n            @for (error of errors; track $index) {\r\n            <div class=\"form-control-error\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n            }\r\n        </div>\r\n        }\r\n\r\n        @if (!errors!.length && !!checkError$.value) {\r\n        <div>\r\n            <div>\r\n                {{ '&nbsp;' }}\r\n            </div>\r\n        </div>\r\n        }\r\n        <!-- END: ERROR SESSION-->\r\n\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<ng-template #calculatedControlInfo let-control=\"control\">\r\n    <div class=\"calculated-tooltip-container\">\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Name:</span>\r\n        <span class=\"value\">{{ control?.field || 'N/A' }}</span>\r\n        </div>        \r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Evaluation Mode:</span>\r\n        <span class=\"value\">{{ control?.evaluationMode || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Return Type:</span>\r\n        <span class=\"value\">{{ control?.returnType || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Depends On:</span>\r\n        <span class=\"value\" *ngIf=\"control?.dependsOn?.length > 0; else noDepends\">\r\n            <code *ngFor=\"let dep of control?.dependsOn; let last = last\">{{ dep }}<span *ngIf=\"!last\">, </span></code>\r\n        </span>\r\n        <ng-template #noDepends><em class=\"no-depends\">None</em></ng-template>\r\n        </div>\r\n        <div *ngIf=\"!!control?.isUnsafe\" class=\"warning\">\r\n        \u26A0\uFE0F This script is marked as <strong>unsafe</strong> and will not be executed.\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Script:</span>\r\n        <pre class=\"code-block\">{{ control?.script || 'No script provided.' }}</pre>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".core-control-container{font-size:var(--typo-basic-font-size)!important}.core-control-container .control-label{color:#848484}.core-control-container>div.hidden{display:none}.core-control-container label{color:#464646}.core-control-container label.required:after{content:\"*\";color:#ff040b}.core-control-container label.avatar-label{width:var(--size-file-uploader);display:flex;align-items:center;justify-content:center}.core-control-container input[type=number]{padding-right:12px;position:relative}.core-control-container input[type=number]::-webkit-inner-spin-button{position:absolute;right:.3em;margin-left:.5em}.core-control-container input[type=number]{-moz-appearance:textfield}.core-control-container i.feather-help-circle{color:#848484}.core-control-container .gap-for-ios-switcher{height:5px}.core-control-container .calculated-view{-webkit-user-select:none;user-select:none;cursor:pointer;height:35px;width:160px;background-color:#d8f3dc;color:#1b4332;border:1px solid #95d5b2;border-radius:50px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;font-family:Segoe UI,sans-serif;letter-spacing:.5px;padding:8px}.core-control-container .calculated-view i{font-size:18px;width:18px;height:18px;margin-right:8px}.core-control-container .calculated-view span{width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.calculated-tooltip-container{background-color:#fff;border:1px solid #ddd;padding:1rem;border-radius:6px;font-size:14px;color:#333;box-shadow:0 4px 10px #0000000d;max-width:360px}.calculated-tooltip-container .calculated-field-row{margin-bottom:.75rem}.calculated-tooltip-container .label{font-weight:500;color:#555!important;display:inline-block;min-width:140px}.calculated-tooltip-container .value{color:#222!important}.calculated-tooltip-container .warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:13px}.calculated-tooltip-container .code-block{background:#f8f9fa;border:1px solid #ddd;padding:.75rem;font-family:monospace;font-size:12px;white-space:pre-wrap;color:#111!important;border-radius:4px;overflow-x:auto}.calculated-tooltip-container .no-depends{color:#888;font-style:italic}.calculated-tooltip-container pre{overflow:hidden}.calculated-tooltip-container label.required~input:not([disabled]),.calculated-tooltip-container label.required~textarea:not([disabled]),.calculated-tooltip-container label.required~select:not([disabled]){background-color:#ff0!important}\n"] }]
+                    ], template: "<div class=\"core-control-container\">\r\n\r\n    <div [formGroup]=\"form\" [class.hidden]=\"!!control.hidden\">\r\n\r\n        @if (!control.headless!) {\r\n            <label [class]=\"'control-label' +  (required ? ' required' : '')\" [attr.for]=\"control.field\"\r\n                [class.d-none]=\"!!control.hidden\"\r\n                [class.avatar-label]=\"control.uploadFileType==='IMAGE_AVATAR'\" [appTooltip]=\"control.tooltip! | translate: lang\" \r\n                [htmlTooltip]=\"control.htmlTooltip!\"\r\n                [backgroundColor]=\"'white'\"\r\n                [ngStyle]=\"{\r\n                    display: 'inline-block'\r\n                }\">\r\n                {{(control.controlType!=='CHECKBOX' && control.controlType!=='BUTTON') ? (control.label | translate: lang) : ''}}\r\n            </label>\r\n\r\n            @if (!!control.hint! && control.controlType !== 'CHECKBOX') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"control.hint!\" [showAnyway]=\"true\" [ngStyle]=\"{\r\n                    display: 'inline-block',\r\n                    marginLeft: '2px'\r\n                }\" [class.d-none]=\"!!control.hidden\"></i>\r\n            }\r\n        }\r\n\r\n        <!-- START: FORM-CONTROL SESSION-->\r\n\r\n        <ng-container>\r\n        @switch (control.controlType) {\r\n            @case (\"CALCULATED\") {\r\n                <div class=\"calculated-view\" [htmlTooltip]=\"calculatedControlInfo\" [tooltipContext]=\"{control: control}\" [backgroundColor]=\"'#fff'\">\r\n                    <i class=\"feather-box\"></i><span>{{ control.field! }}</span>\r\n                </div>\r\n            }\r\n            @case (\"TEXTBOX\") {\r\n\r\n                <input *ngIf=\"control.type === 'date'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"date\"\r\n                    useValueAsDate\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'time'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"time\"\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'number'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"number\"\r\n                    step=\"{{ control.step || 1 }}\"\r\n                    class=\"form-control\"\r\n                    style=\"text-align: right;\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n              \r\n                <input *ngIf=\"['string', 'text', 'email', 'url', 'password'].includes(control.type || 'text')\"\r\n                    [formControlName]=\"control.field\"\r\n                    [type]=\"control.type\"\r\n                    class=\"form-control\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\" />\r\n\r\n                <!-- <input *ngIf=\"control.type==='calculated'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"true\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.form-control-disabled]=\"true\" /> -->\r\n\r\n            }\r\n            @case (\"CURRENCY\") {\r\n                <core-currency-input \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-currency-input>\r\n            }\r\n            @case (\"TEXTAREA\") {\r\n                <textarea \r\n                    [rows]=\"control.textareaRows?.toString() || '3'\" [ngStyle]=\"{ height: 'unset' }\"\r\n                    [class.form-control-disabled]=\"disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" class=\"form-control\" [readonly]=\"control.readonly\" [placeholder]=\"control.placeholder! || ''\"></textarea>\r\n            }\r\n            @case (\"CHECKBOX\") {\r\n                <core-checkbox \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [text]=\"control.label\"\r\n                    [inputValue]=\"control.value\" [tooltip]=\"control.hint!\"></core-checkbox>\r\n            }\r\n            @case (\"IOS_SWITCHER\") {\r\n                <div class=\"gap-for-ios-switcher\"></div>\r\n                <core-ios-switcher [disabled]=\"!!disabled || !!control.disabled\" [formControlName]=\"control.field\" />\r\n            }\r\n            @case (\"MCC\") {\r\n                <core-mcc [formControlName]=\"control.field\" [columns]=\"control.columns!\" [shownFrom]=\"control.shownFrom!\" \r\n                [apiDefinition]=\"control.apiDefinition!\" [getByIdApi]=\"control.getByIdApi!\" [selectedRow$]=\"control.selectedRow$!\"\r\n                [outerParam$]=\"control.outerParam$!\"\r\n                [disabled]=\"!!disabled || !!control.disabled\"\r\n                [placeholder]=\"control.placeholder! || ''\"\r\n                ></core-mcc>\r\n            }\r\n            @case (\"DATEPICKER\") {\r\n                <core-date-picker \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [showPlaceholder]=\"control.showPlaceholder!\" [rangeLimit]=\"control.rangeLimit!\" [popupAlign]=\"control.popupAlign!\" [placeholder]=\"control.placeholder! || ''\"></core-date-picker>\r\n            }\r\n\r\n            @case (\"DROPDOWN\") {\r\n                @if (!!control.dropdownOptions$) {\r\n                    <core-dropdown \r\n                        [formControlName]=\"control.field\" \r\n                        [options$]=\"control.dropdownOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" \r\n                        [shownFrom]=\"control.shownFrom!\" \r\n                        [placeholder]=\"control.placeholder! || ''\"\r\n                        [disabled]=\"!!disabled || !!control.disabled\"\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                    ></core-dropdown>\r\n                } @else {\r\n                    No dropdownOptions$ detected\r\n                }\r\n            }\r\n            @case (\"LIST\") {\r\n                <core-list \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [options]=\"control.listOptions!\" [placeholder]=\"control.placeholder! || ''\"></core-list>\r\n            }\r\n            @case (\"CHECKLIST\") {\r\n                @if (!!control.checklistOptions$) {\r\n                    <core-checklist \r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [formControlName]=\"control.field\" [options$]=\"control.checklistOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\" [placeholder]=\"control.placeholder! || ''\"></core-checklist>\r\n                }\r\n            }\r\n            @case (\"FILEUPLOADER\") {\r\n                @if (!!control.uploadFileType) {\r\n                    <core-file-uploader \r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [formControlName]=\"control.field\" [uploadFileType]=\"control.uploadFileType\"\r\n                        [fileDataControlName]=\"control.fileDataControlName!\"\r\n                        [fileNameControlName]=\"control.fileNameControlName!\"\r\n                        [fileTypeControlName]=\"control.fileTypeControlName!\"\r\n                        [verticalMode]=\"control.verticalMode!\"></core-file-uploader>\r\n                }\r\n            }\r\n            @case (\"ATTACHMENT\") {\r\n                <core-attachment ngDefaultControl [formControlName]=\"control.field\" [assignTo]=\"control.assignTo!\"\r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [valueToShow]=\"control.valueToShow!\" [placeholder]=\"control.placeholder! || ''\"></core-attachment>\r\n            }\r\n            @case (\"GRIDBUFFER\") {\r\n                @if (!!control.gridBufferFormSections && !!control.gridBufferTableColumns) {\r\n                    <core-grid-buffer [formControlName]=\"control.field\" [formSections]=\"control.gridBufferFormSections\"\r\n                        [disabled]=\"!!disabled || !!control.disabled\"\r\n                        [gridColumns]=\"control.gridBufferTableColumns\"\r\n                        (onBufferFormCreated)=\"!!control.onBufferFormCreated ? control.onBufferFormCreated($event) : null\"></core-grid-buffer>\r\n                }\r\n            }\r\n            @case (\"ORGTREECHECK\") {\r\n                <core-org-tree \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\"\r\n                    [accessorMode]=\"coreOrgTreeDefaultAccessorMode\" [height]=\"control.height!\"></core-org-tree>\r\n            }\r\n            @case (\"RADIOGROUP\") {\r\n                <core-radio-group [formControlName]=\"control.field\"\r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [options$]=\"control.radioGroupOptions$!\"\r\n                    [vertical]=\"control.verticalMode!\"\r\n                    ></core-radio-group>\r\n            }\r\n            @case (\"MONTHSELECTOR\") {\r\n                <core-month-selector \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-month-selector>\r\n            }\r\n            @case (\"SHIFTCELL\") {\r\n                <core-shift-cell \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\"></core-shift-cell>\r\n            }\r\n            @case (\"SHIFTCOLLECTION\") {\r\n                <core-shift-collection \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [relativeMode]=\"true\" [height]=\"control.height || 800\"></core-shift-collection>\r\n            }\r\n            @case(\"TOPICPICKER\") {\r\n                <core-topic-picker \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\" [popupHeight]=\"control.popupHeight!\" [getByIdApi]=\"control.getByIdApi!\"></core-topic-picker>\r\n            }\r\n            @case(\"RULE_SET\") {\r\n                <core-rule-set \r\n                    [disabled]=\"!!disabled || !!control.disabled\"\r\n                    [formControlName]=\"control.field\"\r\n                />\r\n            }\r\n            @case (\"SEEKER\") {\r\n                @switch(control.seekerSourceType) {\r\n                    @case(\"JOB_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"EMPLOYEE_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"CONTRACT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" [boundFrom]=\"control.boundFrom!\"\r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\" \r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [shownFrom]=\"control.shownFrom!\"\r\n                            [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WORKING_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WAGE_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [formControlName]=\"control.field\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [seekerVerifyIgnore]=\"control.seekerVerifyIgnore!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_CONCURRENT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"FORM_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"                            \r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"ORGANIZATION_UNIT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [disabled]=\"!!disabled || !!control.disabled\"\r\n                            [formControlName]=\"control.field\" [seekerSourceType]=\"control.seekerSourceType!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [alsoBindTo]=\"control.alsoBindTo!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        </ng-container>\r\n\r\n        @if (control.controlType==='BUTTON') {\r\n        <ng-container>\r\n            <button type=\"button\" class=\"btn btn-secondary text\" (click)=\"oHandleClick($event)\">{{control.label| translate: lang}}</button>\r\n        </ng-container>\r\n        }\r\n        <!-- END: FORM-CONTROL SESSION-->\r\n\r\n        <!-- START: ERROR SESSION-->\r\n        @if (!!errors!.length) {\r\n        <div>\r\n            @for (error of errors; track $index) {\r\n            <div class=\"form-control-error\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n            }\r\n        </div>\r\n        }\r\n\r\n        @if (!errors!.length && !!checkError$.value) {\r\n        <div>\r\n            <div>\r\n                {{ '&nbsp;' }}\r\n            </div>\r\n        </div>\r\n        }\r\n        <!-- END: ERROR SESSION-->\r\n\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<ng-template #calculatedControlInfo let-control=\"control\">\r\n    <div class=\"calculated-tooltip-container\">\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Name:</span>\r\n        <span class=\"value\">{{ control?.field || 'N/A' }}</span>\r\n        </div>        \r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Evaluation Mode:</span>\r\n        <span class=\"value\">{{ control?.evaluationMode || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Return Type:</span>\r\n        <span class=\"value\">{{ control?.returnType || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Depends On:</span>\r\n        <span class=\"value\" *ngIf=\"control?.dependsOn?.length > 0; else noDepends\">\r\n            <code *ngFor=\"let dep of control?.dependsOn; let last = last\">{{ dep }}<span *ngIf=\"!last\">, </span></code>\r\n        </span>\r\n        <ng-template #noDepends><em class=\"no-depends\">None</em></ng-template>\r\n        </div>\r\n        <div *ngIf=\"!!control?.isUnsafe\" class=\"warning\">\r\n        \u26A0\uFE0F This script is marked as <strong>unsafe</strong> and will not be executed.\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Script:</span>\r\n        <pre class=\"code-block\">{{ control?.script || 'No script provided.' }}</pre>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".core-control-container{font-size:var(--typo-basic-font-size)!important}.core-control-container .control-label{color:#848484}.core-control-container>div.hidden{display:none}.core-control-container label{color:#464646}.core-control-container label.required:after{content:\"*\";color:#ff040b}.core-control-container label.avatar-label{width:var(--size-file-uploader);display:flex;align-items:center;justify-content:center}.core-control-container input[type=number]{padding-right:12px;position:relative}.core-control-container input[type=number]::-webkit-inner-spin-button{position:absolute;right:.3em;margin-left:.5em}.core-control-container input[type=number]{-moz-appearance:textfield}.core-control-container i.feather-help-circle{color:#848484}.core-control-container .gap-for-ios-switcher{height:5px}.core-control-container .calculated-view{-webkit-user-select:none;user-select:none;cursor:pointer;height:35px;width:160px;background-color:#d8f3dc;color:#1b4332;border:1px solid #95d5b2;border-radius:50px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;font-family:Segoe UI,sans-serif;letter-spacing:.5px;padding:8px}.core-control-container .calculated-view i{font-size:18px;width:18px;height:18px;margin-right:8px}.core-control-container .calculated-view span{width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.calculated-tooltip-container{background-color:#fff;border:1px solid #ddd;padding:1rem;border-radius:6px;font-size:14px;color:#333;box-shadow:0 4px 10px #0000000d;max-width:360px}.calculated-tooltip-container .calculated-field-row{margin-bottom:.75rem}.calculated-tooltip-container .label{font-weight:500;color:#555!important;display:inline-block;min-width:140px}.calculated-tooltip-container .value{color:#222!important}.calculated-tooltip-container .warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:13px}.calculated-tooltip-container .code-block{background:#f8f9fa;border:1px solid #ddd;padding:.75rem;font-family:monospace;font-size:12px;white-space:pre-wrap;color:#111!important;border-radius:4px;overflow-x:auto}.calculated-tooltip-container .no-depends{color:#888;font-style:italic}.calculated-tooltip-container pre{overflow:hidden}.calculated-tooltip-container label.required~input:not([disabled]),.calculated-tooltip-container label.required~textarea:not([disabled]),.calculated-tooltip-container label.required~select:not([disabled]){background-color:#ff0!important}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }, { type: AlertService }], propDecorators: { control: [{
                 type: Input
             }], checkError$: [{
@@ -26219,7 +26725,7 @@ class CoreFormArrayComponent extends CoreFormControlBaseComponent {
                 multi: true,
                 useExisting: forwardRef(() => CoreFormArrayComponent),
             }
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-form-array-container\">\r\n\r\n\r\n    @for (group of controlGroups(); track $index; let i = $index) {\r\n    <!-- \u2705 Parent owns the formGroup context -->\r\n    <div class=\"form-array-item\" [formGroup]=\"group\">\r\n\r\n        <div class=\"form-array-content\">\r\n            @for (section of config; track $index) {\r\n            @if (!section.hidden) {\r\n            <div class=\"section\">\r\n                <!-- @if (section.caption) {\r\n                <div class=\"section-caption\">{{ section.caption }}</div>\r\n                } -->\r\n\r\n                @for (row of section.rows; track $index) {\r\n                <div class=\"row mb15\">\r\n                    @for (col of row; track $index) {\r\n                    <div [class]=\"'col-md-' + col.flexSize\">\r\n                        <!-- no [form] needed -->\r\n                        <core-control-no-form-array \r\n                            [control]=\"col\" \r\n                            [readonly]=\"!!disabled || !!col.readonly\"\r\n                            [disabled]=\"!!disabled || !!col.disabled\"\r\n                            [checkError$]=\"checkError$\">\r\n                        </core-control-no-form-array>\r\n                    </div>\r\n                    }\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            }\r\n        </div>\r\n\r\n        @if (!disabled && !readonly) {\r\n        <div class=\"form-array-toolbar\">\r\n            <button type=\"button\" class=\"btn btn-danger btn-sm feather-trash-2\" (click)=\"removeItem(i)\"\r\n                [appTooltip]=\"'Remove group'\" [showAnyway]=\"true\"></button>\r\n        </div>\r\n        }\r\n    </div>\r\n    }\r\n\r\n    @if (!disabled && !readonly) {\r\n    <div class=\"form-array-footer\">\r\n        <button type=\"button\" class=\"btn btn-success btn-sm feather-file-plus\" (click)=\"addItem()\"\r\n            [appTooltip]=\"'Add group'\" [showAnyway]=\"true\"></button>\r\n    </div>\r\n    }\r\n</div>", styles: [".core-form-array-container{padding:15px;border:1px solid #ced4da}.core-form-array-container .form-array-item{display:flex;align-items:flex-start}.core-form-array-container .form-array-item>*{display:inline-block!important}.core-form-array-container .form-array-item .form-array-content{width:calc(100% - 46px)}.core-form-array-container .form-array-item .form-array-toolbar{width:14px;padding-left:12px;transform:translateY(25px)}\n"], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "component", type: CoreControlNoFormArrayComponent, selector: "core-control-no-form-array", inputs: ["control", "checkError$", "rangeLimit", "readonly", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-form-array-container\">\r\n\r\n\r\n    @for (group of controlGroups(); track $index; let i = $index) {\r\n    <!-- \u2705 Parent owns the formGroup context -->\r\n    <div class=\"form-array-item\" [formGroup]=\"group\">\r\n\r\n        <div class=\"form-array-content\">\r\n            @for (section of config; track $index) {\r\n            @if (!section.hidden) {\r\n            <div class=\"section\">\r\n                <!-- @if (section.caption) {\r\n                <div class=\"section-caption\">{{ section.caption }}</div>\r\n                } -->\r\n\r\n                @for (row of section.rows; track $index) {\r\n                <div class=\"row mb15\">\r\n                    @for (col of row; track $index) {\r\n                    <div [class]=\"'col-md-' + col.flexSize\" [class.d-none]=\"col.flexSize === 0\">\r\n                        <!-- no [form] needed -->\r\n                        <core-control-no-form-array \r\n                            [control]=\"col\" \r\n                            [readonly]=\"!!disabled || !!col.readonly\"\r\n                            [disabled]=\"!!disabled || !!col.disabled\"\r\n                            [checkError$]=\"checkError$\">\r\n                        </core-control-no-form-array>\r\n                    </div>\r\n                    }\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            }\r\n        </div>\r\n\r\n        @if (!disabled && !readonly) {\r\n        <div class=\"form-array-toolbar\">\r\n            <button type=\"button\" class=\"btn btn-danger btn-sm feather-trash-2\" (click)=\"removeItem(i)\"\r\n                [appTooltip]=\"'Remove group'\" [showAnyway]=\"true\"></button>\r\n        </div>\r\n        }\r\n    </div>\r\n    }\r\n\r\n    @if (!disabled && !readonly) {\r\n    <div class=\"form-array-footer\">\r\n        <button type=\"button\" class=\"btn btn-success btn-sm feather-file-plus\" (click)=\"addItem()\"\r\n            [appTooltip]=\"'Add group'\" [showAnyway]=\"true\"></button>\r\n    </div>\r\n    }\r\n</div>", styles: [".core-form-array-container{padding:15px;border:1px solid #ced4da}.core-form-array-container .form-array-item{display:flex;align-items:flex-start}.core-form-array-container .form-array-item>*{display:inline-block!important}.core-form-array-container .form-array-item .form-array-content{width:calc(100% - 46px)}.core-form-array-container .form-array-item .form-array-toolbar{width:14px;padding-left:12px;transform:translateY(25px)}\n"], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "component", type: CoreControlNoFormArrayComponent, selector: "core-control-no-form-array", inputs: ["control", "checkError$", "rangeLimit", "readonly", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreFormArrayComponent, decorators: [{
             type: Component,
@@ -26235,7 +26741,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         TooltipDirective,
                         CoreControlNoFormArrayComponent,
                         ReactiveFormsModule
-                    ], template: "<div class=\"core-form-array-container\">\r\n\r\n\r\n    @for (group of controlGroups(); track $index; let i = $index) {\r\n    <!-- \u2705 Parent owns the formGroup context -->\r\n    <div class=\"form-array-item\" [formGroup]=\"group\">\r\n\r\n        <div class=\"form-array-content\">\r\n            @for (section of config; track $index) {\r\n            @if (!section.hidden) {\r\n            <div class=\"section\">\r\n                <!-- @if (section.caption) {\r\n                <div class=\"section-caption\">{{ section.caption }}</div>\r\n                } -->\r\n\r\n                @for (row of section.rows; track $index) {\r\n                <div class=\"row mb15\">\r\n                    @for (col of row; track $index) {\r\n                    <div [class]=\"'col-md-' + col.flexSize\">\r\n                        <!-- no [form] needed -->\r\n                        <core-control-no-form-array \r\n                            [control]=\"col\" \r\n                            [readonly]=\"!!disabled || !!col.readonly\"\r\n                            [disabled]=\"!!disabled || !!col.disabled\"\r\n                            [checkError$]=\"checkError$\">\r\n                        </core-control-no-form-array>\r\n                    </div>\r\n                    }\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            }\r\n        </div>\r\n\r\n        @if (!disabled && !readonly) {\r\n        <div class=\"form-array-toolbar\">\r\n            <button type=\"button\" class=\"btn btn-danger btn-sm feather-trash-2\" (click)=\"removeItem(i)\"\r\n                [appTooltip]=\"'Remove group'\" [showAnyway]=\"true\"></button>\r\n        </div>\r\n        }\r\n    </div>\r\n    }\r\n\r\n    @if (!disabled && !readonly) {\r\n    <div class=\"form-array-footer\">\r\n        <button type=\"button\" class=\"btn btn-success btn-sm feather-file-plus\" (click)=\"addItem()\"\r\n            [appTooltip]=\"'Add group'\" [showAnyway]=\"true\"></button>\r\n    </div>\r\n    }\r\n</div>", styles: [".core-form-array-container{padding:15px;border:1px solid #ced4da}.core-form-array-container .form-array-item{display:flex;align-items:flex-start}.core-form-array-container .form-array-item>*{display:inline-block!important}.core-form-array-container .form-array-item .form-array-content{width:calc(100% - 46px)}.core-form-array-container .form-array-item .form-array-toolbar{width:14px;padding-left:12px;transform:translateY(25px)}\n"] }]
+                    ], template: "<div class=\"core-form-array-container\">\r\n\r\n\r\n    @for (group of controlGroups(); track $index; let i = $index) {\r\n    <!-- \u2705 Parent owns the formGroup context -->\r\n    <div class=\"form-array-item\" [formGroup]=\"group\">\r\n\r\n        <div class=\"form-array-content\">\r\n            @for (section of config; track $index) {\r\n            @if (!section.hidden) {\r\n            <div class=\"section\">\r\n                <!-- @if (section.caption) {\r\n                <div class=\"section-caption\">{{ section.caption }}</div>\r\n                } -->\r\n\r\n                @for (row of section.rows; track $index) {\r\n                <div class=\"row mb15\">\r\n                    @for (col of row; track $index) {\r\n                    <div [class]=\"'col-md-' + col.flexSize\" [class.d-none]=\"col.flexSize === 0\">\r\n                        <!-- no [form] needed -->\r\n                        <core-control-no-form-array \r\n                            [control]=\"col\" \r\n                            [readonly]=\"!!disabled || !!col.readonly\"\r\n                            [disabled]=\"!!disabled || !!col.disabled\"\r\n                            [checkError$]=\"checkError$\">\r\n                        </core-control-no-form-array>\r\n                    </div>\r\n                    }\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            }\r\n        </div>\r\n\r\n        @if (!disabled && !readonly) {\r\n        <div class=\"form-array-toolbar\">\r\n            <button type=\"button\" class=\"btn btn-danger btn-sm feather-trash-2\" (click)=\"removeItem(i)\"\r\n                [appTooltip]=\"'Remove group'\" [showAnyway]=\"true\"></button>\r\n        </div>\r\n        }\r\n    </div>\r\n    }\r\n\r\n    @if (!disabled && !readonly) {\r\n    <div class=\"form-array-footer\">\r\n        <button type=\"button\" class=\"btn btn-success btn-sm feather-file-plus\" (click)=\"addItem()\"\r\n            [appTooltip]=\"'Add group'\" [showAnyway]=\"true\"></button>\r\n    </div>\r\n    }\r\n</div>", styles: [".core-form-array-container{padding:15px;border:1px solid #ced4da}.core-form-array-container .form-array-item{display:flex;align-items:flex-start}.core-form-array-container .form-array-item>*{display:inline-block!important}.core-form-array-container .form-array-item .form-array-content{width:calc(100% - 46px)}.core-form-array-container .form-array-item .form-array-toolbar{width:14px;padding-left:12px;transform:translateY(25px)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { formArrayName: [{
                 type: Input,
                 args: [{ required: true }]
@@ -27156,6 +27662,578 @@ var coreStickerCollection_component = /*#__PURE__*/Object.freeze({
     CoreStickerCollectionComponent: CoreStickerCollectionComponent
 });
 
+var EnumActionCode;
+(function (EnumActionCode) {
+    EnumActionCode["CREATE_O"] = "CREATE_O";
+    EnumActionCode["CREATE_S"] = "CREATE_S";
+    EnumActionCode["LINK_O_O"] = "LINK_O_O";
+    EnumActionCode["SHORTEN_O_O"] = "SHORTEN_O_O";
+    EnumActionCode["LINK_S_O"] = "LINK_S_O";
+    EnumActionCode["SHORTEN_S_O"] = "SHORTEN_S_O";
+    EnumActionCode["LINK_S_S"] = "LINK_S_S";
+    EnumActionCode["SHORTEN_S_S"] = "SHORTEN_S_S";
+    EnumActionCode["LINK_P_S_INTERNAL"] = "LINK_P_S_INTERNAL";
+    EnumActionCode["SHORTEN_P_S"] = "SHORTEN_P_S";
+    EnumActionCode["SET_O_ATTR"] = "SET_O_ATTR";
+    EnumActionCode["SET_S_ATTR"] = "SET_S_ATTR";
+    EnumActionCode["SET_P_ATTR"] = "SET_P_ATTR";
+    EnumActionCode["DECLARE_SNAPSHOT"] = "DECLARE_SNAPSHOT";
+})(EnumActionCode || (EnumActionCode = {}));
+
+const TEMPORAL_INTENT_INPUTS = [
+    {
+        key: 'vfUtc',
+        label: 'Hiệu lực từ',
+        kind: 'date',
+        validators: { required: true },
+        errorMessages: {
+            required: 'Phải xác định thời điểm bắt đầu hiệu lực'
+        }
+    },
+    {
+        key: 'vtUtc',
+        label: 'Hiệu lực đến',
+        kind: 'date',
+        defaultValue: new Date(9999, 11, 31)
+    },
+    {
+        key: 'timezoneId',
+        label: 'Múi giờ',
+        kind: 'dropdown',
+        defaultValue: 'Asia/Saigon',
+        validators: {
+            required: true
+        },
+        errorMessages: {
+            required: 'Phải xác định múi giờ nghiệp vụ'
+        }
+    }
+];
+const INTENT_DESCRIPTOR_REGISTRY = [
+    /* =========================
+     * ORGANIZATION (O)
+     * ========================= */
+    {
+        actionCode: EnumActionCode.CREATE_O,
+        label: 'Tạo tổ chức',
+        description: 'Tạo một tổ chức mới trong DOM.',
+        category: 'Organization',
+        quickEmoji: '🏗️',
+        inputs: [
+            {
+                key: 'ORIGINAL_NAME',
+                label: 'Tên chính danh lịch sử của tổ chức',
+                kind: 'string',
+                validators: {
+                    required: true,
+                    minLength: 3,
+                    maxLength: 255
+                }
+            },
+            {
+                key: 'IS_ROOT',
+                label: 'Là đơn vị gốc',
+                kind: 'boolean',
+                defaultValue: false,
+                validators: {
+                    required: true
+                }
+            },
+            {
+                key: 'IS_HR',
+                label: 'Là đơn vị nhân sự chính thống (ngành ngang)',
+                kind: 'boolean',
+                defaultValue: true,
+                validators: {
+                    required: true
+                }
+            },
+        ],
+    },
+    {
+        actionCode: EnumActionCode.LINK_O_O,
+        label: 'Thiết lập quan hệ tổ chức',
+        description: 'Thiết lập quan hệ hiệu lực giữa hai tổ chức.',
+        category: 'Organization',
+        quickEmoji: '🔗🏢',
+        inputs: [
+            {
+                key: 'parent', label: 'Tổ chức cha', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            {
+                key: 'child', label: 'Tổ chức con', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            ...TEMPORAL_INTENT_INPUTS
+        ],
+    },
+    {
+        actionCode: EnumActionCode.SHORTEN_O_O,
+        label: 'Rút ngắn hiệu lực quan hệ tổ chức',
+        description: 'Rút ngắn hiệu lực quan hệ tổ chức.',
+        category: 'Organization',
+        quickEmoji: '✂️🏢',
+        inputs: [
+            {
+                key: 'parent', label: 'Tổ chức cha', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            {
+                key: 'child', label: 'Tổ chức con', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            ...TEMPORAL_INTENT_INPUTS
+        ],
+    },
+    /* =========================
+     * SEAT / POSITION (S)
+     * ========================= */
+    {
+        actionCode: EnumActionCode.CREATE_S,
+        label: 'Tạo ghế',
+        description: 'Tạo một ghế (seat) mới trong tổ chức.',
+        category: 'Seat',
+        quickEmoji: '🪑',
+        inputs: [
+            {
+                key: 'title', label: 'Tên ghế / chức danh', kind: 'string', validators: {
+                    required: true
+                }
+            },
+        ],
+    },
+    {
+        actionCode: EnumActionCode.LINK_S_O,
+        label: 'Gắn ghế vào tổ chức',
+        description: 'Gắn một ghế vào một tổ chức.',
+        category: 'Seat',
+        quickEmoji: '📎🪑🏢',
+        inputs: [
+            {
+                key: 'seat', label: 'Ghế', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            {
+                key: 'org', label: 'Tổ chức', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            ...TEMPORAL_INTENT_INPUTS
+        ],
+    },
+    {
+        actionCode: EnumActionCode.SHORTEN_S_O,
+        label: 'Rút ngắn hiệu lực ghế–tổ chức',
+        description: 'Rút ngắn hiệu lực ghế–tổ chức.',
+        category: 'Seat',
+        quickEmoji: '✂️🪑🏢',
+        inputs: [
+            {
+                key: 'seat', label: 'Ghế', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            {
+                key: 'org', label: 'Tổ chức', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            ...TEMPORAL_INTENT_INPUTS
+        ],
+    },
+    /* =========================
+     * POWER LINE (S ↔ S)
+     * ========================= */
+    {
+        actionCode: EnumActionCode.LINK_S_S,
+        label: 'Mở hiệu lực tuyến quyền lực',
+        description: 'Mở hiệu lực tuyến báo cáo / điều phối giữa hai ghế.',
+        category: 'PowerLine',
+        quickEmoji: '🧭🪑➡️🪑',
+        inputs: [
+            {
+                key: 'fromSeat', label: 'Ghế nguồn', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            {
+                key: 'toSeat', label: 'Ghế đích', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            ...TEMPORAL_INTENT_INPUTS
+        ],
+    },
+    {
+        actionCode: EnumActionCode.SHORTEN_S_S,
+        label: 'Rút ngắn hiệu lực tuyến quyền lực',
+        description: 'Rút ngắn hiệu lực tuyến quyền lực giữa hai ghế.',
+        category: 'PowerLine',
+        quickEmoji: '⛔🧭🪑➡️🪑',
+        inputs: [
+            {
+                key: 'fromSeat', label: 'Ghế nguồn', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            {
+                key: 'toSeat', label: 'Ghế đích', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            ...TEMPORAL_INTENT_INPUTS
+        ],
+    },
+    /* =========================
+     * PERSON ↔ SEAT (P ↔ S)
+     * ========================= */
+    {
+        actionCode: EnumActionCode.LINK_P_S_INTERNAL,
+        label: 'Gán người vào ghế (quyết định nội bộ)',
+        description: 'OM chủ động gán người ngoài HR vào ghế trong ngành dọc.',
+        category: 'Assignment',
+        quickEmoji: '👤➡️🪑',
+        inputs: [
+            {
+                key: 'person', label: 'Người', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            {
+                key: 'seat', label: 'Ghế', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            ...TEMPORAL_INTENT_INPUTS
+        ],
+    },
+    /* =========================
+     * ATTRIBUTE
+     * ========================= */
+    {
+        actionCode: EnumActionCode.SET_O_ATTR,
+        label: 'Ghi thuộc tính tổ chức (có hiệu lực)',
+        description: 'Ghi diễn giải / thuộc tính cho tổ chức (có hiệu lực).',
+        category: 'Attribute',
+        quickEmoji: '→ 📝🏢',
+        inputs: [
+            {
+                key: 'org', label: 'Tổ chức', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            {
+                key: 'attr', label: 'Thuộc tính', kind: 'object', validators: {
+                    required: true
+                }
+            },
+            ...TEMPORAL_INTENT_INPUTS
+        ],
+    },
+    {
+        actionCode: EnumActionCode.SET_S_ATTR,
+        label: 'Ghi thuộc tính ghế',
+        description: 'Ghi diễn giải / thuộc tính cho ghế.',
+        category: 'Attribute',
+        quickEmoji: '→ 📝🪑',
+        inputs: [
+            {
+                key: 'seat', label: 'Ghế', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            {
+                key: 'attr', label: 'Thuộc tính', kind: 'object', validators: {
+                    required: true
+                }
+            },
+            ...TEMPORAL_INTENT_INPUTS
+        ],
+    },
+    {
+        actionCode: EnumActionCode.SET_P_ATTR,
+        label: 'Ghi thuộc tính người ngoài HR',
+        description: 'Ghi diễn giải / thuộc tính cho người ngoài HR.',
+        category: 'Attribute',
+        quickEmoji: '→ 📝👤',
+        inputs: [
+            {
+                key: 'person', label: 'Người', kind: 'reference', validators: {
+                    required: true
+                }
+            },
+            {
+                key: 'attr', label: 'Thuộc tính', kind: 'object', validators: {
+                    required: true
+                }
+            },
+            ...TEMPORAL_INTENT_INPUTS
+        ],
+    },
+    /* =========================
+     * SNAPSHOT / MILESTONE
+     * ========================= */
+    {
+        actionCode: EnumActionCode.DECLARE_SNAPSHOT,
+        label: 'Khai báo mốc tổ chức',
+        description: 'Khai báo mốc tổ chức phục vụ audit / snapshot.',
+        category: 'Snapshot',
+        quickEmoji: '→ 🕰️',
+        inputs: [
+            {
+                key: 'note', label: 'Ghi chú mốc', kind: 'string', validators: {
+                    required: true
+                }
+            },
+        ],
+    },
+];
+
+class IntentComposerComponent extends BaseComponent {
+    constructor(mls) {
+        super(mls);
+        this.mls = mls;
+        // ===== Inputs / Outputs =====
+        this.$descriptor = input.required();
+        this.$intentComposed = output();
+        this.$cancelled = output();
+        // ===== Local UI-only state =====
+        this.$draftInput = signal({});
+        this.$errors = signal([]);
+        this.$checkError = signal(true);
+        // ===== Services =====
+        this.fb = inject(FormBuilder);
+        this.as = inject(AlertService);
+        this.cdts = inject(CoreDatetimeService);
+        this.form = this.fb.group({});
+        this.timezoneOptions$ = new BehaviorSubject([]);
+        effect(() => {
+            const descriptor = this.$descriptor();
+            if (!descriptor)
+                return;
+            this.buildForm(descriptor);
+        });
+        const timezoneOptions = this.cdts.$timeZones().map(x => ({
+            value: x, text: x
+        }));
+        this.timezoneOptions$.next(timezoneOptions);
+    }
+    // ===== Methods =====
+    buildForm(descriptor) {
+        const controls = {};
+        // Logical inputs
+        for (const input of descriptor.inputs) {
+            controls[input.key] = new FormControl(input.defaultValue ?? null, this.buildValidators(input.validators));
+        }
+        this.form = new FormGroup(controls);
+    }
+    onInputChange(key, value) {
+        this.$draftInput.update(prev => ({
+            ...prev,
+            [key]: value,
+        }));
+    }
+    onConfirm() {
+        this.form.markAllAsTouched();
+        this.rebuildErrors();
+        if (this.$errors().length > 0) {
+            return;
+        }
+        this.$intentComposed.emit({
+            actionCode: this.$descriptor().actionCode,
+            input: this.form.getRawValue()
+        });
+    }
+    onCancel() {
+        this.$cancelled.emit();
+    }
+    buildValidators(schema) {
+        if (!schema)
+            return [];
+        const validators = [];
+        if (schema.required) {
+            validators.push(Validators.required);
+        }
+        if (schema.minLength !== undefined) {
+            validators.push(Validators.minLength(schema.minLength));
+        }
+        if (schema.maxLength !== undefined) {
+            validators.push(Validators.maxLength(schema.maxLength));
+        }
+        if (schema.min !== undefined) {
+            validators.push(Validators.min(schema.min));
+        }
+        if (schema.max !== undefined) {
+            validators.push(Validators.max(schema.max));
+        }
+        if (schema.pattern) {
+            validators.push(Validators.pattern(schema.pattern));
+        }
+        return validators;
+    }
+    rebuildErrors() {
+        this.$errors.set([]);
+        if (!this.form)
+            return;
+        const descriptor = this.$descriptor();
+        if (!descriptor)
+            return;
+        for (const input of descriptor.inputs) {
+            const control = this.form.get(input.key);
+            if (!control)
+                continue;
+            // Chỉ hiện lỗi khi user đã "dám chạm"
+            if (!control.touched || !control.errors)
+                continue;
+            for (const errorCode of Object.keys(control.errors)) {
+                const policyMessage = input.errorMessages?.[errorCode];
+                const fallbackMessage = this.buildFallbackErrorMessage(input, errorCode, control.errors[errorCode]);
+                this.$errors.update(c => {
+                    c.push({
+                        fieldKey: input.key,
+                        fieldLabel: input.label,
+                        errorCode,
+                        errorMessage: policyMessage ?? fallbackMessage
+                    });
+                    return [...c];
+                });
+            }
+        }
+    }
+    // Fallback message (phòng khi descriptor không khai báo)
+    buildFallbackErrorMessage(input, errorCode, errorData) {
+        switch (errorCode) {
+            case 'required':
+                return `${input.label} là bắt buộc`;
+            case 'minLength':
+            case 'minlength':
+                return `${input.label} phải có ít nhất ${errorData.requiredLength} ký tự`;
+            case 'maxLength':
+            case 'maxlength':
+                return `${input.label} không được vượt quá ${errorData.requiredLength} ký tự`;
+            case 'min':
+                return `${input.label} phải ≥ ${errorData.min}`;
+            case 'max':
+                return `${input.label} phải ≤ ${errorData.max}`;
+            case 'pattern':
+                return `${input.label} không đúng định dạng`;
+            default:
+                return `${input.label} không hợp lệ`;
+        }
+    }
+    getErrorsOfField(fieldKey) {
+        return this.$errors().filter(e => e.fieldKey === fieldKey);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: IntentComposerComponent, deps: [{ token: MultiLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: IntentComposerComponent, isStandalone: true, selector: "intent-composer", inputs: { $descriptor: { classPropertyName: "$descriptor", publicName: "$descriptor", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { $intentComposed: "$intentComposed", $cancelled: "$cancelled" }, usesInheritance: true, ngImport: i0, template: "<!--\r\n  IntentComposerComponent\r\n  Purpose:\r\n  - Collect human input for a single OM intent\r\n  - Emit IntentDraft only\r\n  Must NOT:\r\n  - Mutate Omega\r\n  - Modify IntentChain\r\n-->\r\n@if (form) {\r\n<form\r\n  class=\"intent-composer-container\"\r\n  [formGroup]=\"form\"\r\n  (ngSubmit)=\"onConfirm()\"\r\n  autocomplete=\"off\"\r\n>\r\n\r\n  <!-- Header -->\r\n  <h3>{{ $descriptor().label }}</h3>\r\n  <p class=\"desc\">{{ $descriptor().description }}</p>\r\n\r\n  <!-- Inputs -->\r\n  <div class=\"intent-inputs\">\r\n\r\n\r\n\r\n    @for (input of $descriptor().inputs; track input.key) {\r\n\r\n      <div class=\"intent-input\">\r\n\r\n        <label [class.required]=\"input.validators?.required\">\r\n          {{ input.label }}\r\n        </label>\r\n\r\n        @switch (input.kind) {\r\n\r\n          @case ('string') {\r\n            <input\r\n              class=\"form-control\"\r\n              [formControlName]=\"input.key\"\r\n              type=\"text\"\r\n              (input)=\"onInputChange(input.key, $event.target.value)\" />\r\n          }\r\n\r\n          @case ('boolean') {\r\n            <core-ios-switcher [formControlName]=\"input.key\" [showOnOffText]=\"false\"/>\r\n            <!-- <input\r\n              type=\"text\"\r\n              (input)=\"onInputChange(input.key, $event.target.value)\" /> -->\r\n          }\r\n\r\n          @case ('number') {\r\n            <input\r\n              [formControlName]=\"input.key\"\r\n              type=\"number\"\r\n              (input)=\"onInputChange(input.key, $event.target.valueAsNumber)\" />\r\n          }\r\n\r\n          @case ('date') {\r\n            <core-date-picker \r\n              [formControlName]=\"input.key\"            \r\n            />\r\n          }\r\n\r\n          @case ('reference') {\r\n            <button\r\n              type=\"button\"\r\n              class=\"btn btn-outline\"\r\n              (click)=\"onInputChange(input.key, '__REF__')\">\r\n              Ch\u1ECDn \u0111\u1ED1i t\u01B0\u1EE3ng\u2026\r\n            </button>\r\n          }\r\n\r\n          @case ('object') {\r\n            <textarea\r\n              [formControlName]=\"input.key\"\r\n              rows=\"3\"\r\n              (input)=\"onInputChange(input.key, $event.target.value)\">\r\n            </textarea>\r\n          }\r\n\r\n          @default {\r\n            <em class=\"unsupported\">\r\n              Ki\u1EC3u input ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3\r\n            </em>\r\n          }\r\n\r\n        }\r\n\r\n        <!-- START: ERROR SESSION -->\r\n        @for (error of getErrorsOfField(input.key); track $index) {\r\n          <div class=\"form-control-error\">\r\n            {{ error.errorMessage | translate: lang }}\r\n          </div>\r\n        }\r\n        @if (!getErrorsOfField(input.key).length && !!$checkError()) {\r\n          <div>&nbsp;</div>\r\n        }\r\n        <!-- END: ERROR SESSION -->\r\n\r\n      </div>\r\n\r\n    }\r\n\r\n  </div>\r\n\r\n  <!-- Actions -->\r\n  <div class=\"composer-actions\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"btn btn-secondary\"\r\n      (click)=\"onCancel()\">\r\n      Quay l\u1EA1i\r\n    </button>\r\n\r\n    <button\r\n      type=\"submit\"\r\n      class=\"btn btn-primary\"\r\n    >\r\n      X\u00E1c nh\u1EADn\r\n    </button>\r\n  </div>\r\n\r\n</form>\r\n}", styles: [".intent-composer-container .intent-inputs .intent-input{display:flex;flex-direction:column;margin-top:15px;margin-bottom:15px}.intent-composer-container .intent-inputs .intent-input label{color:#464646}.intent-composer-container .intent-inputs .intent-input label.required:after{content:\"*\";color:#ff040b}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.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$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CoreIosSwitcherComponent, selector: "core-ios-switcher", inputs: ["bgColor", "showOnOffText", "width", "height", "readonly"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: IntentComposerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'intent-composer', imports: [
+                        ReactiveFormsModule,
+                        HtmlTooltipDirective,
+                        CoreIosSwitcherComponent,
+                        CoreDatePickerComponent,
+                        CoreDropdownComponent,
+                        TranslatePipe,
+                    ], template: "<!--\r\n  IntentComposerComponent\r\n  Purpose:\r\n  - Collect human input for a single OM intent\r\n  - Emit IntentDraft only\r\n  Must NOT:\r\n  - Mutate Omega\r\n  - Modify IntentChain\r\n-->\r\n@if (form) {\r\n<form\r\n  class=\"intent-composer-container\"\r\n  [formGroup]=\"form\"\r\n  (ngSubmit)=\"onConfirm()\"\r\n  autocomplete=\"off\"\r\n>\r\n\r\n  <!-- Header -->\r\n  <h3>{{ $descriptor().label }}</h3>\r\n  <p class=\"desc\">{{ $descriptor().description }}</p>\r\n\r\n  <!-- Inputs -->\r\n  <div class=\"intent-inputs\">\r\n\r\n\r\n\r\n    @for (input of $descriptor().inputs; track input.key) {\r\n\r\n      <div class=\"intent-input\">\r\n\r\n        <label [class.required]=\"input.validators?.required\">\r\n          {{ input.label }}\r\n        </label>\r\n\r\n        @switch (input.kind) {\r\n\r\n          @case ('string') {\r\n            <input\r\n              class=\"form-control\"\r\n              [formControlName]=\"input.key\"\r\n              type=\"text\"\r\n              (input)=\"onInputChange(input.key, $event.target.value)\" />\r\n          }\r\n\r\n          @case ('boolean') {\r\n            <core-ios-switcher [formControlName]=\"input.key\" [showOnOffText]=\"false\"/>\r\n            <!-- <input\r\n              type=\"text\"\r\n              (input)=\"onInputChange(input.key, $event.target.value)\" /> -->\r\n          }\r\n\r\n          @case ('number') {\r\n            <input\r\n              [formControlName]=\"input.key\"\r\n              type=\"number\"\r\n              (input)=\"onInputChange(input.key, $event.target.valueAsNumber)\" />\r\n          }\r\n\r\n          @case ('date') {\r\n            <core-date-picker \r\n              [formControlName]=\"input.key\"            \r\n            />\r\n          }\r\n\r\n          @case ('reference') {\r\n            <button\r\n              type=\"button\"\r\n              class=\"btn btn-outline\"\r\n              (click)=\"onInputChange(input.key, '__REF__')\">\r\n              Ch\u1ECDn \u0111\u1ED1i t\u01B0\u1EE3ng\u2026\r\n            </button>\r\n          }\r\n\r\n          @case ('object') {\r\n            <textarea\r\n              [formControlName]=\"input.key\"\r\n              rows=\"3\"\r\n              (input)=\"onInputChange(input.key, $event.target.value)\">\r\n            </textarea>\r\n          }\r\n\r\n          @default {\r\n            <em class=\"unsupported\">\r\n              Ki\u1EC3u input ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3\r\n            </em>\r\n          }\r\n\r\n        }\r\n\r\n        <!-- START: ERROR SESSION -->\r\n        @for (error of getErrorsOfField(input.key); track $index) {\r\n          <div class=\"form-control-error\">\r\n            {{ error.errorMessage | translate: lang }}\r\n          </div>\r\n        }\r\n        @if (!getErrorsOfField(input.key).length && !!$checkError()) {\r\n          <div>&nbsp;</div>\r\n        }\r\n        <!-- END: ERROR SESSION -->\r\n\r\n      </div>\r\n\r\n    }\r\n\r\n  </div>\r\n\r\n  <!-- Actions -->\r\n  <div class=\"composer-actions\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"btn btn-secondary\"\r\n      (click)=\"onCancel()\">\r\n      Quay l\u1EA1i\r\n    </button>\r\n\r\n    <button\r\n      type=\"submit\"\r\n      class=\"btn btn-primary\"\r\n    >\r\n      X\u00E1c nh\u1EADn\r\n    </button>\r\n  </div>\r\n\r\n</form>\r\n}", styles: [".intent-composer-container .intent-inputs .intent-input{display:flex;flex-direction:column;margin-top:15px;margin-bottom:15px}.intent-composer-container .intent-inputs .intent-input label{color:#464646}.intent-composer-container .intent-inputs .intent-input label.required:after{content:\"*\";color:#ff040b}\n"] }]
+        }], ctorParameters: () => [{ type: MultiLanguageService }] });
+
+/**
+ * CoreDomDecisionEditor
+ *
+ * Boundary UI for composing a single DOM-level organizational decision.
+ * This component produces an immutable Omega string for approval.
+ *
+ * ❌ Not a workflow editor
+ * ❌ Not a configuration screen
+ * ❌ Not a live OM state editor
+ *
+ * Any intelligence must stop here.
+ */
+class CoreDomDecisionEditorComponent extends CoreFormControlBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+        this.INTENT_DESCRIPTOR_REGISTRY = INTENT_DESCRIPTOR_REGISTRY;
+        // UI-only popup flag
+        this.$showIntentComposer = signal(false);
+        this.$selectedIntentDescriptor = signal(null);
+        this.$projection = signal({
+            intentCount: 0,
+            validityLabel: 'Chưa có quyết định',
+            intents: [],
+            outputs: [],
+        });
+    }
+    writeValue(omega) {
+        this.value = omega ?? '';
+        this.$projection.set(this.rebuildProjectionFromOmega(this.value));
+    }
+    rebuildProjectionFromOmega(omega) {
+        // TODO:
+        // - parse Omega
+        // - build Projection VM
+        // - NO mutation
+        // - NO inference
+        return {
+            intentCount: 0,
+            validityLabel: 'Chưa có quyết định',
+            intents: [],
+            outputs: [],
+        };
+    }
+    onAddIntent() {
+        // Entry point for intent composition
+        // This method MUST NOT mutate Omega or projection directly
+        // Actual intent creation will happen in a dedicated composer (modal / panel)
+        this.$showIntentComposer.set(true);
+    }
+    onCloseIntentComposer() {
+        this.$showIntentComposer.set(false);
+    }
+    onViewIntent(e) {
+    }
+    onRemoveIntent(e) {
+    }
+    onSelectIntent(descriptor) {
+        this.$selectedIntentDescriptor.set(descriptor);
+    }
+    onCancelIntentCompose() {
+        this.$selectedIntentDescriptor.set(null);
+    }
+    onIntentDrafted(draft) {
+        //this.appendIntent(draft);   // hoặc logic anh đang dùng
+        this.$showIntentComposer.set(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreDomDecisionEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreDomDecisionEditorComponent, isStandalone: true, selector: "core-dom-decision-editor", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => CoreDomDecisionEditorComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"core-dom-decision-editor-container\">\r\n\r\n  <!-- ========================= -->\r\n  <!-- Decision Overview / Header -->\r\n  <!-- ========================= -->\r\n  <header class=\"editor-header\">\r\n    <div class=\"editor-title\">\r\n      <h2>Quy\u1EBFt \u0111\u1ECBnh t\u1ED5 ch\u1EE9c</h2>\r\n      <p class=\"editor-subtitle\">\r\n        So\u1EA1n th\u1EA3o m\u1ED9t quy\u1EBFt \u0111\u1ECBnh OM b\u1EA5t bi\u1EBFn (Omega)\r\n      </p>\r\n    </div>\r\n\r\n    <div class=\"editor-meta\">\r\n      <!-- read-only meta derived from Omega -->\r\n      <span class=\"meta-item\">\r\n        Intent count:\r\n        <strong>{{ $projection().intentCount }}</strong>\r\n      </span>\r\n\r\n      <span class=\"meta-item\">\r\n        Tr\u1EA1ng th\u00E1i:\r\n        <strong>{{ $projection().validityLabel }}</strong>\r\n      </span>\r\n    </div>\r\n  </header>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Intent Chain Projection -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-chain\">\r\n\r\n    <h3>Chu\u1ED7i \u00FD \u0111\u1ECBnh (Intent Chain)</h3>\r\n\r\n    @if ($projection().intents.length === 0) {\r\n    <div class=\"empty-state\">\r\n      <p>Ch\u01B0a c\u00F3 intent n\u00E0o trong quy\u1EBFt \u0111\u1ECBnh n\u00E0y.</p>\r\n      <p class=\"hint\">\r\n        B\u1EAFt \u0111\u1EA7u b\u1EB1ng c\u00E1ch th\u00EAm intent \u0111\u1EA7u ti\u00EAn.\r\n      </p>\r\n    </div>\r\n    } @else {\r\n    <ol class=\"intent-list\">\r\n      @for (intent of $projection().intents; track $index) {\r\n      <li class=\"intent-item\">\r\n        <!-- Intent Block (read-only projection) -->\r\n        <div class=\"intent-card\">\r\n          <div class=\"intent-seq\">\r\n            {{ intent.seq }}\r\n          </div>\r\n\r\n          <div class=\"intent-content\">\r\n            <div class=\"intent-action\">\r\n              {{ intent.actionLabel }}\r\n            </div>\r\n\r\n            <div class=\"intent-summary\">\r\n              {{ intent.summary }}\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"intent-actions\">\r\n            <!-- Note: no direct editing -->\r\n            <button type=\"button\" class=\"btn btn-ghost\" (click)=\"onViewIntent(intent)\">\r\n              Xem\r\n            </button>\r\n\r\n            <button type=\"button\" class=\"btn btn-danger-ghost\" (click)=\"onRemoveIntent(intent)\">\r\n              G\u1EE1\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      }\r\n    </ol>\r\n    }\r\n\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Add Intent Entry Point -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-actions-panel\">\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onAddIntent()\">\r\n      + Th\u00EAm Intent\r\n    </button>\r\n\r\n    <p class=\"hint\">\r\n      M\u1ED7i intent l\u00E0 m\u1ED9t h\u00E0nh vi OM nguy\u00EAn t\u1EED, c\u00F3 th\u1EE9 t\u1EF1 x\u00E1c \u0111\u1ECBnh.\r\n    </p>\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Output Preview (Derived) -->\r\n  <!-- ========================= -->\r\n  <section class=\"output-preview\">\r\n    <h3>K\u1EBFt qu\u1EA3 d\u1EF1 ki\u1EBFn (Preview)</h3>\r\n\r\n    <p class=\"hint\">\r\n      K\u1EBFt qu\u1EA3 n\u00E0y \u0111\u01B0\u1EE3c suy ra t\u1EEB Intent Chain, kh\u00F4ng th\u1EC3 ch\u1EC9nh s\u1EEDa.\r\n    </p>\r\n\r\n    @if ($projection().outputs.length === 0) {\r\n    <div class=\"empty-state\">\r\n      <p>Ch\u01B0a c\u00F3 output n\u00E0o \u0111\u01B0\u1EE3c sinh ra.</p>\r\n    </div>\r\n    } @else {\r\n    <ul class=\"output-list\">\r\n      @for (output of $projection().outputs; track $index) {\r\n      <li class=\"output-item\">\r\n        <span class=\"output-key\">{{ output.key }}</span>\r\n        <span class=\"output-desc\">{{ output.description }}</span>\r\n      </li>\r\n      }\r\n    </ul>\r\n    }\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Raw Omega (Optional / Debug) -->\r\n  <!-- ========================= -->\r\n  <details class=\"omega-raw\">\r\n    <summary>Xem Omega (raw)</summary>\r\n    <pre>{{ value }}</pre>\r\n  </details>\r\n\r\n  @if ($showIntentComposer()) {\r\n  <!--\r\n    Intent Composer Popup\r\n    Purpose: Enter intent composition mode only.\r\n    MUST NOT:\r\n    - Mutate Omega\r\n    - Mutate projection\r\n    - Execute OM logic\r\n  -->\r\n  <div class=\"modal-container\">\r\n    <div class=\"modal-content-root\">\r\n      <div class=\"intent-composer-entry\">\r\n        <p><strong>So\u1EA1n th\u1EA3o Intent m\u1EDBi</strong></p>\r\n\r\n        <p class=\"hint\">\r\n          \u0110\u00E2y l\u00E0 b\u01B0\u1EDBc chu\u1EA9n b\u1ECB \u0111\u1EC3 th\u00EAm m\u1ED9t h\u00E0nh vi OM nguy\u00EAn t\u1EED.\r\n        </p>\r\n\r\n        @if ($selectedIntentDescriptor()) {\r\n\r\n          <intent-composer\r\n            [$descriptor]=\"$selectedIntentDescriptor()!\"\r\n            ($intentComposed)=\"onIntentDrafted($event)\"\r\n            ($cancelled)=\"onCancelIntentCompose()\">\r\n          </intent-composer>\r\n\r\n        } @else {\r\n\r\n          <!-- N\u1ED9i dung composer s\u1EBD \u0111\u01B0\u1EE3c c\u1EAFm sau -->\r\n          <ul class=\"intent-item-registry\">\r\n            @for (intent of INTENT_DESCRIPTOR_REGISTRY; track $index) {\r\n            <li class=\"intent-item-point\">\r\n              <div class=\"intent-item\"\r\n                  (click)=\"onSelectIntent(intent)\">\r\n                <object>{{ intent.actionCode }} | {{ intent.quickEmoji }}</object>\r\n                <strong>{{ intent.label }}</strong>\r\n                <p>{{ intent.description }}</p>\r\n              </div>\r\n            </li>\r\n            }\r\n          </ul>\r\n\r\n        }\r\n        <hr />\r\n        <div class=\"popup-actions\">\r\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCloseIntentComposer()\">\r\n            H\u1EE7y\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n\r\n</div>", styles: [".core-dom-decision-editor-container .modal-container{overflow:scroll}.core-dom-decision-editor-container .modal-container .modal-content-root{overflow:visible}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry{padding-left:0}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point{cursor:pointer;padding:8px}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point:hover{background-color:#09f}\n"], dependencies: [{ kind: "component", type: IntentComposerComponent, selector: "intent-composer", inputs: ["$descriptor"], outputs: ["$intentComposed", "$cancelled"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreDomDecisionEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-dom-decision-editor', imports: [
+                        IntentComposerComponent
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => CoreDomDecisionEditorComponent),
+                        },
+                    ], template: "<div class=\"core-dom-decision-editor-container\">\r\n\r\n  <!-- ========================= -->\r\n  <!-- Decision Overview / Header -->\r\n  <!-- ========================= -->\r\n  <header class=\"editor-header\">\r\n    <div class=\"editor-title\">\r\n      <h2>Quy\u1EBFt \u0111\u1ECBnh t\u1ED5 ch\u1EE9c</h2>\r\n      <p class=\"editor-subtitle\">\r\n        So\u1EA1n th\u1EA3o m\u1ED9t quy\u1EBFt \u0111\u1ECBnh OM b\u1EA5t bi\u1EBFn (Omega)\r\n      </p>\r\n    </div>\r\n\r\n    <div class=\"editor-meta\">\r\n      <!-- read-only meta derived from Omega -->\r\n      <span class=\"meta-item\">\r\n        Intent count:\r\n        <strong>{{ $projection().intentCount }}</strong>\r\n      </span>\r\n\r\n      <span class=\"meta-item\">\r\n        Tr\u1EA1ng th\u00E1i:\r\n        <strong>{{ $projection().validityLabel }}</strong>\r\n      </span>\r\n    </div>\r\n  </header>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Intent Chain Projection -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-chain\">\r\n\r\n    <h3>Chu\u1ED7i \u00FD \u0111\u1ECBnh (Intent Chain)</h3>\r\n\r\n    @if ($projection().intents.length === 0) {\r\n    <div class=\"empty-state\">\r\n      <p>Ch\u01B0a c\u00F3 intent n\u00E0o trong quy\u1EBFt \u0111\u1ECBnh n\u00E0y.</p>\r\n      <p class=\"hint\">\r\n        B\u1EAFt \u0111\u1EA7u b\u1EB1ng c\u00E1ch th\u00EAm intent \u0111\u1EA7u ti\u00EAn.\r\n      </p>\r\n    </div>\r\n    } @else {\r\n    <ol class=\"intent-list\">\r\n      @for (intent of $projection().intents; track $index) {\r\n      <li class=\"intent-item\">\r\n        <!-- Intent Block (read-only projection) -->\r\n        <div class=\"intent-card\">\r\n          <div class=\"intent-seq\">\r\n            {{ intent.seq }}\r\n          </div>\r\n\r\n          <div class=\"intent-content\">\r\n            <div class=\"intent-action\">\r\n              {{ intent.actionLabel }}\r\n            </div>\r\n\r\n            <div class=\"intent-summary\">\r\n              {{ intent.summary }}\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"intent-actions\">\r\n            <!-- Note: no direct editing -->\r\n            <button type=\"button\" class=\"btn btn-ghost\" (click)=\"onViewIntent(intent)\">\r\n              Xem\r\n            </button>\r\n\r\n            <button type=\"button\" class=\"btn btn-danger-ghost\" (click)=\"onRemoveIntent(intent)\">\r\n              G\u1EE1\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      }\r\n    </ol>\r\n    }\r\n\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Add Intent Entry Point -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-actions-panel\">\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onAddIntent()\">\r\n      + Th\u00EAm Intent\r\n    </button>\r\n\r\n    <p class=\"hint\">\r\n      M\u1ED7i intent l\u00E0 m\u1ED9t h\u00E0nh vi OM nguy\u00EAn t\u1EED, c\u00F3 th\u1EE9 t\u1EF1 x\u00E1c \u0111\u1ECBnh.\r\n    </p>\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Output Preview (Derived) -->\r\n  <!-- ========================= -->\r\n  <section class=\"output-preview\">\r\n    <h3>K\u1EBFt qu\u1EA3 d\u1EF1 ki\u1EBFn (Preview)</h3>\r\n\r\n    <p class=\"hint\">\r\n      K\u1EBFt qu\u1EA3 n\u00E0y \u0111\u01B0\u1EE3c suy ra t\u1EEB Intent Chain, kh\u00F4ng th\u1EC3 ch\u1EC9nh s\u1EEDa.\r\n    </p>\r\n\r\n    @if ($projection().outputs.length === 0) {\r\n    <div class=\"empty-state\">\r\n      <p>Ch\u01B0a c\u00F3 output n\u00E0o \u0111\u01B0\u1EE3c sinh ra.</p>\r\n    </div>\r\n    } @else {\r\n    <ul class=\"output-list\">\r\n      @for (output of $projection().outputs; track $index) {\r\n      <li class=\"output-item\">\r\n        <span class=\"output-key\">{{ output.key }}</span>\r\n        <span class=\"output-desc\">{{ output.description }}</span>\r\n      </li>\r\n      }\r\n    </ul>\r\n    }\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Raw Omega (Optional / Debug) -->\r\n  <!-- ========================= -->\r\n  <details class=\"omega-raw\">\r\n    <summary>Xem Omega (raw)</summary>\r\n    <pre>{{ value }}</pre>\r\n  </details>\r\n\r\n  @if ($showIntentComposer()) {\r\n  <!--\r\n    Intent Composer Popup\r\n    Purpose: Enter intent composition mode only.\r\n    MUST NOT:\r\n    - Mutate Omega\r\n    - Mutate projection\r\n    - Execute OM logic\r\n  -->\r\n  <div class=\"modal-container\">\r\n    <div class=\"modal-content-root\">\r\n      <div class=\"intent-composer-entry\">\r\n        <p><strong>So\u1EA1n th\u1EA3o Intent m\u1EDBi</strong></p>\r\n\r\n        <p class=\"hint\">\r\n          \u0110\u00E2y l\u00E0 b\u01B0\u1EDBc chu\u1EA9n b\u1ECB \u0111\u1EC3 th\u00EAm m\u1ED9t h\u00E0nh vi OM nguy\u00EAn t\u1EED.\r\n        </p>\r\n\r\n        @if ($selectedIntentDescriptor()) {\r\n\r\n          <intent-composer\r\n            [$descriptor]=\"$selectedIntentDescriptor()!\"\r\n            ($intentComposed)=\"onIntentDrafted($event)\"\r\n            ($cancelled)=\"onCancelIntentCompose()\">\r\n          </intent-composer>\r\n\r\n        } @else {\r\n\r\n          <!-- N\u1ED9i dung composer s\u1EBD \u0111\u01B0\u1EE3c c\u1EAFm sau -->\r\n          <ul class=\"intent-item-registry\">\r\n            @for (intent of INTENT_DESCRIPTOR_REGISTRY; track $index) {\r\n            <li class=\"intent-item-point\">\r\n              <div class=\"intent-item\"\r\n                  (click)=\"onSelectIntent(intent)\">\r\n                <object>{{ intent.actionCode }} | {{ intent.quickEmoji }}</object>\r\n                <strong>{{ intent.label }}</strong>\r\n                <p>{{ intent.description }}</p>\r\n              </div>\r\n            </li>\r\n            }\r\n          </ul>\r\n\r\n        }\r\n        <hr />\r\n        <div class=\"popup-actions\">\r\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCloseIntentComposer()\">\r\n            H\u1EE7y\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n\r\n</div>", styles: [".core-dom-decision-editor-container .modal-container{overflow:scroll}.core-dom-decision-editor-container .modal-container .modal-content-root{overflow:visible}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry{padding-left:0}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point{cursor:pointer;padding:8px}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point:hover{background-color:#09f}\n"] }]
+        }] });
+
 class CoreControlComponent extends BaseComponent {
     constructor(mls, alertService) {
         super(mls);
@@ -27293,7 +28371,7 @@ class CoreControlComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreControlComponent, deps: [{ token: MultiLanguageService }, { token: AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreControlComponent, isStandalone: true, selector: "core-control", inputs: { control: "control", form: "form", checkError$: "checkError$", rangeLimit: "rangeLimit" }, host: { listeners: { "window:click": "onWindowClick()" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-control-container\">\r\n\r\n    <div [formGroup]=\"form\" [class.hidden]=\"!!control.hidden\">\r\n\r\n        @if (!control.headless!) {\r\n            <label [class]=\"'control-label' +  (required ? ' required' : '')\" [attr.for]=\"control.field\"\r\n                [class.d-none]=\"!!control.hidden\"\r\n                [class.avatar-label]=\"control.uploadFileType==='IMAGE_AVATAR'\" [appTooltip]=\"control.tooltip! | translate: lang\" \r\n                [htmlTooltip]=\"control.htmlTooltip!\"\r\n                [backgroundColor]=\"'white'\"\r\n                [ngStyle]=\"{\r\n                    display: 'inline-block'\r\n                }\">\r\n                {{(control.controlType!=='CHECKBOX' && control.controlType!=='BUTTON') ? (control.label | translate: lang) : ''}}\r\n            </label>\r\n\r\n            @if (!!control.hint! && control.controlType !== 'CHECKBOX') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"control.hint!\" [showAnyway]=\"true\" [ngStyle]=\"{\r\n                    display: 'inline-block',\r\n                    marginLeft: '2px'\r\n                }\" [class.d-none]=\"!!control.hidden\"></i>\r\n            }\r\n        }\r\n\r\n        <!-- START: FORM-CONTROL SESSION-->\r\n\r\n        <ng-container>\r\n        @switch (control.controlType) {\r\n            @case (\"FORM_ARRAY\") {\r\n                <core-form-array\r\n                    [formArrayName]=\"control.field!\"\r\n                    [parentFormGroup]=\"form\"\r\n                    [formArray]=\"formArray\"\r\n                    [config]=\"control.formArraySections! ?? []\"\r\n                    [disabled]=\"control.disabled!\"\r\n                    [readonly]=\"control.readonly!\"\r\n                    [addNewMode$]=\"control.addNewMode$!\"\r\n                    [checkError$]=\"checkError$\"\r\n                    >\r\n                </core-form-array>\r\n            }\r\n            @case (\"CALCULATED\") {\r\n                <div class=\"calculated-view\" [htmlTooltip]=\"calculatedControlInfo\" [tooltipContext]=\"{control: control}\" [backgroundColor]=\"'#fff'\">\r\n                    <i class=\"feather-box\"></i><span>{{ control.field! }}</span>\r\n                </div>\r\n            }\r\n            @case (\"TEXTBOX\") {\r\n\r\n                <input *ngIf=\"control.type === 'date'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"date\"\r\n                    useValueAsDate\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'time'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"time\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'number'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"number\"\r\n                    step=\"{{ control.step || 1 }}\"\r\n                    class=\"form-control\"\r\n                    style=\"text-align: right;\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"['string', 'text', 'email', 'url', 'password'].includes(control.type || 'text')\"\r\n                    [formControlName]=\"control.field\"\r\n                    [type]=\"control.type\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n            }\r\n            @case (\"CURRENCY\") {\r\n                <core-currency-input [required]=\"required\" [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-currency-input>\r\n            }\r\n            @case (\"TEXTAREA\") {\r\n                <textarea [rows]=\"control.textareaRows?.toString() || '3'\" [ngStyle]=\"{ height: 'unset' }\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [formControlName]=\"control.field\" class=\"form-control\" [readonly]=\"control.readonly\" [placeholder]=\"control.placeholder! || ''\"></textarea>\r\n            }\r\n            @case (\"CHECKBOX\") {\r\n                <core-checkbox [formControlName]=\"control.field\" [text]=\"control.label\"\r\n                    [inputValue]=\"control.value\" [tooltip]=\"control.hint!\"></core-checkbox>\r\n            }\r\n            @case (\"IOS_SWITCHER\") {\r\n                <div class=\"gap-for-ios-switcher\"></div>\r\n                <core-ios-switcher [formControlName]=\"control.field\" />\r\n            }\r\n            @case (\"MCC\") {\r\n                <core-mcc [required]=\"required\" [formControlName]=\"control.field\" [columns]=\"control.columns!\" [shownFrom]=\"control.shownFrom!\" \r\n                [apiDefinition]=\"control.apiDefinition!\" [getByIdApi]=\"control.getByIdApi!\" [selectedRow$]=\"control.selectedRow$!\"\r\n                [outerParam$]=\"control.outerParam$!\"\r\n                [placeholder]=\"control.placeholder! || ''\"\r\n                ></core-mcc>\r\n            }\r\n            @case (\"DATEPICKER\") {\r\n                <core-date-picker [required]=\"required\" [formControlName]=\"control.field\" [showPlaceholder]=\"control.showPlaceholder!\" [rangeLimit]=\"control.rangeLimit!\" [popupAlign]=\"control.popupAlign!\" [placeholder]=\"control.placeholder! || ''\"></core-date-picker>\r\n            }\r\n\r\n            @case (\"DROPDOWN\") {\r\n                @if (!!control.dropdownOptions$ || !!control.optionApiDriven) {\r\n                    <core-dropdown \r\n                        [required]=\"required\" \r\n                        [formControlName]=\"control.field\" \r\n                        [options$]=\"control.dropdownOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" \r\n                        [shownFrom]=\"control.shownFrom!\" \r\n                        [placeholder]=\"control.placeholder! || ''\"\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                    ></core-dropdown>\r\n                } @else {\r\n                    No dropdownOptions$ | optionApiDriven detected\r\n                }\r\n            }\r\n            @case (\"LIST\") {\r\n                <core-list [required]=\"required\" [formControlName]=\"control.field\" [options]=\"control.listOptions!\" [placeholder]=\"control.placeholder! || ''\"></core-list>\r\n            }\r\n            @case (\"CHECKLIST\") {\r\n                @if (!!control.checklistOptions$) {\r\n                    <core-checklist [required]=\"required\" [formControlName]=\"control.field\" [options$]=\"control.checklistOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\" [placeholder]=\"control.placeholder! || ''\"></core-checklist>\r\n                }\r\n            }\r\n            @case (\"FILEUPLOADER\") {\r\n                @if (!!control.uploadFileType) {\r\n                    <core-file-uploader [required]=\"required\" [formControlName]=\"control.field\" [uploadFileType]=\"control.uploadFileType\"\r\n                        [fileDataControlName]=\"control.fileDataControlName!\"\r\n                        [fileNameControlName]=\"control.fileNameControlName!\"\r\n                        [fileTypeControlName]=\"control.fileTypeControlName!\"\r\n                        [verticalMode]=\"control.verticalMode!\"></core-file-uploader>\r\n                } @else {\r\n                    <div class=\"dev-declaration\">Please add uploadFileType</div>\r\n                }\r\n            }\r\n            @case (\"ATTACHMENT\") {\r\n                <core-attachment ngDefaultControl [required]=\"required\" [formControlName]=\"control.field\" [assignTo]=\"control.assignTo!\"\r\n                    [valueToShow]=\"control.valueToShow!\" [placeholder]=\"control.placeholder! || ''\"></core-attachment>\r\n            }\r\n            @case (\"GRIDBUFFER\") {\r\n                @if (!!control.gridBufferFormSections && !!control.gridBufferTableColumns) {\r\n                    <core-grid-buffer [required]=\"required\" [formControlName]=\"control.field\" [formSections]=\"control.gridBufferFormSections\"\r\n                        [gridColumns]=\"control.gridBufferTableColumns\"\r\n                        [placeholder]=\"control.placeholder! || ''\"\r\n                        [tableHeight]=\"control.tableHeight ?? 300\"\r\n                        [liteMode]=\"control.liteMode ?? false\"\r\n                        (onBufferFormCreated)=\"!!control.onBufferFormCreated ? control.onBufferFormCreated($event) : null\"></core-grid-buffer>\r\n                }\r\n            }\r\n            @case (\"ORGTREECHECK\") {\r\n                <core-org-tree [required]=\"required\" [formControlName]=\"control.field\"\r\n                    [accessorMode]=\"coreOrgTreeDefaultAccessorMode\" [height]=\"control.height!\"></core-org-tree>\r\n            }\r\n            @case (\"RADIOGROUP\") {\r\n                <core-radio-group [required]=\"required\" [formControlName]=\"control.field\"\r\n                    [options$]=\"control.radioGroupOptions$!\"\r\n                    [vertical]=\"control.verticalMode!\"\r\n                    ></core-radio-group>\r\n            }\r\n            @case (\"MONTHSELECTOR\") {\r\n                <core-month-selector [required]=\"required\" [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-month-selector>\r\n            }\r\n            @case (\"SHIFTCELL\") {\r\n                <core-shift-cell [formControlName]=\"control.field\"></core-shift-cell>\r\n            }\r\n            @case (\"SHIFTCOLLECTION\") {\r\n                <core-shift-collection [relativeMode]=\"true\" [height]=\"control.height || 800\"></core-shift-collection>\r\n            }\r\n            @case(\"TOPICPICKER\") {\r\n                <core-topic-picker [required]=\"required\" [formControlName]=\"control.field\" [popupHeight]=\"control.popupHeight!\" [getByIdApi]=\"control.getByIdApi!\"></core-topic-picker>\r\n            }\r\n            @case(\"STICKER_COLLECTION\") {\r\n                  <core-sticker-collection\r\n                    [formControlName]=\"control.field\"\r\n                    [required]=\"required\"\r\n                    [$items]=\"control.stickerCollectionItems!\"\r\n                    [$shownFrom]=\"control.stickerCollectionShownFrom!\"\r\n                    [$tooltipFrom]=\"control.stickerCollectionTooltipFrom!\"\r\n                    [$initialChecked]=\"control.stickerCollectionInitialChecked!\"\r\n                    >\r\n                </core-sticker-collection>\r\n            }\r\n            @case (\"SEEKER\") {\r\n                @switch(control.seekerSourceType) {\r\n                    @case(\"JOB_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"EMPLOYEE_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"CONTRACT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" [boundFrom]=\"control.boundFrom!\"\r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\" \r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [shownFrom]=\"control.shownFrom!\"\r\n                            [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WORKING_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WAGE_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [formControlName]=\"control.field\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [seekerVerifyIgnore]=\"control.seekerVerifyIgnore!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_CONCURRENT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"FORM_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"ORGANIZATION_UNIT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [formControlName]=\"control.field\" [seekerSourceType]=\"control.seekerSourceType!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [alsoBindTo]=\"control.alsoBindTo!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                }\r\n            }\r\n            @case (\"LIQUID_WYSIWYG\") {\r\n                <core-liquid-wysiwyg\r\n                    [formControlName]=\"control.field\"\r\n                    [getByIdObject$]=\"control.getByIdObject$!\"\r\n                    [placeholder]=\"control.placeholder! || ''\"\r\n                    [$liquidOptions]=\"control.liquidOptions!\"\r\n                    [$textareaRows]=\"control.textareaRows!\"\r\n                    [$showLiquidSourceOnly]=\"control.showLiquidSourceOnly!\"\r\n                    [$isForWorkflowEmail]=\"control.isForWorkflowEmail!\"\r\n                />\r\n            }\r\n        }\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"control.controlType==='BUTTON'\">\r\n            <button type=\"button\" class=\"btn btn-secondary text\" (click)=\"oHandleClick($event)\">{{control.label| translate: lang}}</button>\r\n        </ng-container>\r\n        <!-- END: FORM-CONTROL SESSION-->\r\n\r\n        <!-- START: ERROR SESSION-->\r\n        <div *ngIf=\"!!errors!.length\">\r\n            <div class=\"form-control-error\" *ngFor=\"let error of errors\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!!!errors!.length && !!checkError$.value\">\r\n            <div>\r\n                {{ '&nbsp;' }}\r\n            </div>\r\n        </div>\r\n        <!-- END: ERROR SESSION-->\r\n\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<ng-template #calculatedControlInfo let-control=\"control\">\r\n    <div class=\"calculated-tooltip-container\">\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Name:</span>\r\n        <span class=\"value\">{{ control?.field || 'N/A' }}</span>\r\n        </div>        \r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Evaluation Mode:</span>\r\n        <span class=\"value\">{{ control?.evaluationMode || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Return Type:</span>\r\n        <span class=\"value\">{{ control?.returnType || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Depends On:</span>\r\n        <span class=\"value\" *ngIf=\"control?.dependsOn?.length > 0; else noDepends\">\r\n            <code *ngFor=\"let dep of control?.dependsOn; let last = last\">{{ dep }}<span *ngIf=\"!last\">, </span></code>\r\n        </span>\r\n        <ng-template #noDepends><em class=\"no-depends\">None</em></ng-template>\r\n        </div>\r\n        <div *ngIf=\"!!control?.isUnsafe\" class=\"warning\">\r\n        \u26A0\uFE0F This script is marked as <strong>unsafe</strong> and will not be executed.\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Script:</span>\r\n        <pre class=\"code-block\">{{ control?.script || 'No script provided.' }}</pre>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".core-control-container{font-size:var(--typo-basic-font-size)!important}.core-control-container .control-label{color:#848484}.core-control-container>div.hidden{display:none}.core-control-container label{color:#464646}.core-control-container label.required:after{content:\"*\";color:#ff040b}.core-control-container label.avatar-label{width:var(--size-file-uploader);display:flex;align-items:center;justify-content:center}.core-control-container input[type=number]{padding-right:12px;position:relative}.core-control-container input[type=number]::-webkit-inner-spin-button{position:absolute;right:.3em;margin-left:.5em}.core-control-container input[type=number]{-moz-appearance:textfield}.core-control-container i.feather-help-circle{color:#848484}.core-control-container .gap-for-ios-switcher{height:5px}.core-control-container .calculated-view{-webkit-user-select:none;user-select:none;cursor:pointer;height:35px;width:160px;background-color:#d8f3dc;color:#1b4332;border:1px solid #95d5b2;border-radius:50px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;font-family:Segoe UI,sans-serif;letter-spacing:.5px;padding:8px}.core-control-container .calculated-view i{font-size:18px;width:18px;height:18px;margin-right:8px}.core-control-container .calculated-view span{width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.calculated-tooltip-container{background-color:#fff;border:1px solid #ddd;padding:1rem;border-radius:6px;font-size:14px;color:#333;box-shadow:0 4px 10px #0000000d;max-width:360px}.calculated-tooltip-container .calculated-field-row{margin-bottom:.75rem}.calculated-tooltip-container .label{font-weight:500;color:#555!important;display:inline-block;min-width:140px}.calculated-tooltip-container .value{color:#222!important}.calculated-tooltip-container .warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:13px}.calculated-tooltip-container .code-block{background:#f8f9fa;border:1px solid #ddd;padding:.75rem;font-family:monospace;font-size:12px;white-space:pre-wrap;color:#111!important;border-radius:4px;overflow-x:auto}.calculated-tooltip-container .no-depends{color:#888;font-style:italic}.calculated-tooltip-container pre{overflow:hidden}.calculated-tooltip-container label.required~input:not([disabled]),.calculated-tooltip-container label.required~textarea:not([disabled]),.calculated-tooltip-container label.required~select:not([disabled]){background-color:#ff0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.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$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$4.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: CoreFormArrayComponent, selector: "core-form-array", inputs: ["formArrayName", "parentFormGroup", "formArray", "config", "checkError$", "addNewMode$", "readonly", "disabled"] }, { 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: CoreListComponent, selector: "core-list", inputs: ["title", "height", "options", "placeholder"] }, { kind: "component", type: CoreChecklistComponent, selector: "core-checklist", inputs: ["paramMode", "getByIdObject$", "shownFrom", "options$", "height", "placeholder", "loading", "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: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreFileUploaderComponent, selector: "core-file-uploader", inputs: ["uploadFileType", "fileDataControlName", "fileNameControlName", "fileTypeControlName", "avatarSize", "defaultAvatar", "hidePreview", "verticalMode"] }, { kind: "component", type: CoreAttachmentComponent, selector: "core-attachment", inputs: ["assignTo", "readonly", "valueToShow", "placeholder", "upFlag$", "downFlag$"] }, { kind: "component", type: CoreGridBufferComponent, selector: "core-grid-buffer", inputs: ["padding", "placeholder", "tableHeight", "liteMode", "formSections", "gridColumns"], outputs: ["onBufferFormCreated"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled"] }, { kind: "component", type: CoreOrgTreeComponent, selector: "core-org-tree", inputs: ["lineColor", "fullWidthMode", "accessorMode", "searchMode", "fullRendering", "height", "disabledLoopExpand", "showCheckInheritance", "excludedIds$", "stateIsolated$"], outputs: ["itemDoubleClick", "itemClick"] }, { kind: "component", type: CoreRadioGroupComponent, selector: "core-radio-group", inputs: ["options$", "vertical", "columnCount", "gapY", "defaultValue"] }, { kind: "component", type: CoreMccComponent, selector: "core-mcc", inputs: ["height", "columns", "shownFrom", "apiDefinition", "getByIdApi", "outerParam$", "selectedRow$", "outerFilterOperators", "outerInOperators", "placeholder"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align", "placeholder"], outputs: ["onYearClick"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "component", type: CoreCurrencyInputComponent, selector: "core-currency-input", inputs: ["currencySign", "placeholder"], outputs: ["onLeftFocus"] }, { kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$readOnly", "$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "disabled", "relativeMode"] }, { kind: "component", type: CoreTopicPickerComponent, selector: "core-topic-picker", inputs: ["popupHeight", "getByIdApi"] }, { kind: "component", type: CoreIosSwitcherComponent, selector: "core-ios-switcher", inputs: ["bgColor", "showOnOffText", "width", "height", "readonly"] }, { kind: "component", type: CoreLiquidWysiwygComponent, selector: "core-liquid-wysiwyg", inputs: ["$liquidOptions", "$textareaRows", "$height", "$readonly", "$showLiquidSourceOnly", "$isForWorkflowEmail", "getByIdObject$", "placeholder"] }, { kind: "component", type: CoreStickerCollectionComponent, selector: "core-sticker-collection", inputs: ["$items", "$shownFrom", "$translateShownFrom", "$tooltipFrom", "$initialChecked", "$showMore", "$showMoreTooltip", "$hideShowMoreIfNotSelected", "$enableFilter", "$enableQuickCheck"], outputs: ["$checkedChange", "$onShowMore"] }, { kind: "directive", type: HtmlTooltipDirective, selector: "[htmlTooltip]", inputs: ["htmlTooltip", "tooltipContext", "maxWidthUnset", "color", "backgroundColor", "hold$"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreControlComponent, isStandalone: true, selector: "core-control", inputs: { control: "control", form: "form", checkError$: "checkError$", rangeLimit: "rangeLimit" }, host: { listeners: { "window:click": "onWindowClick()" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-control-container\">\r\n\r\n    <div [formGroup]=\"form\" [class.hidden]=\"!!control.hidden\">\r\n\r\n        @if (!control.headless!) {\r\n            <label [class]=\"'control-label' +  (required ? ' required' : '')\" [attr.for]=\"control.field\"\r\n                [class.d-none]=\"!!control.hidden\"\r\n                [class.avatar-label]=\"control.uploadFileType==='IMAGE_AVATAR'\" [appTooltip]=\"control.tooltip! | translate: lang\" \r\n                [htmlTooltip]=\"control.htmlTooltip!\"\r\n                [backgroundColor]=\"'white'\"\r\n                [ngStyle]=\"{\r\n                    display: 'inline-block'\r\n                }\">\r\n                {{(control.controlType!=='CHECKBOX' && control.controlType!=='BUTTON') ? (control.label | translate: lang) : ''}}\r\n            </label>\r\n\r\n            @if (!!control.hint! && control.controlType !== 'CHECKBOX') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"control.hint!\" [showAnyway]=\"true\" [ngStyle]=\"{\r\n                    display: 'inline-block',\r\n                    marginLeft: '2px'\r\n                }\" [class.d-none]=\"!!control.hidden\"></i>\r\n            }\r\n        }\r\n\r\n        <!-- START: FORM-CONTROL SESSION-->\r\n\r\n        <ng-container>\r\n        @switch (control.controlType) {\r\n            @case (\"FORM_ARRAY\") {\r\n                <core-form-array\r\n                    [formArrayName]=\"control.field!\"\r\n                    [parentFormGroup]=\"form\"\r\n                    [formArray]=\"formArray\"\r\n                    [config]=\"control.formArraySections! ?? []\"\r\n                    [disabled]=\"control.disabled!\"\r\n                    [readonly]=\"control.readonly!\"\r\n                    [addNewMode$]=\"control.addNewMode$!\"\r\n                    [checkError$]=\"checkError$\"\r\n                    >\r\n                </core-form-array>\r\n            }\r\n            @case (\"CALCULATED\") {\r\n                <div class=\"calculated-view\" [htmlTooltip]=\"calculatedControlInfo\" [tooltipContext]=\"{control: control}\" [backgroundColor]=\"'#fff'\">\r\n                    <i class=\"feather-box\"></i><span>{{ control.field! }}</span>\r\n                </div>\r\n            }\r\n            @case (\"TEXTBOX\") {\r\n\r\n                <input *ngIf=\"control.type === 'date'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"date\"\r\n                    useValueAsDate\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'time'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"time\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'number'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"number\"\r\n                    step=\"{{ control.step || 1 }}\"\r\n                    class=\"form-control\"\r\n                    style=\"text-align: right;\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"['string', 'text', 'email', 'url', 'password'].includes(control.type || 'text')\"\r\n                    [formControlName]=\"control.field\"\r\n                    [type]=\"control.type\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n            }\r\n            @case (\"CURRENCY\") {\r\n                <core-currency-input [required]=\"required\" [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-currency-input>\r\n            }\r\n            @case (\"TEXTAREA\") {\r\n                <textarea [rows]=\"control.textareaRows?.toString() || '3'\" [ngStyle]=\"{ height: 'unset' }\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [formControlName]=\"control.field\" class=\"form-control\" [readonly]=\"control.readonly\" [placeholder]=\"control.placeholder! || ''\"></textarea>\r\n            }\r\n            @case (\"CHECKBOX\") {\r\n                <core-checkbox [formControlName]=\"control.field\" [text]=\"control.label\"\r\n                    [inputValue]=\"control.value\" [tooltip]=\"control.hint!\"></core-checkbox>\r\n            }\r\n            @case (\"IOS_SWITCHER\") {\r\n                <div class=\"gap-for-ios-switcher\"></div>\r\n                <core-ios-switcher [formControlName]=\"control.field\" />\r\n            }\r\n            @case (\"MCC\") {\r\n                <core-mcc [required]=\"required\" [formControlName]=\"control.field\" [columns]=\"control.columns!\" [shownFrom]=\"control.shownFrom!\" \r\n                [apiDefinition]=\"control.apiDefinition!\" [getByIdApi]=\"control.getByIdApi!\" [selectedRow$]=\"control.selectedRow$!\"\r\n                [outerParam$]=\"control.outerParam$!\"\r\n                [placeholder]=\"control.placeholder! || ''\"\r\n                ></core-mcc>\r\n            }\r\n            @case (\"DATEPICKER\") {\r\n                <core-date-picker [required]=\"required\" [formControlName]=\"control.field\" [showPlaceholder]=\"control.showPlaceholder!\" [rangeLimit]=\"control.rangeLimit!\" [popupAlign]=\"control.popupAlign!\" [placeholder]=\"control.placeholder! || ''\"></core-date-picker>\r\n            }\r\n\r\n            @case (\"DROPDOWN\") {\r\n                @if (!!control.dropdownOptions$ || !!control.optionApiDriven) {\r\n                    <core-dropdown \r\n                        [required]=\"required\" \r\n                        [formControlName]=\"control.field\" \r\n                        [options$]=\"control.dropdownOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" \r\n                        [shownFrom]=\"control.shownFrom!\" \r\n                        [placeholder]=\"control.placeholder! || ''\"\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                    ></core-dropdown>\r\n                } @else {\r\n                    No dropdownOptions$ | optionApiDriven detected\r\n                }\r\n            }\r\n            @case (\"LIST\") {\r\n                <core-list [required]=\"required\" [formControlName]=\"control.field\" [options]=\"control.listOptions!\" [placeholder]=\"control.placeholder! || ''\"></core-list>\r\n            }\r\n            @case (\"CHECKLIST\") {\r\n                @if (!!control.checklistOptions$) {\r\n                    <core-checklist [required]=\"required\" [formControlName]=\"control.field\" [options$]=\"control.checklistOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\" [placeholder]=\"control.placeholder! || ''\"></core-checklist>\r\n                }\r\n            }\r\n            @case (\"FILEUPLOADER\") {\r\n                @if (!!control.uploadFileType) {\r\n                    <core-file-uploader [required]=\"required\" [formControlName]=\"control.field\" [uploadFileType]=\"control.uploadFileType\"\r\n                        [fileDataControlName]=\"control.fileDataControlName!\"\r\n                        [fileNameControlName]=\"control.fileNameControlName!\"\r\n                        [fileTypeControlName]=\"control.fileTypeControlName!\"\r\n                        [verticalMode]=\"control.verticalMode!\"></core-file-uploader>\r\n                } @else {\r\n                    <div class=\"dev-declaration\">Please add uploadFileType</div>\r\n                }\r\n            }\r\n            @case (\"ATTACHMENT\") {\r\n                <core-attachment ngDefaultControl [required]=\"required\" [formControlName]=\"control.field\" [assignTo]=\"control.assignTo!\"\r\n                    [valueToShow]=\"control.valueToShow!\" [placeholder]=\"control.placeholder! || ''\"></core-attachment>\r\n            }\r\n            @case (\"GRIDBUFFER\") {\r\n                @if (!!control.gridBufferFormSections && !!control.gridBufferTableColumns) {\r\n                    <core-grid-buffer [required]=\"required\" [formControlName]=\"control.field\" [formSections]=\"control.gridBufferFormSections\"\r\n                        [gridColumns]=\"control.gridBufferTableColumns\"\r\n                        [placeholder]=\"control.placeholder! || ''\"\r\n                        [tableHeight]=\"control.tableHeight ?? 300\"\r\n                        [liteMode]=\"control.liteMode ?? false\"\r\n                        (onBufferFormCreated)=\"!!control.onBufferFormCreated ? control.onBufferFormCreated($event) : null\"></core-grid-buffer>\r\n                }\r\n            }\r\n            @case (\"ORGTREECHECK\") {\r\n                <core-org-tree [required]=\"required\" [formControlName]=\"control.field\"\r\n                    [accessorMode]=\"coreOrgTreeDefaultAccessorMode\" [height]=\"control.height!\"></core-org-tree>\r\n            }\r\n            @case (\"RADIOGROUP\") {\r\n                <core-radio-group [required]=\"required\" [formControlName]=\"control.field\"\r\n                    [options$]=\"control.radioGroupOptions$!\"\r\n                    [vertical]=\"control.verticalMode!\"\r\n                    ></core-radio-group>\r\n            }\r\n            @case (\"MONTHSELECTOR\") {\r\n                <core-month-selector [required]=\"required\" [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-month-selector>\r\n            }\r\n            @case (\"SHIFTCELL\") {\r\n                <core-shift-cell [formControlName]=\"control.field\"></core-shift-cell>\r\n            }\r\n            @case (\"SHIFTCOLLECTION\") {\r\n                <core-shift-collection [relativeMode]=\"true\" [height]=\"control.height || 800\"></core-shift-collection>\r\n            }\r\n            @case(\"TOPICPICKER\") {\r\n                <core-topic-picker [required]=\"required\" [formControlName]=\"control.field\" [popupHeight]=\"control.popupHeight!\" [getByIdApi]=\"control.getByIdApi!\"></core-topic-picker>\r\n            }\r\n            @case(\"STICKER_COLLECTION\") {\r\n                  <core-sticker-collection\r\n                    [formControlName]=\"control.field\"\r\n                    [required]=\"required\"\r\n                    [$items]=\"control.stickerCollectionItems!\"\r\n                    [$shownFrom]=\"control.stickerCollectionShownFrom!\"\r\n                    [$tooltipFrom]=\"control.stickerCollectionTooltipFrom!\"\r\n                    [$initialChecked]=\"control.stickerCollectionInitialChecked!\"\r\n                    >\r\n                </core-sticker-collection>\r\n            }\r\n            @case (\"DOM_DECISION_EDITOR\") {\r\n                <core-dom-decision-editor />\r\n            }\r\n            @case (\"SEEKER\") {\r\n                @switch(control.seekerSourceType) {\r\n                    @case(\"JOB_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"EMPLOYEE_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"CONTRACT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" [boundFrom]=\"control.boundFrom!\"\r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\" \r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [shownFrom]=\"control.shownFrom!\"\r\n                            [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WORKING_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WAGE_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [formControlName]=\"control.field\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [seekerVerifyIgnore]=\"control.seekerVerifyIgnore!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_CONCURRENT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"FORM_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"ORGANIZATION_UNIT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [formControlName]=\"control.field\" [seekerSourceType]=\"control.seekerSourceType!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [alsoBindTo]=\"control.alsoBindTo!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                }\r\n            }\r\n            @case (\"LIQUID_WYSIWYG\") {\r\n                <core-liquid-wysiwyg\r\n                    [formControlName]=\"control.field\"\r\n                    [getByIdObject$]=\"control.getByIdObject$!\"\r\n                    [placeholder]=\"control.placeholder! || ''\"\r\n                    [$liquidOptions]=\"control.liquidOptions!\"\r\n                    [$textareaRows]=\"control.textareaRows!\"\r\n                    [$showLiquidSourceOnly]=\"control.showLiquidSourceOnly!\"\r\n                    [$isForWorkflowEmail]=\"control.isForWorkflowEmail!\"\r\n                />\r\n            }\r\n        }\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"control.controlType==='BUTTON'\">\r\n            <button type=\"button\" class=\"btn btn-secondary text\" (click)=\"oHandleClick($event)\">{{control.label| translate: lang}}</button>\r\n        </ng-container>\r\n        <!-- END: FORM-CONTROL SESSION-->\r\n\r\n        <!-- START: ERROR SESSION-->\r\n        <div *ngIf=\"!!errors!.length\">\r\n            <div class=\"form-control-error\" *ngFor=\"let error of errors\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!!!errors!.length && !!checkError$.value\">\r\n            <div>\r\n                {{ '&nbsp;' }}\r\n            </div>\r\n        </div>\r\n        <!-- END: ERROR SESSION-->\r\n\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<ng-template #calculatedControlInfo let-control=\"control\">\r\n    <div class=\"calculated-tooltip-container\">\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Name:</span>\r\n        <span class=\"value\">{{ control?.field || 'N/A' }}</span>\r\n        </div>        \r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Evaluation Mode:</span>\r\n        <span class=\"value\">{{ control?.evaluationMode || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Return Type:</span>\r\n        <span class=\"value\">{{ control?.returnType || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Depends On:</span>\r\n        <span class=\"value\" *ngIf=\"control?.dependsOn?.length > 0; else noDepends\">\r\n            <code *ngFor=\"let dep of control?.dependsOn; let last = last\">{{ dep }}<span *ngIf=\"!last\">, </span></code>\r\n        </span>\r\n        <ng-template #noDepends><em class=\"no-depends\">None</em></ng-template>\r\n        </div>\r\n        <div *ngIf=\"!!control?.isUnsafe\" class=\"warning\">\r\n        \u26A0\uFE0F This script is marked as <strong>unsafe</strong> and will not be executed.\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Script:</span>\r\n        <pre class=\"code-block\">{{ control?.script || 'No script provided.' }}</pre>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".core-control-container{font-size:var(--typo-basic-font-size)!important}.core-control-container .control-label{color:#848484}.core-control-container>div.hidden{display:none}.core-control-container label{color:#464646}.core-control-container label.required:after{content:\"*\";color:#ff040b}.core-control-container label.avatar-label{width:var(--size-file-uploader);display:flex;align-items:center;justify-content:center}.core-control-container input[type=number]{padding-right:12px;position:relative}.core-control-container input[type=number]::-webkit-inner-spin-button{position:absolute;right:.3em;margin-left:.5em}.core-control-container input[type=number]{-moz-appearance:textfield}.core-control-container i.feather-help-circle{color:#848484}.core-control-container .gap-for-ios-switcher{height:5px}.core-control-container .calculated-view{-webkit-user-select:none;user-select:none;cursor:pointer;height:35px;width:160px;background-color:#d8f3dc;color:#1b4332;border:1px solid #95d5b2;border-radius:50px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;font-family:Segoe UI,sans-serif;letter-spacing:.5px;padding:8px}.core-control-container .calculated-view i{font-size:18px;width:18px;height:18px;margin-right:8px}.core-control-container .calculated-view span{width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.calculated-tooltip-container{background-color:#fff;border:1px solid #ddd;padding:1rem;border-radius:6px;font-size:14px;color:#333;box-shadow:0 4px 10px #0000000d;max-width:360px}.calculated-tooltip-container .calculated-field-row{margin-bottom:.75rem}.calculated-tooltip-container .label{font-weight:500;color:#555!important;display:inline-block;min-width:140px}.calculated-tooltip-container .value{color:#222!important}.calculated-tooltip-container .warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:13px}.calculated-tooltip-container .code-block{background:#f8f9fa;border:1px solid #ddd;padding:.75rem;font-family:monospace;font-size:12px;white-space:pre-wrap;color:#111!important;border-radius:4px;overflow-x:auto}.calculated-tooltip-container .no-depends{color:#888;font-style:italic}.calculated-tooltip-container pre{overflow:hidden}.calculated-tooltip-container label.required~input:not([disabled]),.calculated-tooltip-container label.required~textarea:not([disabled]),.calculated-tooltip-container label.required~select:not([disabled]){background-color:#ff0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.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$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$4.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: CoreFormArrayComponent, selector: "core-form-array", inputs: ["formArrayName", "parentFormGroup", "formArray", "config", "checkError$", "addNewMode$", "readonly", "disabled"] }, { 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: CoreListComponent, selector: "core-list", inputs: ["title", "height", "options", "placeholder"] }, { kind: "component", type: CoreChecklistComponent, selector: "core-checklist", inputs: ["paramMode", "getByIdObject$", "shownFrom", "options$", "height", "placeholder", "loading", "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: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreFileUploaderComponent, selector: "core-file-uploader", inputs: ["uploadFileType", "fileDataControlName", "fileNameControlName", "fileTypeControlName", "avatarSize", "defaultAvatar", "hidePreview", "verticalMode"] }, { kind: "component", type: CoreAttachmentComponent, selector: "core-attachment", inputs: ["assignTo", "readonly", "valueToShow", "placeholder", "upFlag$", "downFlag$"] }, { kind: "component", type: CoreGridBufferComponent, selector: "core-grid-buffer", inputs: ["padding", "placeholder", "tableHeight", "liteMode", "formSections", "gridColumns"], outputs: ["onBufferFormCreated"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled"] }, { kind: "component", type: CoreOrgTreeComponent, selector: "core-org-tree", inputs: ["lineColor", "fullWidthMode", "accessorMode", "searchMode", "fullRendering", "height", "disabledLoopExpand", "showCheckInheritance", "excludedIds$", "stateIsolated$"], outputs: ["itemDoubleClick", "itemClick"] }, { kind: "component", type: CoreRadioGroupComponent, selector: "core-radio-group", inputs: ["options$", "vertical", "columnCount", "gapY", "defaultValue"] }, { kind: "component", type: CoreMccComponent, selector: "core-mcc", inputs: ["height", "columns", "shownFrom", "apiDefinition", "getByIdApi", "outerParam$", "selectedRow$", "outerFilterOperators", "outerInOperators", "placeholder"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align", "placeholder"], outputs: ["onYearClick"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "component", type: CoreCurrencyInputComponent, selector: "core-currency-input", inputs: ["currencySign", "placeholder"], outputs: ["onLeftFocus"] }, { kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$readOnly", "$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "disabled", "relativeMode"] }, { kind: "component", type: CoreTopicPickerComponent, selector: "core-topic-picker", inputs: ["popupHeight", "getByIdApi"] }, { kind: "component", type: CoreIosSwitcherComponent, selector: "core-ios-switcher", inputs: ["bgColor", "showOnOffText", "width", "height", "readonly"] }, { kind: "component", type: CoreLiquidWysiwygComponent, selector: "core-liquid-wysiwyg", inputs: ["$liquidOptions", "$textareaRows", "$height", "$readonly", "$showLiquidSourceOnly", "$isForWorkflowEmail", "getByIdObject$", "placeholder"] }, { kind: "component", type: CoreStickerCollectionComponent, selector: "core-sticker-collection", inputs: ["$items", "$shownFrom", "$translateShownFrom", "$tooltipFrom", "$initialChecked", "$showMore", "$showMoreTooltip", "$hideShowMoreIfNotSelected", "$enableFilter", "$enableQuickCheck"], outputs: ["$checkedChange", "$onShowMore"] }, { kind: "component", type: CoreDomDecisionEditorComponent, selector: "core-dom-decision-editor" }, { kind: "directive", type: HtmlTooltipDirective, selector: "[htmlTooltip]", inputs: ["htmlTooltip", "tooltipContext", "maxWidthUnset", "color", "backgroundColor", "hold$"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreControlComponent, decorators: [{
             type: Component,
@@ -27326,8 +28404,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         CoreIosSwitcherComponent,
                         CoreLiquidWysiwygComponent,
                         CoreStickerCollectionComponent,
+                        CoreDomDecisionEditorComponent,
                         HtmlTooltipDirective
-                    ], template: "<div class=\"core-control-container\">\r\n\r\n    <div [formGroup]=\"form\" [class.hidden]=\"!!control.hidden\">\r\n\r\n        @if (!control.headless!) {\r\n            <label [class]=\"'control-label' +  (required ? ' required' : '')\" [attr.for]=\"control.field\"\r\n                [class.d-none]=\"!!control.hidden\"\r\n                [class.avatar-label]=\"control.uploadFileType==='IMAGE_AVATAR'\" [appTooltip]=\"control.tooltip! | translate: lang\" \r\n                [htmlTooltip]=\"control.htmlTooltip!\"\r\n                [backgroundColor]=\"'white'\"\r\n                [ngStyle]=\"{\r\n                    display: 'inline-block'\r\n                }\">\r\n                {{(control.controlType!=='CHECKBOX' && control.controlType!=='BUTTON') ? (control.label | translate: lang) : ''}}\r\n            </label>\r\n\r\n            @if (!!control.hint! && control.controlType !== 'CHECKBOX') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"control.hint!\" [showAnyway]=\"true\" [ngStyle]=\"{\r\n                    display: 'inline-block',\r\n                    marginLeft: '2px'\r\n                }\" [class.d-none]=\"!!control.hidden\"></i>\r\n            }\r\n        }\r\n\r\n        <!-- START: FORM-CONTROL SESSION-->\r\n\r\n        <ng-container>\r\n        @switch (control.controlType) {\r\n            @case (\"FORM_ARRAY\") {\r\n                <core-form-array\r\n                    [formArrayName]=\"control.field!\"\r\n                    [parentFormGroup]=\"form\"\r\n                    [formArray]=\"formArray\"\r\n                    [config]=\"control.formArraySections! ?? []\"\r\n                    [disabled]=\"control.disabled!\"\r\n                    [readonly]=\"control.readonly!\"\r\n                    [addNewMode$]=\"control.addNewMode$!\"\r\n                    [checkError$]=\"checkError$\"\r\n                    >\r\n                </core-form-array>\r\n            }\r\n            @case (\"CALCULATED\") {\r\n                <div class=\"calculated-view\" [htmlTooltip]=\"calculatedControlInfo\" [tooltipContext]=\"{control: control}\" [backgroundColor]=\"'#fff'\">\r\n                    <i class=\"feather-box\"></i><span>{{ control.field! }}</span>\r\n                </div>\r\n            }\r\n            @case (\"TEXTBOX\") {\r\n\r\n                <input *ngIf=\"control.type === 'date'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"date\"\r\n                    useValueAsDate\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'time'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"time\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'number'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"number\"\r\n                    step=\"{{ control.step || 1 }}\"\r\n                    class=\"form-control\"\r\n                    style=\"text-align: right;\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"['string', 'text', 'email', 'url', 'password'].includes(control.type || 'text')\"\r\n                    [formControlName]=\"control.field\"\r\n                    [type]=\"control.type\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n            }\r\n            @case (\"CURRENCY\") {\r\n                <core-currency-input [required]=\"required\" [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-currency-input>\r\n            }\r\n            @case (\"TEXTAREA\") {\r\n                <textarea [rows]=\"control.textareaRows?.toString() || '3'\" [ngStyle]=\"{ height: 'unset' }\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [formControlName]=\"control.field\" class=\"form-control\" [readonly]=\"control.readonly\" [placeholder]=\"control.placeholder! || ''\"></textarea>\r\n            }\r\n            @case (\"CHECKBOX\") {\r\n                <core-checkbox [formControlName]=\"control.field\" [text]=\"control.label\"\r\n                    [inputValue]=\"control.value\" [tooltip]=\"control.hint!\"></core-checkbox>\r\n            }\r\n            @case (\"IOS_SWITCHER\") {\r\n                <div class=\"gap-for-ios-switcher\"></div>\r\n                <core-ios-switcher [formControlName]=\"control.field\" />\r\n            }\r\n            @case (\"MCC\") {\r\n                <core-mcc [required]=\"required\" [formControlName]=\"control.field\" [columns]=\"control.columns!\" [shownFrom]=\"control.shownFrom!\" \r\n                [apiDefinition]=\"control.apiDefinition!\" [getByIdApi]=\"control.getByIdApi!\" [selectedRow$]=\"control.selectedRow$!\"\r\n                [outerParam$]=\"control.outerParam$!\"\r\n                [placeholder]=\"control.placeholder! || ''\"\r\n                ></core-mcc>\r\n            }\r\n            @case (\"DATEPICKER\") {\r\n                <core-date-picker [required]=\"required\" [formControlName]=\"control.field\" [showPlaceholder]=\"control.showPlaceholder!\" [rangeLimit]=\"control.rangeLimit!\" [popupAlign]=\"control.popupAlign!\" [placeholder]=\"control.placeholder! || ''\"></core-date-picker>\r\n            }\r\n\r\n            @case (\"DROPDOWN\") {\r\n                @if (!!control.dropdownOptions$ || !!control.optionApiDriven) {\r\n                    <core-dropdown \r\n                        [required]=\"required\" \r\n                        [formControlName]=\"control.field\" \r\n                        [options$]=\"control.dropdownOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" \r\n                        [shownFrom]=\"control.shownFrom!\" \r\n                        [placeholder]=\"control.placeholder! || ''\"\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                    ></core-dropdown>\r\n                } @else {\r\n                    No dropdownOptions$ | optionApiDriven detected\r\n                }\r\n            }\r\n            @case (\"LIST\") {\r\n                <core-list [required]=\"required\" [formControlName]=\"control.field\" [options]=\"control.listOptions!\" [placeholder]=\"control.placeholder! || ''\"></core-list>\r\n            }\r\n            @case (\"CHECKLIST\") {\r\n                @if (!!control.checklistOptions$) {\r\n                    <core-checklist [required]=\"required\" [formControlName]=\"control.field\" [options$]=\"control.checklistOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\" [placeholder]=\"control.placeholder! || ''\"></core-checklist>\r\n                }\r\n            }\r\n            @case (\"FILEUPLOADER\") {\r\n                @if (!!control.uploadFileType) {\r\n                    <core-file-uploader [required]=\"required\" [formControlName]=\"control.field\" [uploadFileType]=\"control.uploadFileType\"\r\n                        [fileDataControlName]=\"control.fileDataControlName!\"\r\n                        [fileNameControlName]=\"control.fileNameControlName!\"\r\n                        [fileTypeControlName]=\"control.fileTypeControlName!\"\r\n                        [verticalMode]=\"control.verticalMode!\"></core-file-uploader>\r\n                } @else {\r\n                    <div class=\"dev-declaration\">Please add uploadFileType</div>\r\n                }\r\n            }\r\n            @case (\"ATTACHMENT\") {\r\n                <core-attachment ngDefaultControl [required]=\"required\" [formControlName]=\"control.field\" [assignTo]=\"control.assignTo!\"\r\n                    [valueToShow]=\"control.valueToShow!\" [placeholder]=\"control.placeholder! || ''\"></core-attachment>\r\n            }\r\n            @case (\"GRIDBUFFER\") {\r\n                @if (!!control.gridBufferFormSections && !!control.gridBufferTableColumns) {\r\n                    <core-grid-buffer [required]=\"required\" [formControlName]=\"control.field\" [formSections]=\"control.gridBufferFormSections\"\r\n                        [gridColumns]=\"control.gridBufferTableColumns\"\r\n                        [placeholder]=\"control.placeholder! || ''\"\r\n                        [tableHeight]=\"control.tableHeight ?? 300\"\r\n                        [liteMode]=\"control.liteMode ?? false\"\r\n                        (onBufferFormCreated)=\"!!control.onBufferFormCreated ? control.onBufferFormCreated($event) : null\"></core-grid-buffer>\r\n                }\r\n            }\r\n            @case (\"ORGTREECHECK\") {\r\n                <core-org-tree [required]=\"required\" [formControlName]=\"control.field\"\r\n                    [accessorMode]=\"coreOrgTreeDefaultAccessorMode\" [height]=\"control.height!\"></core-org-tree>\r\n            }\r\n            @case (\"RADIOGROUP\") {\r\n                <core-radio-group [required]=\"required\" [formControlName]=\"control.field\"\r\n                    [options$]=\"control.radioGroupOptions$!\"\r\n                    [vertical]=\"control.verticalMode!\"\r\n                    ></core-radio-group>\r\n            }\r\n            @case (\"MONTHSELECTOR\") {\r\n                <core-month-selector [required]=\"required\" [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-month-selector>\r\n            }\r\n            @case (\"SHIFTCELL\") {\r\n                <core-shift-cell [formControlName]=\"control.field\"></core-shift-cell>\r\n            }\r\n            @case (\"SHIFTCOLLECTION\") {\r\n                <core-shift-collection [relativeMode]=\"true\" [height]=\"control.height || 800\"></core-shift-collection>\r\n            }\r\n            @case(\"TOPICPICKER\") {\r\n                <core-topic-picker [required]=\"required\" [formControlName]=\"control.field\" [popupHeight]=\"control.popupHeight!\" [getByIdApi]=\"control.getByIdApi!\"></core-topic-picker>\r\n            }\r\n            @case(\"STICKER_COLLECTION\") {\r\n                  <core-sticker-collection\r\n                    [formControlName]=\"control.field\"\r\n                    [required]=\"required\"\r\n                    [$items]=\"control.stickerCollectionItems!\"\r\n                    [$shownFrom]=\"control.stickerCollectionShownFrom!\"\r\n                    [$tooltipFrom]=\"control.stickerCollectionTooltipFrom!\"\r\n                    [$initialChecked]=\"control.stickerCollectionInitialChecked!\"\r\n                    >\r\n                </core-sticker-collection>\r\n            }\r\n            @case (\"SEEKER\") {\r\n                @switch(control.seekerSourceType) {\r\n                    @case(\"JOB_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"EMPLOYEE_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"CONTRACT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" [boundFrom]=\"control.boundFrom!\"\r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\" \r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [shownFrom]=\"control.shownFrom!\"\r\n                            [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WORKING_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WAGE_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [formControlName]=\"control.field\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [seekerVerifyIgnore]=\"control.seekerVerifyIgnore!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_CONCURRENT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"FORM_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"ORGANIZATION_UNIT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [formControlName]=\"control.field\" [seekerSourceType]=\"control.seekerSourceType!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [alsoBindTo]=\"control.alsoBindTo!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                }\r\n            }\r\n            @case (\"LIQUID_WYSIWYG\") {\r\n                <core-liquid-wysiwyg\r\n                    [formControlName]=\"control.field\"\r\n                    [getByIdObject$]=\"control.getByIdObject$!\"\r\n                    [placeholder]=\"control.placeholder! || ''\"\r\n                    [$liquidOptions]=\"control.liquidOptions!\"\r\n                    [$textareaRows]=\"control.textareaRows!\"\r\n                    [$showLiquidSourceOnly]=\"control.showLiquidSourceOnly!\"\r\n                    [$isForWorkflowEmail]=\"control.isForWorkflowEmail!\"\r\n                />\r\n            }\r\n        }\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"control.controlType==='BUTTON'\">\r\n            <button type=\"button\" class=\"btn btn-secondary text\" (click)=\"oHandleClick($event)\">{{control.label| translate: lang}}</button>\r\n        </ng-container>\r\n        <!-- END: FORM-CONTROL SESSION-->\r\n\r\n        <!-- START: ERROR SESSION-->\r\n        <div *ngIf=\"!!errors!.length\">\r\n            <div class=\"form-control-error\" *ngFor=\"let error of errors\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!!!errors!.length && !!checkError$.value\">\r\n            <div>\r\n                {{ '&nbsp;' }}\r\n            </div>\r\n        </div>\r\n        <!-- END: ERROR SESSION-->\r\n\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<ng-template #calculatedControlInfo let-control=\"control\">\r\n    <div class=\"calculated-tooltip-container\">\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Name:</span>\r\n        <span class=\"value\">{{ control?.field || 'N/A' }}</span>\r\n        </div>        \r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Evaluation Mode:</span>\r\n        <span class=\"value\">{{ control?.evaluationMode || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Return Type:</span>\r\n        <span class=\"value\">{{ control?.returnType || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Depends On:</span>\r\n        <span class=\"value\" *ngIf=\"control?.dependsOn?.length > 0; else noDepends\">\r\n            <code *ngFor=\"let dep of control?.dependsOn; let last = last\">{{ dep }}<span *ngIf=\"!last\">, </span></code>\r\n        </span>\r\n        <ng-template #noDepends><em class=\"no-depends\">None</em></ng-template>\r\n        </div>\r\n        <div *ngIf=\"!!control?.isUnsafe\" class=\"warning\">\r\n        \u26A0\uFE0F This script is marked as <strong>unsafe</strong> and will not be executed.\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Script:</span>\r\n        <pre class=\"code-block\">{{ control?.script || 'No script provided.' }}</pre>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".core-control-container{font-size:var(--typo-basic-font-size)!important}.core-control-container .control-label{color:#848484}.core-control-container>div.hidden{display:none}.core-control-container label{color:#464646}.core-control-container label.required:after{content:\"*\";color:#ff040b}.core-control-container label.avatar-label{width:var(--size-file-uploader);display:flex;align-items:center;justify-content:center}.core-control-container input[type=number]{padding-right:12px;position:relative}.core-control-container input[type=number]::-webkit-inner-spin-button{position:absolute;right:.3em;margin-left:.5em}.core-control-container input[type=number]{-moz-appearance:textfield}.core-control-container i.feather-help-circle{color:#848484}.core-control-container .gap-for-ios-switcher{height:5px}.core-control-container .calculated-view{-webkit-user-select:none;user-select:none;cursor:pointer;height:35px;width:160px;background-color:#d8f3dc;color:#1b4332;border:1px solid #95d5b2;border-radius:50px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;font-family:Segoe UI,sans-serif;letter-spacing:.5px;padding:8px}.core-control-container .calculated-view i{font-size:18px;width:18px;height:18px;margin-right:8px}.core-control-container .calculated-view span{width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.calculated-tooltip-container{background-color:#fff;border:1px solid #ddd;padding:1rem;border-radius:6px;font-size:14px;color:#333;box-shadow:0 4px 10px #0000000d;max-width:360px}.calculated-tooltip-container .calculated-field-row{margin-bottom:.75rem}.calculated-tooltip-container .label{font-weight:500;color:#555!important;display:inline-block;min-width:140px}.calculated-tooltip-container .value{color:#222!important}.calculated-tooltip-container .warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:13px}.calculated-tooltip-container .code-block{background:#f8f9fa;border:1px solid #ddd;padding:.75rem;font-family:monospace;font-size:12px;white-space:pre-wrap;color:#111!important;border-radius:4px;overflow-x:auto}.calculated-tooltip-container .no-depends{color:#888;font-style:italic}.calculated-tooltip-container pre{overflow:hidden}.calculated-tooltip-container label.required~input:not([disabled]),.calculated-tooltip-container label.required~textarea:not([disabled]),.calculated-tooltip-container label.required~select:not([disabled]){background-color:#ff0!important}\n"] }]
+                    ], template: "<div class=\"core-control-container\">\r\n\r\n    <div [formGroup]=\"form\" [class.hidden]=\"!!control.hidden\">\r\n\r\n        @if (!control.headless!) {\r\n            <label [class]=\"'control-label' +  (required ? ' required' : '')\" [attr.for]=\"control.field\"\r\n                [class.d-none]=\"!!control.hidden\"\r\n                [class.avatar-label]=\"control.uploadFileType==='IMAGE_AVATAR'\" [appTooltip]=\"control.tooltip! | translate: lang\" \r\n                [htmlTooltip]=\"control.htmlTooltip!\"\r\n                [backgroundColor]=\"'white'\"\r\n                [ngStyle]=\"{\r\n                    display: 'inline-block'\r\n                }\">\r\n                {{(control.controlType!=='CHECKBOX' && control.controlType!=='BUTTON') ? (control.label | translate: lang) : ''}}\r\n            </label>\r\n\r\n            @if (!!control.hint! && control.controlType !== 'CHECKBOX') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"control.hint!\" [showAnyway]=\"true\" [ngStyle]=\"{\r\n                    display: 'inline-block',\r\n                    marginLeft: '2px'\r\n                }\" [class.d-none]=\"!!control.hidden\"></i>\r\n            }\r\n        }\r\n\r\n        <!-- START: FORM-CONTROL SESSION-->\r\n\r\n        <ng-container>\r\n        @switch (control.controlType) {\r\n            @case (\"FORM_ARRAY\") {\r\n                <core-form-array\r\n                    [formArrayName]=\"control.field!\"\r\n                    [parentFormGroup]=\"form\"\r\n                    [formArray]=\"formArray\"\r\n                    [config]=\"control.formArraySections! ?? []\"\r\n                    [disabled]=\"control.disabled!\"\r\n                    [readonly]=\"control.readonly!\"\r\n                    [addNewMode$]=\"control.addNewMode$!\"\r\n                    [checkError$]=\"checkError$\"\r\n                    >\r\n                </core-form-array>\r\n            }\r\n            @case (\"CALCULATED\") {\r\n                <div class=\"calculated-view\" [htmlTooltip]=\"calculatedControlInfo\" [tooltipContext]=\"{control: control}\" [backgroundColor]=\"'#fff'\">\r\n                    <i class=\"feather-box\"></i><span>{{ control.field! }}</span>\r\n                </div>\r\n            }\r\n            @case (\"TEXTBOX\") {\r\n\r\n                <input *ngIf=\"control.type === 'date'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"date\"\r\n                    useValueAsDate\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'time'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"time\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"control.type === 'number'\"\r\n                    [formControlName]=\"control.field\"\r\n                    type=\"number\"\r\n                    step=\"{{ control.step || 1 }}\"\r\n                    class=\"form-control\"\r\n                    style=\"text-align: right;\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n              \r\n                <input *ngIf=\"['string', 'text', 'email', 'url', 'password'].includes(control.type || 'text')\"\r\n                    [formControlName]=\"control.field\"\r\n                    [type]=\"control.type\"\r\n                    class=\"form-control\"\r\n                    [readonly]=\"control.readonly\"\r\n                    [placeholder]=\"control.placeholder || ''\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\"\r\n                    [attr.pattern]=\"getPattern(control) || null\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [class.form-control-disabled]=\"!!control.disabled\" />\r\n            }\r\n            @case (\"CURRENCY\") {\r\n                <core-currency-input [required]=\"required\" [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-currency-input>\r\n            }\r\n            @case (\"TEXTAREA\") {\r\n                <textarea [rows]=\"control.textareaRows?.toString() || '3'\" [ngStyle]=\"{ height: 'unset' }\"\r\n                    [class.required-highlight]=\"!!required\"\r\n                    [formControlName]=\"control.field\" class=\"form-control\" [readonly]=\"control.readonly\" [placeholder]=\"control.placeholder! || ''\"></textarea>\r\n            }\r\n            @case (\"CHECKBOX\") {\r\n                <core-checkbox [formControlName]=\"control.field\" [text]=\"control.label\"\r\n                    [inputValue]=\"control.value\" [tooltip]=\"control.hint!\"></core-checkbox>\r\n            }\r\n            @case (\"IOS_SWITCHER\") {\r\n                <div class=\"gap-for-ios-switcher\"></div>\r\n                <core-ios-switcher [formControlName]=\"control.field\" />\r\n            }\r\n            @case (\"MCC\") {\r\n                <core-mcc [required]=\"required\" [formControlName]=\"control.field\" [columns]=\"control.columns!\" [shownFrom]=\"control.shownFrom!\" \r\n                [apiDefinition]=\"control.apiDefinition!\" [getByIdApi]=\"control.getByIdApi!\" [selectedRow$]=\"control.selectedRow$!\"\r\n                [outerParam$]=\"control.outerParam$!\"\r\n                [placeholder]=\"control.placeholder! || ''\"\r\n                ></core-mcc>\r\n            }\r\n            @case (\"DATEPICKER\") {\r\n                <core-date-picker [required]=\"required\" [formControlName]=\"control.field\" [showPlaceholder]=\"control.showPlaceholder!\" [rangeLimit]=\"control.rangeLimit!\" [popupAlign]=\"control.popupAlign!\" [placeholder]=\"control.placeholder! || ''\"></core-date-picker>\r\n            }\r\n\r\n            @case (\"DROPDOWN\") {\r\n                @if (!!control.dropdownOptions$ || !!control.optionApiDriven) {\r\n                    <core-dropdown \r\n                        [required]=\"required\" \r\n                        [formControlName]=\"control.field\" \r\n                        [options$]=\"control.dropdownOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" \r\n                        [shownFrom]=\"control.shownFrom!\" \r\n                        [placeholder]=\"control.placeholder! || ''\"\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                    ></core-dropdown>\r\n                } @else {\r\n                    No dropdownOptions$ | optionApiDriven detected\r\n                }\r\n            }\r\n            @case (\"LIST\") {\r\n                <core-list [required]=\"required\" [formControlName]=\"control.field\" [options]=\"control.listOptions!\" [placeholder]=\"control.placeholder! || ''\"></core-list>\r\n            }\r\n            @case (\"CHECKLIST\") {\r\n                @if (!!control.checklistOptions$) {\r\n                    <core-checklist [required]=\"required\" [formControlName]=\"control.field\" [options$]=\"control.checklistOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\" [placeholder]=\"control.placeholder! || ''\"></core-checklist>\r\n                }\r\n            }\r\n            @case (\"FILEUPLOADER\") {\r\n                @if (!!control.uploadFileType) {\r\n                    <core-file-uploader [required]=\"required\" [formControlName]=\"control.field\" [uploadFileType]=\"control.uploadFileType\"\r\n                        [fileDataControlName]=\"control.fileDataControlName!\"\r\n                        [fileNameControlName]=\"control.fileNameControlName!\"\r\n                        [fileTypeControlName]=\"control.fileTypeControlName!\"\r\n                        [verticalMode]=\"control.verticalMode!\"></core-file-uploader>\r\n                } @else {\r\n                    <div class=\"dev-declaration\">Please add uploadFileType</div>\r\n                }\r\n            }\r\n            @case (\"ATTACHMENT\") {\r\n                <core-attachment ngDefaultControl [required]=\"required\" [formControlName]=\"control.field\" [assignTo]=\"control.assignTo!\"\r\n                    [valueToShow]=\"control.valueToShow!\" [placeholder]=\"control.placeholder! || ''\"></core-attachment>\r\n            }\r\n            @case (\"GRIDBUFFER\") {\r\n                @if (!!control.gridBufferFormSections && !!control.gridBufferTableColumns) {\r\n                    <core-grid-buffer [required]=\"required\" [formControlName]=\"control.field\" [formSections]=\"control.gridBufferFormSections\"\r\n                        [gridColumns]=\"control.gridBufferTableColumns\"\r\n                        [placeholder]=\"control.placeholder! || ''\"\r\n                        [tableHeight]=\"control.tableHeight ?? 300\"\r\n                        [liteMode]=\"control.liteMode ?? false\"\r\n                        (onBufferFormCreated)=\"!!control.onBufferFormCreated ? control.onBufferFormCreated($event) : null\"></core-grid-buffer>\r\n                }\r\n            }\r\n            @case (\"ORGTREECHECK\") {\r\n                <core-org-tree [required]=\"required\" [formControlName]=\"control.field\"\r\n                    [accessorMode]=\"coreOrgTreeDefaultAccessorMode\" [height]=\"control.height!\"></core-org-tree>\r\n            }\r\n            @case (\"RADIOGROUP\") {\r\n                <core-radio-group [required]=\"required\" [formControlName]=\"control.field\"\r\n                    [options$]=\"control.radioGroupOptions$!\"\r\n                    [vertical]=\"control.verticalMode!\"\r\n                    ></core-radio-group>\r\n            }\r\n            @case (\"MONTHSELECTOR\") {\r\n                <core-month-selector [required]=\"required\" [formControlName]=\"control.field\" [placeholder]=\"control.placeholder! || ''\"></core-month-selector>\r\n            }\r\n            @case (\"SHIFTCELL\") {\r\n                <core-shift-cell [formControlName]=\"control.field\"></core-shift-cell>\r\n            }\r\n            @case (\"SHIFTCOLLECTION\") {\r\n                <core-shift-collection [relativeMode]=\"true\" [height]=\"control.height || 800\"></core-shift-collection>\r\n            }\r\n            @case(\"TOPICPICKER\") {\r\n                <core-topic-picker [required]=\"required\" [formControlName]=\"control.field\" [popupHeight]=\"control.popupHeight!\" [getByIdApi]=\"control.getByIdApi!\"></core-topic-picker>\r\n            }\r\n            @case(\"STICKER_COLLECTION\") {\r\n                  <core-sticker-collection\r\n                    [formControlName]=\"control.field\"\r\n                    [required]=\"required\"\r\n                    [$items]=\"control.stickerCollectionItems!\"\r\n                    [$shownFrom]=\"control.stickerCollectionShownFrom!\"\r\n                    [$tooltipFrom]=\"control.stickerCollectionTooltipFrom!\"\r\n                    [$initialChecked]=\"control.stickerCollectionInitialChecked!\"\r\n                    >\r\n                </core-sticker-collection>\r\n            }\r\n            @case (\"DOM_DECISION_EDITOR\") {\r\n                <core-dom-decision-editor />\r\n            }\r\n            @case (\"SEEKER\") {\r\n                @switch(control.seekerSourceType) {\r\n                    @case(\"JOB_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"EMPLOYEE_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"CONTRACT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" [boundFrom]=\"control.boundFrom!\"\r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\" \r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [shownFrom]=\"control.shownFrom!\"\r\n                            [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WORKING_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WAGE_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [formControlName]=\"control.field\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [seekerVerifyIgnore]=\"control.seekerVerifyIgnore!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_CONCURRENT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"FORM_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n\r\n                            [selfEnrichmentApiDriven]=\"control.selfEnrichmentApiDriven!\"\r\n                            [selfEnrichmentApi]=\"control.selfEnrichmentApi!\"\r\n                            [selfEnrichmentHttpVerb]=\"control.selfEnrichmentHttpVerb!\"\r\n                            [selfEnrichmentHttpPayload]=\"control.selfEnrichmentHttpPayload!\"\r\n                            [selfEnrichmentShownFrom]=\"control.selfEnrichmentShownFrom!\"\r\n\r\n                            (selectedDataChange)=\"selectedDataChange($event)\"\r\n                            (fullValueRowChange)=\"fullValueRowChange($event)\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"ORGANIZATION_UNIT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [required]=\"required\" \r\n                            [formControlName]=\"control.field\" [seekerSourceType]=\"control.seekerSourceType!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [alsoBindTo]=\"control.alsoBindTo!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [placeholder]=\"control.placeholder! || ''\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                }\r\n            }\r\n            @case (\"LIQUID_WYSIWYG\") {\r\n                <core-liquid-wysiwyg\r\n                    [formControlName]=\"control.field\"\r\n                    [getByIdObject$]=\"control.getByIdObject$!\"\r\n                    [placeholder]=\"control.placeholder! || ''\"\r\n                    [$liquidOptions]=\"control.liquidOptions!\"\r\n                    [$textareaRows]=\"control.textareaRows!\"\r\n                    [$showLiquidSourceOnly]=\"control.showLiquidSourceOnly!\"\r\n                    [$isForWorkflowEmail]=\"control.isForWorkflowEmail!\"\r\n                />\r\n            }\r\n        }\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"control.controlType==='BUTTON'\">\r\n            <button type=\"button\" class=\"btn btn-secondary text\" (click)=\"oHandleClick($event)\">{{control.label| translate: lang}}</button>\r\n        </ng-container>\r\n        <!-- END: FORM-CONTROL SESSION-->\r\n\r\n        <!-- START: ERROR SESSION-->\r\n        <div *ngIf=\"!!errors!.length\">\r\n            <div class=\"form-control-error\" *ngFor=\"let error of errors\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!!!errors!.length && !!checkError$.value\">\r\n            <div>\r\n                {{ '&nbsp;' }}\r\n            </div>\r\n        </div>\r\n        <!-- END: ERROR SESSION-->\r\n\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n<ng-template #calculatedControlInfo let-control=\"control\">\r\n    <div class=\"calculated-tooltip-container\">\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Name:</span>\r\n        <span class=\"value\">{{ control?.field || 'N/A' }}</span>\r\n        </div>        \r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Evaluation Mode:</span>\r\n        <span class=\"value\">{{ control?.evaluationMode || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Return Type:</span>\r\n        <span class=\"value\">{{ control?.returnType || 'N/A' }}</span>\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Depends On:</span>\r\n        <span class=\"value\" *ngIf=\"control?.dependsOn?.length > 0; else noDepends\">\r\n            <code *ngFor=\"let dep of control?.dependsOn; let last = last\">{{ dep }}<span *ngIf=\"!last\">, </span></code>\r\n        </span>\r\n        <ng-template #noDepends><em class=\"no-depends\">None</em></ng-template>\r\n        </div>\r\n        <div *ngIf=\"!!control?.isUnsafe\" class=\"warning\">\r\n        \u26A0\uFE0F This script is marked as <strong>unsafe</strong> and will not be executed.\r\n        </div>\r\n        <div class=\"calculated-field-row\">\r\n        <span class=\"label\">Script:</span>\r\n        <pre class=\"code-block\">{{ control?.script || 'No script provided.' }}</pre>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".core-control-container{font-size:var(--typo-basic-font-size)!important}.core-control-container .control-label{color:#848484}.core-control-container>div.hidden{display:none}.core-control-container label{color:#464646}.core-control-container label.required:after{content:\"*\";color:#ff040b}.core-control-container label.avatar-label{width:var(--size-file-uploader);display:flex;align-items:center;justify-content:center}.core-control-container input[type=number]{padding-right:12px;position:relative}.core-control-container input[type=number]::-webkit-inner-spin-button{position:absolute;right:.3em;margin-left:.5em}.core-control-container input[type=number]{-moz-appearance:textfield}.core-control-container i.feather-help-circle{color:#848484}.core-control-container .gap-for-ios-switcher{height:5px}.core-control-container .calculated-view{-webkit-user-select:none;user-select:none;cursor:pointer;height:35px;width:160px;background-color:#d8f3dc;color:#1b4332;border:1px solid #95d5b2;border-radius:50px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;font-family:Segoe UI,sans-serif;letter-spacing:.5px;padding:8px}.core-control-container .calculated-view i{font-size:18px;width:18px;height:18px;margin-right:8px}.core-control-container .calculated-view span{width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.calculated-tooltip-container{background-color:#fff;border:1px solid #ddd;padding:1rem;border-radius:6px;font-size:14px;color:#333;box-shadow:0 4px 10px #0000000d;max-width:360px}.calculated-tooltip-container .calculated-field-row{margin-bottom:.75rem}.calculated-tooltip-container .label{font-weight:500;color:#555!important;display:inline-block;min-width:140px}.calculated-tooltip-container .value{color:#222!important}.calculated-tooltip-container .warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:13px}.calculated-tooltip-container .code-block{background:#f8f9fa;border:1px solid #ddd;padding:.75rem;font-family:monospace;font-size:12px;white-space:pre-wrap;color:#111!important;border-radius:4px;overflow-x:auto}.calculated-tooltip-container .no-depends{color:#888;font-style:italic}.calculated-tooltip-container pre{overflow:hidden}.calculated-tooltip-container label.required~input:not([disabled]),.calculated-tooltip-container label.required~textarea:not([disabled]),.calculated-tooltip-container label.required~select:not([disabled]){background-color:#ff0!important}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }, { type: AlertService }], propDecorators: { control: [{
                 type: Input
             }], form: [{
@@ -27554,7 +28633,7 @@ class CoreFormComponent {
             Object.keys(this.form.controls).forEach((key) => {
                 const control = this.form.get(key);
                 const errors = [];
-                if (!!control.invalid) {
+                if (!!control.invalid && !!control.errors) {
                     Object.keys(control.errors).forEach((key) => {
                         errors.push(key);
                     });
@@ -27872,6 +28951,7 @@ class CorePageEditComponent {
         if (!!changes['id'] && !!changes['id'].currentValue) {
             this.idStream$.next(changes['id'].currentValue);
         }
+        this.cdr.markForCheck();
     }
     sendSignal(data) {
         const connection = this.hubConnectionService.hubConnection$.value;
@@ -32220,7 +33300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const hrmSchemaRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-CjtKMys1.mjs').then(m => m.HrmSchemaComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-D56qeUNM.mjs').then(m => m.HrmSchemaComponent)
     }
 ];
 
@@ -34393,7 +35473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const simpleChatRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-CLGEEYxf.mjs').then(m => m.SimpleChatComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-D1k8Emdl.mjs').then(m => m.SimpleChatComponent)
     }
 ];
 
@@ -35059,7 +36139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreSysActionRoutes = [
     {
         path: "",
-        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-Bk4NR75G.mjs').then(m => m.CoreSysActionComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-0dbcfop9.mjs').then(m => m.CoreSysActionComponent),
         children: [
             {
                 path: ":id",
@@ -36452,11 +37532,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const sysSmtpClientRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client.component-zKJIga4y.mjs').then(m => m.SysSmtpClientComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client.component-Bbcn4r1k.mjs').then(m => m.SysSmtpClientComponent),
         children: [
             {
                 path: ':id',
-                loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client-edit.component-DCPYpHfZ.mjs').then(m => m.SysSmtpClientEditComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client-edit.component-CfzO29Lp.mjs').then(m => m.SysSmtpClientEditComponent),
                 outlet: 'corePageListAux'
             }
         ]
@@ -37642,11 +38722,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreDocGenRoutes = [
     {
         path: 'template-list',
-        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-DLIfHA1H.mjs').then(m => m.TemplateListComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-z_4A9WFA.mjs').then(m => m.TemplateListComponent),
     },
     {
         path: ":id",
-        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-HdfNJZ8V.mjs').then(m => m.CoreTemplateEditorComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-DSkJCe1P.mjs').then(m => m.CoreTemplateEditorComponent),
         canDeactivate: [CanDeactivateGuard]
     },
     {
@@ -37675,7 +38755,7 @@ const coreFormDesignRoutes = [
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-BR-bBzfD.mjs').then(m => m.CoreFormDesignComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-BWdjH0_j.mjs').then(m => m.CoreFormDesignComponent)
     }
 ];
 
@@ -38586,7 +39666,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreNavigationTrackerRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-bR4Pi1OC.mjs').then(m => m.TrackerStudioComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-BLW6Z-nb.mjs').then(m => m.TrackerStudioComponent)
     }
 ];
 
@@ -41689,33 +42769,33 @@ const coreWorkflowRoutes = [
                     {
                         path: 'form-assign/:id',
                         outlet: "formAssignAux",
-                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-B8gCexqB.mjs').then(m => m.WfFormAssignComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-Snsq54lS.mjs').then(m => m.WfFormAssignComponent),
                         canDeactivate: [CanDeactivateGuard]
                     }
                 ]
             },
             {
                 path: 'global-config',
-                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-BXnKQRco.mjs').then(m => m.WfGlobalConfigComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-uH0_6nrs.mjs').then(m => m.WfGlobalConfigComponent)
             },
             {
                 path: 'db-settings',
-                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-DqO4jGaq.mjs').then(m => m.DbSettingsComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-BlPfMcNb.mjs').then(m => m.DbSettingsComponent)
             },
             {
                 path: 'workflow-consume',
-                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-BZZTAzzT.mjs').then(m => m.CoreWorkflowConsumeComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-CSO45aXX.mjs').then(m => m.CoreWorkflowConsumeComponent),
                 children: [
                     {
                         path: ':id',
                         outlet: "workflowConsume",
-                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-CKurce5Q.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-C-feoub0.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
                     }
                 ]
             },
             {
                 path: 'workflow-consume/:id',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-CKurce5Q.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-C-feoub0.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
             },
             {
                 path: 'workflow-group-edit/:id',
@@ -41725,21 +42805,21 @@ const coreWorkflowRoutes = [
             },
             {
                 path: 'design/:id',
-                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-z5NnkZEG.mjs').then(m => m.wfDesignWrapperRoutes),
+                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-kxf1j0_8.mjs').then(m => m.wfDesignWrapperRoutes),
             },
         ]
     },
     {
         path: 'react/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-B_-eVG-g.mjs').then(m => m.WfInstanceStepReactComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-DyhxYZTO.mjs').then(m => m.WfInstanceStepReactComponent)
     },
     {
         path: 'status/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-Dtw4jCXX.mjs').then(m => m.WfInstanceStatusComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-C5m-H34L.mjs').then(m => m.WfInstanceStatusComponent)
     },
     {
         path: 'lab',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-lab.component-pOZ3t_YF.mjs').then(m => m.WfLabComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-lab.component-3-5CrqQX.mjs').then(m => m.WfLabComponent)
     }
 ];
 
@@ -44347,5 +45427,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { EnumCoreButtonVNSCode as $, AppService as A, BaseComponent as B, ChatService as C, DragReorderDirective as D, EnumFormBaseContolType as E, FullscreenModalLoaderComponent as F, DomService as G, CoreDropdownComponent as H, ImageErrorResolverDirective as I, CoreChecklistComponent as J, CoreDatePickerComponent as K, CoreFormControlSeekerComponent as L, MultiLanguageService as M, CoreCurrencyInputComponent as N, EnumActorSourceType as O, CoreParamControlComponent as P, CoreRadioGroupComponent as Q, GptService as R, StringHtmlPipe as S, TooltipDirective as T, CoreStickerCollectionComponent as U, ApplicationHelpService as V, HotKeysDirective as W, EnumCorePageEditMode as X, CoreFormComponent as Y, NavigatorService as Z, JsonService as _, AppConfigService as a, ClientService as a$, READONLY_WORKFLOW_FIELDS as a0, noneAutoClosedAlertOptions as a1, CoreButtonGroupVnsComponent as a2, EnumFilterOperator as a3, HtmlTooltipDirective as a4, CoreControlNoFormArrayComponent as a5, EnumFormDesignMode as a6, CoreControlComponent as a7, JsonSafePipe as a8, CoreAttachmentComponent as a9, EnumSignalRType as aA, EnumSortDirection as aB, EnumStyleButtonClass as aC, CanActivateFunctionUrlMapperGuard as aD, InitializationCanActivateFn as aE, InitializationCanMatchFn as aF, httpInterceptorProviders as aG, InterceptorSkipHeader as aH, appTypeInterceptor as aI, baseUrlInterceptor as aJ, authInterceptor as aK, graphInterceptor as aL, tokenInterceptor as aM, responseInterceptor as aN, timeZoneInterceptor as aO, cachingInterceptor as aP, langInterceptor as aQ, OnlineUsersComponent as aR, ActionService as aS, AppInitializationService as aT, AuthService as aU, CacheService as aV, EnumSwUpdateVersionUpdatesEventType as aW, CheckForUpdateService as aX, EnumDeviceType as aY, EnumBrowserType as aZ, EnumOsType as a_, CoreMonthSelectorComponent as aa, EnumImageResolverType as ab, NormalizeHumanNamePipe as ac, CoreIosSwitcherComponent as ad, SunnyRotatingComponent as ae, MapAppdemoToServerPipePipe as af, MapAttachmentToServerPipe as ag, MapNewsfeedMediaToServerPipe as ah, UploadedFilenameCutoffPipe as ai, DialogStateComponent as aj, FooterComponent as ak, RightchatComponent as al, WaittingScreenComponent as am, longAlertOptions as an, attachmentOptions as ao, CORE_VNS_BUTTONS as ap, defaultPaging as aq, DESKTOP_SCREEN_HEDER_HEIGHT as ar, MOBILE_SCREEN_HEDER_HEIGHT as as, themeBlue as at, DATE_VALUE_ACCESSOR as au, DateValueAccessor as av, EnumDragType as aw, EnumErrorType as ax, EnumIconClass as ay, EnumProfileInfoSector as az, AlertService as b, MenuEditComponent as b$, CommonHttpRequestService as b0, TLA_CONFIG as b1, ConfigService as b2, CoreLocalStorageService as b3, CoreTableService as b4, DndService as b5, DocxMergeService as b6, FilterKitService as b7, GrpcService as b8, HeaderService as b9, SysMenuService as bA, TimeSheetService as bB, TopicPermissionService as bC, TopicTreeService as bD, UploadedFileService as bE, UrlService as bF, UserActivityService as bG, EvaluateDialogService as bH, EnumWorkScheduleViewMode as bI, WorkShiftDndService as bJ, AtShiftPatternComponent as bK, AtShiftPatternApplyComponent as bL, AtShiftPatternEditComponent as bM, AtWorksignComponent as bN, AtWorksignService as bO, FunctionComponent as bP, IndividualScheduleApplyComponent as bQ, FunctionEditComponent as bR, FunctionIgnoreComponent as bS, FunctionIgnoreEditComponent as bT, GroupFunctionComponent as bU, GroupFunctionEditComponent as bV, hrmSchemaRoutes as bW, InMemoryComponent as bX, LanguageComponent as bY, LanguageEditComponent as bZ, MenuComponent as b_, HistoryService as ba, HttpErrorHandler as bb, HubConnectionService as bc, IpServiceService as bd, LayoutService as be, LiquidJsService as bf, MapService as bg, MenuService as bh, MessageService as bi, ModalService as bj, OrganizationService as bk, PkceService as bl, PositionTransferService as bm, EnumNotificationDir as bn, NotificationActionType as bo, PushNotificationService as bp, RandomAvatarService as bq, RequestCache as br, RequestCacheWithMap as bs, ResponseService as bt, RoutingService as bu, EnumSsrsExpressFileExtension as bv, EnumSsrsExpressExportFormat as bw, SsrsExpressService as bx, StatisticService as by, StatisticAuthService as bz, CoreTerminalSpinnerComponent as c, coreDocGenRoutes as c$, MutationLogComponent as c0, MutationViewComponent as c1, PaSalaryPolicyComponent as c2, PaSalaryPolicyEditComponent as c3, PortalRouteComponent as c4, ScheduleOverviewComponent as c5, simpleChatRoutes as c6, PortalRouteEditComponent as c7, SysOtherListComponent as c8, SysOtherListEditComponent as c9, CoreButtonComponent as cA, CoreAccordionComponent as cB, CoreAccordionService as cC, CoreActiveUserCountComponent as cD, NewlyCreatedTokenService as cE, CoreApiProgressComponent as cF, CoreButtonGroupComponent as cG, EnumCoreButtonCode as cH, ActionSvgEditComponent as cI, CoreButtonGroupService as cJ, CoreButtonVnsComponent as cK, CoreCommonParamKitComponent as cL, CoreCompareDbPipelineComponent as cM, CoreCompositionState as cN, CoreCompositionService as cO, CoreCompositionComponent as cP, CoreConfirmDialogComponent as cQ, ConfirmDialogStateComponent as cR, CoreLazyMountComponent as cS, CoreRootMenuItemPickerComponent as cT, CoreRootMenuItemPickerService as cU, ECoreTableToolCode as cV, ECoreTableToolClass as cW, CoreTableComponent as cX, CoreContractSeekerComponent as cY, CoreControlNoGridBufferComponent as cZ, CoreControlNoSeekerComponent as c_, SysOtherListTypeComponent as ca, SysOtherListTypeEditComponent as cb, coreSysActionRoutes as cc, SysActionComponent as cd, SysActionEditComponent as ce, SysFunctionActionComponent as cf, SysFunctionActionEditComponent as cg, SysFunctionActionMapperComponent as ch, SysFunctionUrlMapperComponent as ci, FunctionEditService as cj, SysModuleComponent as ck, SysModuleEditComponent as cl, SysRouteAccessComponent as cm, sysSmtpClientRoutes as cn, liner_to_nested_array_script as co, blob_to_base64_script as cp, AlertComponent as cq, EnumAlertType as cr, IAlertOptions as cs, AnimatedTextService as ct, AnimatedTextComponent as cu, BaseDropdownComponent as cv, ButtonGroupModule as cw, ButtonGroupService as cx, ButtonGroupComponent as cy, EnumButtonCaptionCode as cz, CorePageHeaderComponent as d, CorePaginationFullComponent as d$, CoreDocgenToolbarComponent as d0, CoreEmployeeScheduleComponent as d1, CoreEmployeeSeekerComponent as d2, EnumCoreFileUploaderType as d3, CoreFileUploaderComponent as d4, CoreFilterHubComponent as d5, CoreFilterHubService as d6, ControlBase as d7, Textbox as d8, CoreControlService as d9, CoreNavigationTrackerComponent as dA, coreNavigationTrackerRoutes as dB, CoreOauthCallbackComponent as dC, CoreOauthCallbackOffice365Component as dD, EnumCoreOrgTreeaAccessorMode as dE, EnumCoreOrgTreeaSearchMode as dF, CoreOrgTreeComponent as dG, CoreOrgTreeState as dH, CoreOrgTreeService as dI, CoreOrgUnitSeekerComponent as dJ, CoreOrgchartflexComponent as dK, CARD_COLORS as dL, CoreOrgchartflexWrapperComponent as dM, coreOrgchartflexRoutes as dN, CoreOrgParamComponent as dO, EnumCorePageEditBootstrapClass as dP, EnumCorePageEditFieldType as dQ, CorePageEditService as dR, CorePageEditLiteComponent as dS, CorePageEditTabComponent as dT, EnumExType as dU, CorePageListService as dV, CorePageListState as dW, CorePageListContentComponent as dX, EnumCoreViewItemType as dY, CorePageViewComponent as dZ, CorePaginationComponent as d_, CustomValidators as da, URL_PATTERN as db, coreFormDesignRoutes as dc, CoreFormTabComponent as dd, CoreFormLiteComponent as de, CoreFormControlBaseComponent as df, EnumCoreSeekerColumnJob as dg, EnumCoreSeekerColumnStaffProfile as dh, EnumCoreSeekerColumnContract as di, EnumCoreSeekerColumnWorking as dj, EnumCoreSeekerColumnWage as dk, EnumCoreSeekerColumnPosition as dl, EnumCoreSeekerColumnPositionConcurrent as dm, EnumCoreSeekerColumnAutoForm as dn, SeekerService as dp, CoreGridBufferComponent as dq, CoreHeaderParamsComponent as dr, CoreHelperComponent as ds, CoreLineComponent as dt, CoreLiquidWysiwygComponent as du, CoreListComponent as dv, CoreListLazyComponent as dw, CoreLoadingSurfaceComponent as dx, CoreMccComponent as dy, CoreMonthPickerComponent as dz, TranslatePipe as e, CoreDatetimeService as e$, CorePaginationFullService as e0, CoreFileFormatPickerComponent as e1, CorePermissionService as e2, EnumPermissionObjectType as e3, CorePermissionComponent as e4, CorePermissionActionsComponent as e5, CorePositionConcurrentSeekerComponent as e6, CorePositionSeekerComponent as e7, CoreQrcodeComponent as e8, EnumOparator as e9, CoreWorkflowBuilderComponent as eA, CoreWorkflowGroupEditComponent as eB, CoreYearPickerComponent as eC, CoreYearSelectorComponent as eD, EnumCoreD3ScaleType as eE, CoreD3Service as eF, CorePieComponent as eG, CoreScatterPlotComponent as eH, EnumHrComparisonCode as eI, EnumICoreStatisticWidgetDataType as eJ, CoreStatisticWidgetComponent as eK, DecisionComponent as eL, EvaluateDialogComponent as eM, HuconcurrentlyComponent as eN, JobComponent as eO, LanguageChangerComponent as eP, DEFAULT_SVG as eQ, ItemComponent as eR, NavigatorComponent as eS, OtpInputComponent as eT, OtpInputService as eU, PageTitleComponent as eV, PaginationComponent as eW, FilterPipe as eX, normalizeHumanName as eY, PositionComponent as eZ, PositionEditService as e_, CoreQueryBuilderComponent as ea, CoreReducerIconComponent as eb, CoreRotatingTextComponent as ec, CoreRouteAccumulatorComponent as ed, CoreRoutingHistoryComponent as ee, CoreSalaryPolicyPickerComponent as ef, CoreScrollComponent as eg, CoreScrollLazyComponent as eh, CoreSeenByComponent as ei, CoreShiftCardComponent as ej, CoreShiftCellComponent as ek, CoreShiftCollectionComponent as el, CoreShiftStickerComponent as em, STICKER_COLOR_SCHEMA as en, CoreSubFormGroupComponent as eo, CoreTabListComponent as ep, CoreTagsComponent as eq, CoreTopicPickerComponent as er, EnumCoreArticleCategoryTreeaAccessorMode as es, CoreTopicTreeComponent as et, CoreTreeComponent as eu, EnumCoreTreeGridEditMode as ev, CoreTreeGridComponent as ew, CoreWageSeekerComponent as ex, CoreWorkingSeekerComponent as ey, coreWorkflowRoutes as ez, CorePageListComponent as f, FileService as f0, LongTaskService as f1, EnumRecursiveFields as f2, RecursiveService as f3, StringService as f4, UnicodeService as f5, StaffProfileComponent as f6, ThreedotsComponent as f7, TooltipComponent as f8, UserActivityComponent as f9, WageComponent as fa, tooltip_directive as fb, coreStickerCollection_component as fc, dragReorder_directive as fd, CoreStatusStickerComponent as g, BaseEditComponent as h, DialogService as i, CorePageEditComponent as j, EnumCoreTablePipeType as k, CoreCheckboxComponent as l, CoreTabsComponent as m, CoreWorkflowService as n, EnumCoreFormControlSeekerSourceType as o, CoreFormService as p, DbService as q, AiHintForColumnComponent as r, CoreWorkflowListComponent as s, CanDeactivateGuard as t, TableCellPipe as u, MapAvatarToServerPipe as v, alertOptions as w, SocketService as x, CoreFormDesignService as y, EnumWorkflowStepType as z };
-//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-DhuO-m8o.mjs.map
+export { noneAutoClosedAlertOptions as $, AppService as A, BaseComponent as B, ChatService as C, DragReorderDirective as D, EnumFormBaseContolType as E, FullscreenModalLoaderComponent as F, DomService as G, EnumActorSourceType as H, ImageErrorResolverDirective as I, CoreParamControlComponent as J, CoreRadioGroupComponent as K, GptService as L, MultiLanguageService as M, CoreRuleTreeService as N, CoreRuleTreeComponent as O, CoreStickerCollectionComponent as P, ApplicationHelpService as Q, HotKeysDirective as R, StringHtmlPipe as S, TooltipDirective as T, CoreDatetimeService as U, EnumCorePageEditMode as V, CoreFormComponent as W, NavigatorService as X, JsonService as Y, EnumCoreButtonVNSCode as Z, READONLY_WORKFLOW_FIELDS as _, AppConfigService as a, CheckForUpdateService as a$, CoreButtonGroupVnsComponent as a0, CoreDropdownComponent as a1, EnumFilterOperator as a2, CoreDomDecisionEditorComponent as a3, HtmlTooltipDirective as a4, CoreControlNoFormArrayComponent as a5, EnumFormDesignMode as a6, CoreControlComponent as a7, JsonSafePipe as a8, CoreChecklistComponent as a9, EnumDragType as aA, EnumErrorType as aB, EnumIconClass as aC, EnumProfileInfoSector as aD, EnumSignalRType as aE, EnumSortDirection as aF, EnumStyleButtonClass as aG, CanActivateFunctionUrlMapperGuard as aH, InitializationCanActivateFn as aI, InitializationCanMatchFn as aJ, httpInterceptorProviders as aK, InterceptorSkipHeader as aL, appTypeInterceptor as aM, baseUrlInterceptor as aN, authInterceptor as aO, graphInterceptor as aP, tokenInterceptor as aQ, responseInterceptor as aR, timeZoneInterceptor as aS, cachingInterceptor as aT, langInterceptor as aU, OnlineUsersComponent as aV, ActionService as aW, AppInitializationService as aX, AuthService as aY, CacheService as aZ, EnumSwUpdateVersionUpdatesEventType as a_, CoreFormControlSeekerComponent as aa, CoreAttachmentComponent as ab, CoreDatePickerComponent as ac, CoreMonthSelectorComponent as ad, CoreCurrencyInputComponent as ae, EnumImageResolverType as af, NormalizeHumanNamePipe as ag, CoreIosSwitcherComponent as ah, SunnyRotatingComponent as ai, MapAppdemoToServerPipePipe as aj, MapAttachmentToServerPipe as ak, MapNewsfeedMediaToServerPipe as al, UploadedFilenameCutoffPipe as am, DialogStateComponent as an, FooterComponent as ao, RightchatComponent as ap, WaittingScreenComponent as aq, longAlertOptions as ar, attachmentOptions as as, CORE_VNS_BUTTONS as at, defaultPaging as au, DESKTOP_SCREEN_HEDER_HEIGHT as av, MOBILE_SCREEN_HEDER_HEIGHT as aw, themeBlue as ax, DATE_VALUE_ACCESSOR as ay, DateValueAccessor as az, AlertService as b, InMemoryComponent as b$, EnumDeviceType as b0, EnumBrowserType as b1, EnumOsType as b2, ClientService as b3, CommonHttpRequestService as b4, TLA_CONFIG as b5, ConfigService as b6, CoreLocalStorageService as b7, CoreTableService as b8, DndService as b9, EnumSsrsExpressExportFormat as bA, SsrsExpressService as bB, StatisticService as bC, StatisticAuthService as bD, SysMenuService as bE, TimeSheetService as bF, TopicPermissionService as bG, TopicTreeService as bH, UploadedFileService as bI, UrlService as bJ, UserActivityService as bK, EvaluateDialogService as bL, EnumWorkScheduleViewMode as bM, WorkShiftDndService as bN, AtShiftPatternComponent as bO, AtShiftPatternApplyComponent as bP, AtShiftPatternEditComponent as bQ, AtWorksignComponent as bR, AtWorksignService as bS, FunctionComponent as bT, IndividualScheduleApplyComponent as bU, FunctionEditComponent as bV, FunctionIgnoreComponent as bW, FunctionIgnoreEditComponent as bX, GroupFunctionComponent as bY, GroupFunctionEditComponent as bZ, hrmSchemaRoutes as b_, DocxMergeService as ba, FilterKitService as bb, GrpcService as bc, HeaderService as bd, HistoryService as be, HttpErrorHandler as bf, HubConnectionService as bg, IpServiceService as bh, LayoutService as bi, LiquidJsService as bj, MapService as bk, MenuService as bl, MessageService as bm, ModalService as bn, OrganizationService as bo, PkceService as bp, PositionTransferService as bq, EnumNotificationDir as br, NotificationActionType as bs, PushNotificationService as bt, RandomAvatarService as bu, RequestCache as bv, RequestCacheWithMap as bw, ResponseService as bx, RoutingService as by, EnumSsrsExpressFileExtension as bz, CoreTerminalSpinnerComponent as c, CoreTableComponent as c$, LanguageComponent as c0, LanguageEditComponent as c1, MenuComponent as c2, MenuEditComponent as c3, MutationLogComponent as c4, MutationViewComponent as c5, PaSalaryPolicyComponent as c6, PaSalaryPolicyEditComponent as c7, PortalRouteComponent as c8, ScheduleOverviewComponent as c9, ButtonGroupModule as cA, ButtonGroupService as cB, ButtonGroupComponent as cC, EnumButtonCaptionCode as cD, CoreButtonComponent as cE, CoreAccordionComponent as cF, CoreAccordionService as cG, CoreActiveUserCountComponent as cH, NewlyCreatedTokenService as cI, CoreApiProgressComponent as cJ, CoreButtonGroupComponent as cK, EnumCoreButtonCode as cL, ActionSvgEditComponent as cM, CoreButtonGroupService as cN, CoreButtonVnsComponent as cO, CoreCommonParamKitComponent as cP, CoreCompareDbPipelineComponent as cQ, CoreCompositionState as cR, CoreCompositionService as cS, CoreCompositionComponent as cT, CoreConfirmDialogComponent as cU, ConfirmDialogStateComponent as cV, CoreLazyMountComponent as cW, CoreRootMenuItemPickerComponent as cX, CoreRootMenuItemPickerService as cY, ECoreTableToolCode as cZ, ECoreTableToolClass as c_, simpleChatRoutes as ca, PortalRouteEditComponent as cb, SysOtherListComponent as cc, SysOtherListEditComponent as cd, SysOtherListTypeComponent as ce, SysOtherListTypeEditComponent as cf, coreSysActionRoutes as cg, SysActionComponent as ch, SysActionEditComponent as ci, SysFunctionActionComponent as cj, SysFunctionActionEditComponent as ck, SysFunctionActionMapperComponent as cl, SysFunctionUrlMapperComponent as cm, FunctionEditService as cn, SysModuleComponent as co, SysModuleEditComponent as cp, SysRouteAccessComponent as cq, sysSmtpClientRoutes as cr, liner_to_nested_array_script as cs, blob_to_base64_script as ct, AlertComponent as cu, EnumAlertType as cv, IAlertOptions as cw, AnimatedTextService as cx, AnimatedTextComponent as cy, BaseDropdownComponent as cz, CorePageHeaderComponent as d, CorePageListContentComponent as d$, CoreContractSeekerComponent as d0, CoreControlNoGridBufferComponent as d1, CoreControlNoSeekerComponent as d2, coreDocGenRoutes as d3, CoreDocgenToolbarComponent as d4, CoreEmployeeScheduleComponent as d5, CoreEmployeeSeekerComponent as d6, EnumCoreFileUploaderType as d7, CoreFileUploaderComponent as d8, CoreFilterHubComponent as d9, CoreListLazyComponent as dA, CoreLoadingSurfaceComponent as dB, CoreMccComponent as dC, CoreMonthPickerComponent as dD, CoreNavigationTrackerComponent as dE, coreNavigationTrackerRoutes as dF, CoreOauthCallbackComponent as dG, CoreOauthCallbackOffice365Component as dH, EnumCoreOrgTreeaAccessorMode as dI, EnumCoreOrgTreeaSearchMode as dJ, CoreOrgTreeComponent as dK, CoreOrgTreeState as dL, CoreOrgTreeService as dM, CoreOrgUnitSeekerComponent as dN, CoreOrgchartflexComponent as dO, CARD_COLORS as dP, CoreOrgchartflexWrapperComponent as dQ, coreOrgchartflexRoutes as dR, CoreOrgParamComponent as dS, EnumCorePageEditBootstrapClass as dT, EnumCorePageEditFieldType as dU, CorePageEditService as dV, CorePageEditLiteComponent as dW, CorePageEditTabComponent as dX, EnumExType as dY, CorePageListService as dZ, CorePageListState as d_, CoreFilterHubService as da, ControlBase as db, Textbox as dc, CoreControlService as dd, CustomValidators as de, URL_PATTERN as df, coreFormDesignRoutes as dg, CoreFormTabComponent as dh, CoreFormLiteComponent as di, CoreFormControlBaseComponent as dj, EnumCoreSeekerColumnJob as dk, EnumCoreSeekerColumnStaffProfile as dl, EnumCoreSeekerColumnContract as dm, EnumCoreSeekerColumnWorking as dn, EnumCoreSeekerColumnWage as dp, EnumCoreSeekerColumnPosition as dq, EnumCoreSeekerColumnPositionConcurrent as dr, EnumCoreSeekerColumnAutoForm as ds, SeekerService as dt, CoreGridBufferComponent as du, CoreHeaderParamsComponent as dv, CoreHelperComponent as dw, CoreLineComponent as dx, CoreLiquidWysiwygComponent as dy, CoreListComponent as dz, TranslatePipe as e, FilterPipe as e$, EnumCoreViewItemType as e0, CorePageViewComponent as e1, CorePaginationComponent as e2, CorePaginationFullComponent as e3, CorePaginationFullService as e4, CoreFileFormatPickerComponent as e5, CorePermissionService as e6, EnumPermissionObjectType as e7, CorePermissionComponent as e8, CorePermissionActionsComponent as e9, CoreTreeGridComponent as eA, CoreWageSeekerComponent as eB, CoreWorkingSeekerComponent as eC, coreWorkflowRoutes as eD, CoreWorkflowBuilderComponent as eE, CoreWorkflowGroupEditComponent as eF, CoreYearPickerComponent as eG, CoreYearSelectorComponent as eH, EnumCoreD3ScaleType as eI, CoreD3Service as eJ, CorePieComponent as eK, CoreScatterPlotComponent as eL, EnumHrComparisonCode as eM, EnumICoreStatisticWidgetDataType as eN, CoreStatisticWidgetComponent as eO, DecisionComponent as eP, EvaluateDialogComponent as eQ, HuconcurrentlyComponent as eR, JobComponent as eS, LanguageChangerComponent as eT, DEFAULT_SVG as eU, ItemComponent as eV, NavigatorComponent as eW, OtpInputComponent as eX, OtpInputService as eY, PageTitleComponent as eZ, PaginationComponent as e_, CorePositionConcurrentSeekerComponent as ea, CorePositionSeekerComponent as eb, CoreQrcodeComponent as ec, EnumOparator as ed, CoreQueryBuilderComponent as ee, CoreReducerIconComponent as ef, CoreRotatingTextComponent as eg, CoreRouteAccumulatorComponent as eh, CoreRoutingHistoryComponent as ei, CoreSalaryPolicyPickerComponent as ej, CoreScrollComponent as ek, CoreScrollLazyComponent as el, CoreSeenByComponent as em, CoreShiftCardComponent as en, CoreShiftCellComponent as eo, CoreShiftCollectionComponent as ep, CoreShiftStickerComponent as eq, STICKER_COLOR_SCHEMA as er, CoreSubFormGroupComponent as es, CoreTabListComponent as et, CoreTagsComponent as eu, CoreTopicPickerComponent as ev, EnumCoreArticleCategoryTreeaAccessorMode as ew, CoreTopicTreeComponent as ex, CoreTreeComponent as ey, EnumCoreTreeGridEditMode as ez, CorePageListComponent as f, normalizeHumanName as f0, PositionComponent as f1, PositionEditService as f2, FileService as f3, LongTaskService as f4, EnumRecursiveFields as f5, RecursiveService as f6, StringService as f7, UnicodeService as f8, StaffProfileComponent as f9, ThreedotsComponent as fa, TooltipComponent as fb, UserActivityComponent as fc, WageComponent as fd, tooltip_directive as fe, coreStickerCollection_component as ff, dragReorder_directive as fg, CoreStatusStickerComponent as g, BaseEditComponent as h, DialogService as i, CorePageEditComponent as j, EnumCoreTablePipeType as k, CoreCheckboxComponent as l, CoreTabsComponent as m, CoreWorkflowService as n, EnumCoreFormControlSeekerSourceType as o, CoreFormService as p, DbService as q, AiHintForColumnComponent as r, CoreWorkflowListComponent as s, CanDeactivateGuard as t, TableCellPipe as u, MapAvatarToServerPipe as v, alertOptions as w, SocketService as x, CoreFormDesignService as y, EnumWorkflowStepType as z };
+//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-CQbwDcW4.mjs.map