ngx-histaff-alpha 6.6.5 → 6.6.8

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Injectable, Pipe, Directive, ViewChild, forwardRef, HostListener, inject, Input, isDevMode, Inject, signal, InjectionToken, computed, effect, Injector, EventEmitter, Output, ViewContainerRef, ApplicationRef, EnvironmentInjector, createComponent, ViewEncapsulation, ChangeDetectorRef, input, ChangeDetectionStrategy, output, ViewChildren, viewChild, viewChildren, TemplateRef, NgModule, DestroyRef, ElementRef, Renderer2 } from '@angular/core';
+import { Component, Injectable, Pipe, Directive, ViewChild, forwardRef, HostListener, inject, Input, isDevMode, Inject, signal, InjectionToken, computed, effect, Injector, EventEmitter, Output, ViewContainerRef, ApplicationRef, EnvironmentInjector, createComponent, ViewEncapsulation, ChangeDetectorRef, input, ChangeDetectionStrategy, output, ViewChildren, viewChild, viewChildren, ElementRef, TemplateRef, NgModule, DestroyRef, Renderer2 } from '@angular/core';
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 import { of, BehaviorSubject, Subject, filter, Observable, catchError as catchError$1, distinctUntilChanged, zip, tap as tap$1, throwError, take, switchMap, finalize as finalize$1, map as map$1, interval, concat, buffer, debounceTime, combineLatestWith, fromEvent, skip, delay, Subscription, takeUntil, combineLatest } from 'rxjs';
@@ -3932,11 +3932,12 @@ class AppInitializationService {
             if (window.opener && window.opener.globalPopupId) {
                 //alert(window.opener.globalPopupId);
             }
-            fetch('../../assets/app.config.json').then(res => res.json()).then(({ APP_TYPE, APP_UIID, ALLOW_IN_APP_NOTIFICATION, SHOW_LOGIN_NOTIFICATION, FEDERATION_COM_PARTY_ENABLED, IGNORE_PARTIAL_URL_MATCH_FOR_FUNCTION, IGNORE_PARTIAL_URL_MATCH_FOR_PROFILE_CENTER, USE_BUILTIN_OTP, USE_CAPTCHA, BASE_URL, BASE_URL_FOR_STATISTIC, GOLIVE_URL, DEBUG_ENABLED, EVOLUTION_UseSysActionOrderNum, EVOLUTION_UseQueryOrgWithPositionsAndQuotas, UI_VERSION_OrgChart, USE_DEMO_AVATAR, LOGO_LOGIN, LOGO_HEADER, HOME_BACKGROUND_IMAGE, FORM_CONTROL_REQUIRED_HIGHLIGHT_COLOR, OAUTH2_OIDC_ENABLED, OAUTH2_OIDC_CLIENT_ID, OAUTH2_OIDC_LOGIN_URI, OAUTH2_OIDC_REDIRECT_URI, OAUTH2_OIDC_SCOPE, OFFICE365_DEV, OFFICE365_PROD, SAML2ADFS_ENABLED, SAML2ADFS_IDP, SAML2ADFS_IDENTIFIER, SAML2ADFS_WA_SIGNIN, SAML2ADFS_WA_SIGNOUT, SAML2ADFS_WREPLY, HANGFIRE_PATH, STATIC_FOLDER, WORKFLOW_ENABLE_DEBUG_MODE, }) => {
+            fetch('../../assets/app.config.json').then(res => res.json()).then(({ APP_TYPE, APP_UIID, ALLOW_IN_APP_NOTIFICATION, SHOW_LOGIN_NOTIFICATION, DEFAULT_IANA_TIMEZONE_ID, FEDERATION_COM_PARTY_ENABLED, IGNORE_PARTIAL_URL_MATCH_FOR_FUNCTION, IGNORE_PARTIAL_URL_MATCH_FOR_PROFILE_CENTER, USE_BUILTIN_OTP, USE_CAPTCHA, BASE_URL, BASE_URL_FOR_STATISTIC, GOLIVE_URL, DEBUG_ENABLED, EVOLUTION_UseSysActionOrderNum, EVOLUTION_UseQueryOrgWithPositionsAndQuotas, UI_VERSION_OrgChart, USE_DEMO_AVATAR, LOGO_LOGIN, LOGO_HEADER, HOME_BACKGROUND_IMAGE, FORM_CONTROL_REQUIRED_HIGHLIGHT_COLOR, OAUTH2_OIDC_ENABLED, OAUTH2_OIDC_CLIENT_ID, OAUTH2_OIDC_LOGIN_URI, OAUTH2_OIDC_REDIRECT_URI, OAUTH2_OIDC_SCOPE, OFFICE365_DEV, OFFICE365_PROD, SAML2ADFS_ENABLED, SAML2ADFS_IDP, SAML2ADFS_IDENTIFIER, SAML2ADFS_WA_SIGNIN, SAML2ADFS_WA_SIGNOUT, SAML2ADFS_WREPLY, HANGFIRE_PATH, STATIC_FOLDER, WORKFLOW_ENABLE_DEBUG_MODE, }) => {
                 this.appConfigService.APP_TYPE = APP_TYPE;
                 this.appConfigService.APP_UIID = APP_UIID;
                 this.appConfigService.ALLOW_IN_APP_NOTIFICATION = ALLOW_IN_APP_NOTIFICATION;
                 this.appConfigService.SHOW_LOGIN_NOTIFICATION = SHOW_LOGIN_NOTIFICATION;
+                this.appConfigService.DEFAULT_IANA_TIMEZONE_ID = DEFAULT_IANA_TIMEZONE_ID;
                 this.appConfigService.FEDERATION_COM_PARTY_ENABLED = FEDERATION_COM_PARTY_ENABLED;
                 this.appConfigService.IGNORE_PARTIAL_URL_MATCH_FOR_FUNCTION = IGNORE_PARTIAL_URL_MATCH_FOR_FUNCTION;
                 this.appConfigService.IGNORE_PARTIAL_URL_MATCH_FOR_PROFILE_CENTER = IGNORE_PARTIAL_URL_MATCH_FOR_PROFILE_CENTER;
@@ -8848,17 +8849,6 @@ class CoreWorkflowService {
         this.$showStepConfig = signal(false);
         this.$stepUpdated = signal(0); // force trigger for watchers
         this.standardConnectorHeight = 90;
-        /**
-          id: string;
-          name: string;
-          branchId: string;
-          type: EnumWorkflowStepType;
-          label: string;
-          config?: IStepConfig;
-          branches?: IWorkflowBranch[];
-          isPseudo?: boolean;
-          isInFallbackBranch?: boolean;
-        */
         this.$currentSteps = signal([
             {
                 id: crypto.randomUUID(),
@@ -9342,7 +9332,11 @@ class CoreWorkflowService {
         const currentFlow = this.$currentFlow();
         if (!!currentFlow) {
             currentFlow.processDefinition = this.$stepsJsonPreview();
+            currentFlow.delegationJson = this.$currentDelegationJson();
+            currentFlow.uiDelegation = this.delegationForm.getRawValue();
         }
+        this.$currentFlow.set(currentFlow);
+        console.log(this.$currentFlow());
         return this.appService.post('/api/WfWorkflow/Publish', this.$currentFlow());
     }
     getById(id) {
@@ -11604,6 +11598,7 @@ var EnumCoreTablePipeType;
     EnumCoreTablePipeType["NORMALIZE_HUMAN_NAME"] = "NORMALIZE_HUMAN_NAME";
     EnumCoreTablePipeType["UPLOADED_FILENAME_CUT_OFF"] = "UPLOADED_FILENAME_CUT_OFF";
     EnumCoreTablePipeType["TRIM"] = "TRIM";
+    EnumCoreTablePipeType["UNDEFINED_TO_EMPTY_STRING"] = "UNDEFINED_TO_EMPTY_STRING";
 })(EnumCoreTablePipeType || (EnumCoreTablePipeType = {}));
 
 const normalizeHumanName = (value) => {
@@ -11680,6 +11675,7 @@ class TableCellPipe {
             EnumCoreTablePipeType.DECIMAL_TO_FIX_5,
             EnumCoreTablePipeType.UPLOADED_FILENAME_CUT_OFF,
             EnumCoreTablePipeType.TRIM,
+            EnumCoreTablePipeType.UNDEFINED_TO_EMPTY_STRING
         ];
         if (!!!availableTypes.includes(pipe))
             return value;
@@ -11857,6 +11853,13 @@ class TableCellPipe {
                     else {
                         return value;
                     }
+                case EnumCoreTablePipeType.UNDEFINED_TO_EMPTY_STRING:
+                    if (value === undefined) {
+                        return '';
+                    }
+                    else {
+                        return value;
+                    }
                 default:
                     return value;
             }
@@ -12192,6 +12195,7 @@ class CoreIosSwitcherComponent extends CoreFormControlBaseComponent {
         this.width = 80;
         this.height = 28;
         this.readonly = false;
+        this.value = false;
         this.subscriptions = [];
         this.truelyText = 'on';
         this.falsyText = 'off';
@@ -23324,13 +23328,20 @@ class CoreFormControlSeekerComponent extends CoreFormControlBaseComponent {
             /* END: CHECK INPUTS */
             this.subscriptions.push(this.getByIdObject$?.subscribe(x => {
                 if (!!x) {
-                    if (!!!this.multiMode) {
+                    if (!this.multiMode) {
                         this.valueToShow = x[this.shownFrom];
                         this.enrichment.register(this.form, this.fieldName, x[this.shownFrom]);
+                        if (!!this.alsoBindTo) {
+                            this.alsoBindTo.forEach(a => {
+                                this.form.patchValue({
+                                    [a.bindTo]: x[a.takeFrom]
+                                });
+                            });
+                        }
                     }
                 }
                 else {
-                    if (!!!this.multiMode) {
+                    if (!this.multiMode) {
                         this.valueToShow = "";
                         this.enrichment.register(this.form, this.fieldName, "");
                     }
@@ -26450,11 +26461,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 class CoreRuleSetComponent extends CoreFormControlBaseComponent {
     constructor() {
         super();
+        this.$container = viewChild('container');
         this.value = null;
         this.$open = signal(false);
         this.crts = inject(CoreRuleTreeService);
+        this.el = inject((ElementRef));
         this.ruleTreeForm = this.crts.createGroupForm();
         this.wfs = inject(CoreWorkflowService);
+        this.ds = inject(DomService);
+        effect(() => {
+            const container = this.$container()?.nativeElement;
+            if (!container)
+                return;
+            container.style.setProperty('--popup-z-index', this.ds.getMaxZIndex() + 1);
+        });
     }
     onToggleOpen() {
         this.$open.update(x => !x);
@@ -26464,14 +26484,23 @@ class CoreRuleSetComponent extends CoreFormControlBaseComponent {
         this.onChange(e);
         this.markAsTouched();
     }
+    onDocumentClick(event) {
+        const clickedInside = this.el.nativeElement.contains(event.target);
+        if (!clickedInside) {
+            this.onClickOutside();
+        }
+    }
+    onClickOutside() {
+        this.$open.set(false);
+    }
     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: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.5", type: CoreRuleSetComponent, isStandalone: true, selector: "core-rule-set", host: { listeners: { "document:click": "onDocumentClick($event)" } }, 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"] }] }); }
+        ], viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"core-rule-set-container\">\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onToggleOpen()\" [class.disabled]=\"disabled\">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{--popup-z-index: 1;position:relative}.core-rule-set-container .form-control{line-height:unset}.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;z-index:var(--popup-z-index)}.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,
@@ -26483,7 +26512,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                             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"] }]
+                    ], host: {
+                        '(document:click)': 'onDocumentClick($event)'
+                    }, template: "<div #container class=\"core-rule-set-container\">\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onToggleOpen()\" [class.disabled]=\"disabled\">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{--popup-z-index: 1;position:relative}.core-rule-set-container .form-control{line-height:unset}.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;z-index:var(--popup-z-index)}.core-rule-set-container .rule-set-popup.open{display:block}\n"] }]
         }], ctorParameters: () => [] });
 
 class CoreControlNoFormArrayComponent extends BaseComponent {
@@ -26660,14 +26691,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
             }] } });
 
 class CoreFormArrayComponent extends CoreFormControlBaseComponent {
+    // --- System field names (framework contract) ---
+    static { this.SYSTEM_DELETE_FIELD = 'formArrayItemDeleted'; }
     constructor() {
         super();
+        this.formArrayIdentityField = 'id';
         this.addNewMode$ = new BehaviorSubject(false);
         this.lang = signal('vi');
         this.controlGroups = signal([]);
         this.subscriptions = [];
         //enrichment = inject(CoreFormEnrichmentService);
         this.cfs = inject(CoreFormService);
+        this.removeCache = new WeakMap();
         const mls = inject(MultiLanguageService);
         this.subscriptions.push(mls.lang$.subscribe(x => this.lang.set(x)));
         // Optional: log whenever groups change
@@ -26706,26 +26741,91 @@ class CoreFormArrayComponent extends CoreFormControlBaseComponent {
     updateControlGroups() {
         this.controlGroups.set(this.formArray.controls);
     }
+    canRemove(group) {
+        if (this.removeCache.has(group)) {
+            return this.removeCache.get(group);
+        }
+        const result = this.evaluateCanRemove(group);
+        this.removeCache.set(group, result);
+        return result;
+    }
+    clearRemoveCache() {
+        this.removeCache = new WeakMap();
+    }
+    evaluateCanRemove(group) {
+        const rule = this.removeDisabledIf;
+        if (!rule)
+            return true;
+        const control = group.get(rule.field);
+        if (!control)
+            return true;
+        const controlValue = control.value;
+        if ('notNull' in rule) {
+            // disable remove nếu value NOT NULL
+            return controlValue == null;
+        }
+        if ('equals' in rule) {
+            // disable remove nếu value === equals
+            return controlValue !== rule.equals;
+        }
+        if ('in' in rule) {
+            // disable remove nếu value nằm trong list
+            return !rule.in.includes(controlValue);
+        }
+        return true;
+    }
+    evaluateCanHideRemoveButton(group) {
+        if (group.get("formArrayItemDeleted")?.value === true) {
+            return true;
+        }
+        return false;
+    }
     addItem() {
         const group = this.cfs.buildGroupFromConfig(this.config);
         this.formArray.push(group);
         this.updateControlGroups();
     }
-    removeItem(index) {
-        this.formArray.removeAt(index);
+    removeItem(index, group) {
+        if (!this.evaluateCanRemove(group)) {
+            this.as.info(this.removeDisabledIfMessage ?? 'This row can not be removed', alertOptions);
+            return;
+        }
+        //this.formArray.removeAt(index);
+        //this.updateControlGroups();
+        const identityField = this.formArrayIdentityField;
+        const deleteField = CoreFormArrayComponent.SYSTEM_DELETE_FIELD;
+        // 🔴 Dev-only invariant check
+        if (!group.contains(deleteField)) {
+            if (isDevMode()) {
+                this.as.error(`[CoreFormArray] Missing system delete field '${deleteField}'.`, alertOptions);
+            }
+        }
+        const identityValue = identityField
+            ? group.get(identityField)?.value
+            : null;
+        // 🟢 A. Transient item (no identity) → physical remove
+        if (!identityValue) {
+            this.formArray.removeAt(index);
+            this.updateControlGroups();
+            return;
+        }
+        // 🔵 B. Persisted item → soft delete (change-tracked)
+        group.patchValue({ [deleteField]: true }, { emitEvent: true });
+        // Optional: lock editing after delete intent
+        group.disable({ emitEvent: false });
         this.updateControlGroups();
     }
     ngOnDestroy() {
         this.subscriptions.forEach(x => x?.unsubscribe());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreFormArrayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreFormArrayComponent, isStandalone: true, selector: "core-form-array", inputs: { formArrayName: "formArrayName", parentFormGroup: "parentFormGroup", formArray: "formArray", config: "config", checkError$: "checkError$", addNewMode$: "addNewMode$", readonly: "readonly", disabled: "disabled" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreFormArrayComponent, isStandalone: true, selector: "core-form-array", inputs: { formArrayName: "formArrayName", parentFormGroup: "parentFormGroup", formArray: "formArray", config: "config", checkError$: "checkError$", formArrayIdentityField: "formArrayIdentityField", addNewMode$: "addNewMode$", readonly: "readonly", disabled: "disabled", removeDisabledIf: "removeDisabledIf", removeDisabledIfMessage: "removeDisabledIfMessage" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 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\" [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"] }] }); }
+        ], 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            @let canRemoveRow = canRemove(group);\r\n            <!-- @if (evaluateCanHideRemoveButton(group)) { -->\r\n            <button type=\"button\" class=\"btn btn-danger btn-sm feather-trash-2\" (click)=\"removeItem(i, group)\"\r\n                [class.used]=\"!canRemoveRow\"\r\n                [appTooltip]=\"canRemoveRow ? 'Remove group' : removeDisabledIfMessage \" [showAnyway]=\"true\"></button>\r\n            <!-- } -->\r\n        </div>\r\n        }\r\n    </div>\r\n    <hr />\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;margin-bottom:15px}.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)}.core-form-array-container .form-array-item .form-array-toolbar button.used{opacity:.5}\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,
@@ -26741,7 +26841,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\" [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"] }]
+                    ], 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            @let canRemoveRow = canRemove(group);\r\n            <!-- @if (evaluateCanHideRemoveButton(group)) { -->\r\n            <button type=\"button\" class=\"btn btn-danger btn-sm feather-trash-2\" (click)=\"removeItem(i, group)\"\r\n                [class.used]=\"!canRemoveRow\"\r\n                [appTooltip]=\"canRemoveRow ? 'Remove group' : removeDisabledIfMessage \" [showAnyway]=\"true\"></button>\r\n            <!-- } -->\r\n        </div>\r\n        }\r\n    </div>\r\n    <hr />\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;margin-bottom:15px}.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)}.core-form-array-container .form-array-item .form-array-toolbar button.used{opacity:.5}\n"] }]
         }], ctorParameters: () => [], propDecorators: { formArrayName: [{
                 type: Input,
                 args: [{ required: true }]
@@ -26757,12 +26857,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
             }], checkError$: [{
                 type: Input,
                 args: [{ required: true }]
+            }], formArrayIdentityField: [{
+                type: Input
             }], addNewMode$: [{
                 type: Input
             }], readonly: [{
                 type: Input
             }], disabled: [{
                 type: Input
+            }], removeDisabledIf: [{
+                type: Input
+            }], removeDisabledIfMessage: [{
+                type: Input
             }] } });
 
 class CoreDocgenToolbarComponent {
@@ -27664,6 +27770,7 @@ var coreStickerCollection_component = /*#__PURE__*/Object.freeze({
 
 var EnumActionCode;
 (function (EnumActionCode) {
+    EnumActionCode["CREATE_TREE"] = "CREATE_TREE";
     EnumActionCode["CREATE_O"] = "CREATE_O";
     EnumActionCode["CREATE_S"] = "CREATE_S";
     EnumActionCode["LINK_O_O"] = "LINK_O_O";
@@ -27680,9 +27787,467 @@ var EnumActionCode;
     EnumActionCode["DECLARE_SNAPSHOT"] = "DECLARE_SNAPSHOT";
 })(EnumActionCode || (EnumActionCode = {}));
 
+const CREATE_TREE = {
+    actionCode: EnumActionCode.CREATE_TREE,
+    label: 'Tạo không gian tổ chức',
+    description: 'Tạo một không gian tổ chức mới trong DOM.',
+    category: 'Organization',
+    quickEmoji: '🌳',
+    inputs: [
+        {
+            key: 'TREE_NAME',
+            label: 'Tên cây',
+            kind: 'string',
+            validators: {
+                required: true,
+                minLength: 3,
+                maxLength: 255
+            },
+            row: 1
+        },
+        {
+            key: 'IS_HR',
+            label: 'Là không gian nhân sự chính thống (ngành ngang)',
+            kind: 'boolean',
+            defaultValue: true,
+            validators: {
+                required: true
+            },
+            row: 2
+        },
+    ],
+};
+
+const CREATE_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: 'ID',
+            label: 'ID',
+            kind: 'string',
+            defaultValue: crypto.randomUUID(),
+            disabled: true
+        },
+        {
+            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: 'CODE',
+            label: 'Mã hệ thống',
+            kind: 'string',
+            defaultValue: crypto.randomUUID(),
+            validators: {
+                required: true,
+                minLength: 3,
+                maxLength: 255
+            },
+            hidden: true
+        },
+        {
+            key: 'SHORT_CODE',
+            label: 'Mã giao diện (ghép sau tên gốc)',
+            kind: 'string',
+            validators: {
+                required: true,
+                minLength: 3,
+                maxLength: 255
+            },
+            disabled: true
+        },
+        {
+            key: 'TREE_ID',
+            label: 'Cây tổ chức',
+            kind: 'treeId',
+            defaultValue: true,
+            validators: {
+                required: true
+            }
+        },
+        {
+            key: 'IS_ROOT',
+            label: 'Là đơn vị gốc',
+            kind: 'boolean',
+            defaultValue: false,
+            validators: {
+                required: true
+            }
+        },
+        {
+            key: 'AVAILABLE_UTC',
+            label: 'Khả dụng từ',
+            kind: 'date',
+            validators: {
+                required: true
+            }
+        },
+        {
+            key: 'TIMEZONE_ID',
+            label: 'Múi giờ',
+            kind: 'timezoneId',
+            defaultValue: 'Asia/Saigon',
+            validators: {
+                required: true
+            },
+            errorMessages: {
+                required: 'Phải xác định múi giờ nghiệp vụ'
+            },
+            row: 2,
+            flexSize: 4
+        }
+    ],
+};
+
+var EnumRCodeForward;
+(function (EnumRCodeForward) {
+    EnumRCodeForward["O_IS_PART_OF_O"] = "O_IS_PART_OF_O";
+    EnumRCodeForward["S_BELONGS_TO_O"] = "S_BELONGS_TO_O";
+    EnumRCodeForward["P_OCCUPIES_S"] = "P_OCCUPIES_S";
+    EnumRCodeForward["S_WORKS_UNDER_S"] = "S_WORKS_UNDER_S";
+    EnumRCodeForward["S_REPORTS_TO_S"] = "S_REPORTS_TO_S";
+})(EnumRCodeForward || (EnumRCodeForward = {}));
+var EnumRCodeOneBackward;
+(function (EnumRCodeOneBackward) {
+    EnumRCodeOneBackward["O_HAS_PART_O"] = "O_HAS_PART_O";
+    EnumRCodeOneBackward["O_HAS_SEAT_S"] = "O_HAS_SEAT_S";
+    EnumRCodeOneBackward["S_IS_OCCUPIED_BY_P"] = "S_IS_OCCUPIED_BY_P";
+    EnumRCodeOneBackward["S_MANAGES_S"] = "S_MANAGES_S";
+    EnumRCodeOneBackward["S_REPORTED_BY_S"] = "S_REPORTED_BY_S";
+})(EnumRCodeOneBackward || (EnumRCodeOneBackward = {}));
+const RCODE_FORWARD_VALUES = Object.values(EnumRCodeForward);
+
+const LINK_O_O = {
+    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: 'VF_UTC',
+            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'
+            },
+            hint: 'Thời điểm được hiểu theo múi giờ nghiệp vụ bên dưới',
+            row: 1,
+            flexSize: 4
+        },
+        {
+            key: 'A_ID', label: 'Tổ chức con', kind: 'orgGardenReference', validators: {
+                required: true
+            },
+            row: 1,
+            flexSize: 4
+        },
+        {
+            key: 'R_CODE', label: 'Mã quan hệ', kind: 'rCode', defaultValue: EnumRCodeForward.O_IS_PART_OF_O, hidden: true
+        },
+        {
+            key: 'B_ID', label: 'Tổ chức cha', kind: 'orgGardenReference', validators: {
+                required: true
+            },
+            row: 1,
+            flexSize: 4
+        },
+        {
+            key: 'VT_UTC',
+            label: 'Hiệu lực đến',
+            kind: 'date',
+            defaultValue: new Date(9999, 11, 31),
+            row: 2,
+            flexSize: 4
+        },
+        {
+            key: 'TIMEZONE_ID',
+            label: 'Múi giờ',
+            kind: 'timezoneId',
+            defaultValue: 'Asia/Saigon',
+            validators: {
+                required: true
+            },
+            errorMessages: {
+                required: 'Phải xác định múi giờ nghiệp vụ'
+            },
+            row: 2,
+            flexSize: 4
+        }
+    ],
+};
+
+const SHORTEN_O_O = {
+    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: 'VF_UTC',
+            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: 'A_ID', label: 'Tổ chức con', kind: 'reference', validators: {
+                required: true
+            }
+        },
+        {
+            key: 'R_CODE', label: 'Mã quan hệ', kind: 'rCode', defaultValue: EnumRCodeForward.O_IS_PART_OF_O, hidden: true
+        },
+        {
+            key: 'B_ID', label: 'Tổ chức cha', kind: 'reference', validators: {
+                required: true
+            }
+        },
+        {
+            key: 'VT_UTC',
+            label: 'Hiệu lực đến',
+            kind: 'date',
+            defaultValue: new Date(9999, 11, 31)
+        },
+        {
+            key: 'TIMEZONE_ID',
+            label: 'Múi giờ',
+            kind: 'timezoneId',
+            defaultValue: 'Asia/Saigon',
+            validators: {
+                required: true
+            },
+            errorMessages: {
+                required: 'Phải xác định múi giờ nghiệp vụ'
+            }
+        }
+    ],
+};
+
+const CREATE_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: 'CODE', label: 'Mã ghế', kind: 'string', validators: {
+                required: true
+            }
+        },
+    ],
+};
+
+const LINK_S_O = {
+    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: 'A_ID', label: 'Ghế', kind: 'reference', validators: {
+                required: true
+            }
+        },
+        {
+            key: 'R_CODE', label: 'Mã quan hệ', kind: 'rCode', defaultValue: EnumRCodeForward.S_BELONGS_TO_O, hidden: true
+        },
+        {
+            key: 'B_ID', label: 'Tổ chức', kind: 'reference', validators: {
+                required: true
+            }
+        },
+    ],
+};
+
+const SHORTEN_S_O = {
+    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: 'A_ID', label: 'Ghế', kind: 'reference', validators: {
+                required: true
+            }
+        },
+        {
+            key: 'R_CODE', label: 'Mã quan hệ', kind: 'rCode', defaultValue: EnumRCodeForward.S_BELONGS_TO_O, hidden: true
+        },
+        {
+            key: 'B_ID', label: 'Tổ chức', kind: 'reference', validators: {
+                required: true
+            }
+        },
+    ],
+};
+
+const LINK_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 điều phối giữa hai ghế.',
+    category: 'PowerLine',
+    quickEmoji: '🧭🪑➡️🪑',
+    inputs: [
+        {
+            key: 'A_ID', label: 'Ghế nguồn', kind: 'reference', validators: {
+                required: true
+            }
+        },
+        {
+            key: 'R_CODE', label: 'Mã quan hệ', kind: 'rCode', defaultValue: EnumRCodeForward.S_WORKS_UNDER_S, hidden: true
+        },
+        {
+            key: 'B_ID', label: 'Ghế đích', kind: 'reference', validators: {
+                required: true
+            }
+        },
+    ],
+};
+
+const SHORTEN_S_S = {
+    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: 'A_ID', label: 'Ghế nguồn', kind: 'reference', validators: {
+                required: true
+            }
+        },
+        {
+            key: 'R_CODE', label: 'Mã quan hệ', kind: 'rCode', defaultValue: EnumRCodeForward.S_WORKS_UNDER_S, hidden: true
+        },
+        {
+            key: 'B_ID', label: 'Ghế đích', kind: 'reference', validators: {
+                required: true
+            }
+        }
+    ],
+};
+
+const LINK_P_S_INTERNAL = {
+    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: 'A_ID', label: 'Người', kind: 'reference', validators: {
+                required: true
+            }
+        },
+        {
+            key: 'R_CODE', label: 'Mã quan hệ', kind: 'rCode', defaultValue: EnumRCodeForward.P_OCCUPIES_S, hidden: true
+        },
+        {
+            key: 'ROLE', label: 'Vai trò', kind: 'role'
+        },
+        {
+            key: 'B_ID', label: 'Ghế', kind: 'reference', validators: {
+                required: true
+            }
+        },
+    ],
+};
+
+const SET_O_ATTR = {
+    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: 'ID', label: 'Tổ chức', kind: 'reference', validators: {
+                required: true
+            }
+        },
+        {
+            key: 'ATTRIBUTE_NAME', label: 'Thuộc tính', kind: 'orgAttributeName', validators: {
+                required: true
+            }
+        }
+    ],
+};
+
+const SET_S_ATTR = {
+    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: 'A_ID', label: 'Ghế', kind: 'reference', validators: {
+                required: true
+            }
+        },
+        {
+            key: 'ATTRIBUTE_NAME', label: 'Thuộc tính', kind: 'seatAttributeName', validators: {
+                required: true
+            }
+        }
+    ],
+};
+
+const SET_P_ATTR = {
+    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: 'ID', label: 'Người', kind: 'reference', validators: {
+                required: true
+            }
+        },
+        {
+            key: 'ATTRIBUTE_NAME', label: 'Thuộc tính', kind: 'personAttributeName', validators: {
+                required: true
+            }
+        }
+    ],
+};
+
+const DECLARE_SNAPSHOT = {
+    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
+            }
+        },
+    ],
+};
+
 const TEMPORAL_INTENT_INPUTS = [
     {
-        key: 'vfUtc',
+        key: 'VF_UTC',
         label: 'Hiệu lực từ',
         kind: 'date',
         validators: { required: true },
@@ -27691,15 +28256,15 @@ const TEMPORAL_INTENT_INPUTS = [
         }
     },
     {
-        key: 'vtUtc',
+        key: 'VT_UTC',
         label: 'Hiệu lực đến',
         kind: 'date',
         defaultValue: new Date(9999, 11, 31)
     },
     {
-        key: 'timezoneId',
+        key: 'TIMEZONE_ID',
         label: 'Múi giờ',
-        kind: 'dropdown',
+        kind: 'timezoneId',
         defaultValue: 'Asia/Saigon',
         validators: {
             required: true
@@ -27713,292 +28278,250 @@ 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
-        ],
-    },
+    CREATE_TREE,
+    CREATE_O,
+    LINK_O_O,
+    SHORTEN_O_O,
     /* =========================
      * 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
-        ],
-    },
+    CREATE_S,
+    LINK_S_O,
+    SHORTEN_S_O,
     /* =========================
      * 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
-        ],
-    },
+    LINK_S_S,
+    SHORTEN_S_S,
     /* =========================
      * 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
-        ],
-    },
+    LINK_P_S_INTERNAL,
     /* =========================
      * 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: [
+    SET_O_ATTR,
+    SET_S_ATTR,
+    SET_P_ATTR,
+    /* =========================
+     * SNAPSHOT / MILESTONE
+     * ========================= */
+    DECLARE_SNAPSHOT
+];
+
+class CoreTimezoneComponent extends CoreFormControlBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.cdts = inject(CoreDatetimeService);
+        this.dropdownOptions$ = new BehaviorSubject([]);
+        this.value = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.dropdownOptions$.next(this.cdts.$timeZones().map(x => ({
+                value: x, text: x
+            })));
+        });
+    }
+    onValueChange(e) {
+        this.markAsTouched();
+        this.onChange(e);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreTimezoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: CoreTimezoneComponent, isStandalone: true, selector: "core-timezone", providers: [
             {
-                key: 'org', label: 'Tổ chức', kind: 'reference', validators: {
-                    required: true
-                }
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => CoreTimezoneComponent),
             },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"core-timezone-container\">\r\n    <core-dropdown \r\n        [options$]=\"dropdownOptions$\"\r\n        [warningDisable]=\"true\"\r\n        [(ngModel)]=\"value\"\r\n        (ngModelOnchange)=\"onValueChange($event)\"\r\n    />\r\n</div>\r\n", styles: [""], dependencies: [{ 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: "ngmodule", type: FormsModule }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreTimezoneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-timezone', imports: [
+                        CoreDropdownComponent,
+                        FormsModule,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => CoreTimezoneComponent),
+                        },
+                    ], template: "<div class=\"core-timezone-container\">\r\n    <core-dropdown \r\n        [options$]=\"dropdownOptions$\"\r\n        [warningDisable]=\"true\"\r\n        [(ngModel)]=\"value\"\r\n        (ngModelOnchange)=\"onValueChange($event)\"\r\n    />\r\n</div>\r\n" }]
+        }] });
+
+class CoreTreeReferenceComponent extends CoreFormControlBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.$data = input.required();
+        this.$itemTemplateRef = input();
+        this.selected = output();
+    }
+    onSelect(node) {
+        this.selected.emit(node);
+        this.value = node.id;
+        console.log("onSelect", this.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreTreeReferenceComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreTreeReferenceComponent, isStandalone: true, selector: "core-tree-reference", inputs: { $data: { classPropertyName: "$data", publicName: "$data", isSignal: true, isRequired: true, transformFunction: null }, $itemTemplateRef: { classPropertyName: "$itemTemplateRef", publicName: "$itemTemplateRef", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, providers: [
             {
-                key: 'attr', label: 'Thuộc tính', kind: 'object', validators: {
-                    required: true
-                }
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => CoreTreeReferenceComponent),
             },
-            ...TEMPORAL_INTENT_INPUTS
-        ],
-    },
+        ], usesInheritance: true, ngImport: i0, template: "<ul class=\"core-tree-root\">\r\n  @for (node of $data(); track node.id) {\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"nodeWrapperTpl\"\r\n      [ngTemplateOutletContext]=\"{ node: node, level: 0 }\">\r\n    </ng-container>\r\n  }\r\n</ul>\r\n\r\n<ng-template #nodeWrapperTpl let-node=\"node\" let-level=\"level\">\r\n  <li\r\n    class=\"core-tree-node\"\r\n    [style.paddingLeft.px]=\"level * 16\"\r\n    (click)=\"onSelect(node)\"\r\n  >\r\n    <!-- CH\u1EC8 render n\u1ED9i dung -->\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"$itemTemplateRef() ?? defaultItemTpl\"\r\n      [ngTemplateOutletContext]=\"{ node: node, level: level }\">\r\n    </ng-container>\r\n  </li>\r\n\r\n  @if (node.children?.length) {\r\n    @for (child of node.children; track child.id) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"nodeWrapperTpl\"\r\n        [ngTemplateOutletContext]=\"{ node: child, level: level + 1 }\">\r\n      </ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultItemTpl let-node=\"node\">\r\n  <span class=\"node-label\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".core-tree-root{list-style:none;margin:0;padding:0}.core-tree-node{display:flex;align-items:center;gap:8px;padding:4px 8px;cursor:pointer;border-radius:4px}.core-tree-node:hover{background-color:#f3f5f7}.node-label{font-size:14px;color:#1f2937}.node-hint{font-size:11px;color:#6b7280;opacity:.7}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreTreeReferenceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-tree-reference', imports: [
+                        NgTemplateOutlet
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => CoreTreeReferenceComponent),
+                        },
+                    ], template: "<ul class=\"core-tree-root\">\r\n  @for (node of $data(); track node.id) {\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"nodeWrapperTpl\"\r\n      [ngTemplateOutletContext]=\"{ node: node, level: 0 }\">\r\n    </ng-container>\r\n  }\r\n</ul>\r\n\r\n<ng-template #nodeWrapperTpl let-node=\"node\" let-level=\"level\">\r\n  <li\r\n    class=\"core-tree-node\"\r\n    [style.paddingLeft.px]=\"level * 16\"\r\n    (click)=\"onSelect(node)\"\r\n  >\r\n    <!-- CH\u1EC8 render n\u1ED9i dung -->\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"$itemTemplateRef() ?? defaultItemTpl\"\r\n      [ngTemplateOutletContext]=\"{ node: node, level: level }\">\r\n    </ng-container>\r\n  </li>\r\n\r\n  @if (node.children?.length) {\r\n    @for (child of node.children; track child.id) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"nodeWrapperTpl\"\r\n        [ngTemplateOutletContext]=\"{ node: child, level: level + 1 }\">\r\n      </ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultItemTpl let-node=\"node\">\r\n  <span class=\"node-label\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".core-tree-root{list-style:none;margin:0;padding:0}.core-tree-node{display:flex;align-items:center;gap:8px;padding:4px 8px;cursor:pointer;border-radius:4px}.core-tree-node:hover{background-color:#f3f5f7}.node-label{font-size:14px;color:#1f2937}.node-hint{font-size:11px;color:#6b7280;opacity:.7}\n"] }]
+        }] });
+
+// Mock data for CoreTreeReferenceComponent
+// Demonstrates:
+// - Multiple root trees
+// - Horizontal (HR) vs Vertical (Project/Committee) structures
+// - Core component neutrality (no domain assumption)
+const MOCK_DATA = [
     {
-        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: [
+        id: '63c5046d-1c44-470e-a5b2-ee86249ae4a2',
+        label: 'Headquarters',
+        meta: {
+            isRoot: true,
+            isHr: true,
+            hint: 'Green (Cây ngành ngang duy nhất)'
+        },
+        children: [
             {
-                key: 'seat', label: 'Ghế', kind: 'reference', validators: {
-                    required: true
-                }
+                id: '0051c3a0-c481-47a4-b356-057ff5f333f1',
+                label: 'R&D Division',
+                children: [
+                    {
+                        id: 'ae0043c6-f304-48e1-8e74-4a4b727ab2ef',
+                        label: 'Backend Team',
+                    },
+                    {
+                        id: 'abef3813-d928-4cbc-93de-11059fa1f50b',
+                        label: 'Frontend Team',
+                    },
+                    {
+                        id: '0d6bb481-23f7-4bdb-b952-b9a9ba4083c6',
+                        label: 'QA Team',
+                    }
+                ]
             },
             {
-                key: 'attr', label: 'Thuộc tính', kind: 'object', validators: {
-                    required: true
-                }
+                id: '8c999b2f-9fa6-4212-b904-3d1bc95c3d34',
+                label: 'Human Resources',
+                children: [
+                    {
+                        id: '6143c4f7-3f4e-4e35-bcbb-d5529a66d3f0',
+                        label: 'HR Administration',
+                    },
+                    {
+                        id: '8847a41e-4f78-456e-816f-bd41076c771b',
+                        label: 'Payroll & Benefits',
+                    }
+                ]
             },
-            ...TEMPORAL_INTENT_INPUTS
-        ],
+            {
+                id: '2c1e287a-b390-4ade-be37-c7121521456d',
+                label: 'Sales Division',
+                children: [
+                    {
+                        id: '1cce1776-1ebf-482f-bb34-39e9e488911e',
+                        label: 'Domestic Sales',
+                    },
+                    {
+                        id: '8aaa7acf-31ab-437f-bd57-e1e0454e337e',
+                        label: 'Global Sales',
+                        children: [
+                            {
+                                id: '94935ddb-bb47-4f1e-8ce6-7baabfc9fd8f',
+                                label: 'APAC Region',
+                            },
+                            {
+                                id: '44b4c0c9-cde8-4a5d-8f4a-b8041e01d511',
+                                label: 'EMEA Region',
+                            }
+                        ]
+                    }
+                ]
+            }
+        ]
     },
     {
-        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: [
+        id: 'f9e929f3-dadd-49f1-aa80-ac022d37dcbc',
+        label: 'Project X',
+        meta: {
+            isRoot: true,
+            isHr: false,
+            hint: 'Red (Cây ngành dọc)'
+        },
+        children: [
             {
-                key: 'person', label: 'Người', kind: 'reference', validators: {
-                    required: true
-                }
+                id: '7a0a3f8d-ef7c-4e8f-9b5b-38fcd6a9c021',
+                label: 'Steering Committee',
             },
             {
-                key: 'attr', label: 'Thuộc tính', kind: 'object', validators: {
-                    required: true
-                }
-            },
-            ...TEMPORAL_INTENT_INPUTS
-        ],
+                id: '9b6b1b2e-0df0-4f6e-9e7c-8b8f6a7c0d11',
+                label: 'Execution Team',
+                children: [
+                    {
+                        id: 'b1c3e7a9-5f0a-4e7d-9c8a-6f4a2b9d0e31',
+                        label: 'Technical Lead',
+                    },
+                    {
+                        id: 'c4f9a2e1-7b6d-4a1e-9c0f-3a2b8d9e7f61',
+                        label: 'Business Coordinator',
+                    }
+                ]
+            }
+        ]
     },
-    /* =========================
-     * 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: [
+        id: 'bd8c8633-9302-4510-ad7a-2eebc6e6a143',
+        label: 'Committee Y',
+        meta: {
+            isRoot: true,
+            isHr: false,
+            hint: 'Red (Cây ngành dọc)'
+        },
+        children: [
             {
-                key: 'note', label: 'Ghi chú mốc', kind: 'string', validators: {
-                    required: true
-                }
+                id: 'a0c2f8d4-4e9b-4b6e-9f4d-5e6a1b7c9d21',
+                label: 'Chairman Office',
             },
-        ],
-    },
+            {
+                id: 'd9e8f7c6-5b4a-4e3d-9c2b-1a0f8e7d6c51',
+                label: 'Advisory Panel',
+                children: [
+                    {
+                        id: 'e3a7d9c8-4b5f-4a6e-9d0c-2f1b8e7a6c91',
+                        label: 'Legal Advisor',
+                    },
+                    {
+                        id: 'f2b1a0c9-8e7d-4f6a-9b5c-3d4e6a7c8b11',
+                        label: 'Financial Advisor',
+                    }
+                ]
+            }
+        ]
+    }
 ];
 
 class IntentComposerComponent extends BaseComponent {
     constructor(mls) {
         super(mls);
         this.mls = mls;
+        this.MOCK_DATA = MOCK_DATA;
         // ===== Inputs / Outputs =====
         this.$descriptor = input.required();
         this.$intentComposed = output();
@@ -28007,22 +28530,58 @@ class IntentComposerComponent extends BaseComponent {
         this.$draftInput = signal({});
         this.$errors = signal([]);
         this.$checkError = signal(true);
+        this.$defaultOrgItemTpl = viewChild('defaultOrgItemTpl');
         // ===== Services =====
         this.fb = inject(FormBuilder);
         this.as = inject(AlertService);
-        this.cdts = inject(CoreDatetimeService);
         this.form = this.fb.group({});
-        this.timezoneOptions$ = new BehaviorSubject([]);
+        this.$rowableInputs = computed(() => {
+            const inputs = this.$descriptor().inputs ?? [];
+            // Map<row, inputs[]>
+            const rowMap = new Map();
+            for (const input of inputs) {
+                const row = input.row ?? 0;
+                if (!rowMap.has(row)) {
+                    rowMap.set(row, []);
+                }
+                rowMap.get(row).push(input);
+            }
+            // Preserve row order (ascending)
+            return Array
+                .from(rowMap.entries())
+                .sort(([a], [b]) => a - b)
+                .map(([row, inputs]) => ({
+                row,
+                inputs
+            }));
+        });
+        this.rCodeOptions$ = new BehaviorSubject(RCODE_FORWARD_VALUES.map(x => ({ value: x, text: x })));
+        this.roleOptions$ = new BehaviorSubject([
+            {
+                value: 'MASTER',
+                text: 'MASTER',
+            },
+            {
+                value: 'CONCURRENT',
+                text: 'CONCURRENT',
+            },
+            {
+                value: 'INTERIM',
+                text: 'INTERIM',
+            },
+        ]);
+        this.treeIdOptions$ = new BehaviorSubject([
+            {
+                value: 'bddb5729-9da1-48f7-bfe4-98ce2d71eba1',
+                text: 'HR'
+            },
+        ]);
         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) {
@@ -28030,6 +28589,9 @@ class IntentComposerComponent extends BaseComponent {
         // Logical inputs
         for (const input of descriptor.inputs) {
             controls[input.key] = new FormControl(input.defaultValue ?? null, this.buildValidators(input.validators));
+            if (input.disabled) {
+                controls[input.key].disable();
+            }
         }
         this.form = new FormGroup(controls);
     }
@@ -28131,7 +28693,7 @@ class IntentComposerComponent extends BaseComponent {
         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" }] }); }
+    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" }, viewQueries: [{ propertyName: "$defaultOrgItemTpl", first: true, predicate: ["defaultOrgItemTpl"], descendants: true, isSignal: true }], 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().quickEmoji }} | {{ $descriptor().description }}</p>\r\n\r\n  <!-- Inputs -->\r\n  <div class=\"intent-inputs\">\r\n\r\n\r\n    @for (row of $rowableInputs(); track $index) {\r\n\r\n      <div class=\"intent-row\">\r\n        @for (input of row.inputs; track $index) {\r\n          <div\r\n            class=\"intent-cell\"\r\n            [style.flex]=\"input.flexSize ?? 1\"\r\n            [class.hidden]=\"input.hidden\"\r\n          >\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 ('treeId') {\r\n                <core-dropdown\r\n                  [options$]=\"treeIdOptions$\"\r\n                  [warningDisable]=\"true\"\r\n                  [formControlName]=\"input.key\"                        \r\n                />\r\n              }\r\n\r\n              @case ('boolean') {\r\n                <core-ios-switcher [formControlName]=\"input.key\" [showOnOffText]=\"false\" [width]=\"66\" />\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 ('dropdown') {\r\n                <core-date-picker \r\n                  [formControlName]=\"input.key\"            \r\n                />\r\n              }\r\n\r\n              @case ('timezoneId') {\r\n                <core-timezone \r\n                  [formControlName]=\"input.key\"                        \r\n                />\r\n              }\r\n\r\n              @case ('orgGardenReference') {\r\n                <!-- <core-tree-reference \r\n                  [formControlName]=\"input.key\"\r\n                  [$data]=\"MOCK_DATA\"\r\n                  [$itemTemplateRef]=\"$defaultOrgItemTpl()\"\r\n                /> -->\r\n                <core-tree-reference \r\n                  [formControlName]=\"input.key\"\r\n                  [$data]=\"MOCK_DATA\"\r\n                />                \r\n              }\r\n\r\n              @case ('rCode') {\r\n                <core-dropdown\r\n                  [options$]=\"rCodeOptions$\"\r\n                  [warningDisable]=\"true\"\r\n                  [formControlName]=\"input.key\"                        \r\n                />\r\n              }\r\n\r\n              @case ('role') {\r\n                <core-dropdown\r\n                  [options$]=\"roleOptions$\"\r\n                  [warningDisable]=\"true\"\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          </div>\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}\r\n\r\n<ng-template #defaultOrgItemTpl let-node=\"node\" let-level=\"level\">\r\n  <div class=\"test-itemTemplateRef\">\r\n    {{ node.label }}\r\n  </div>\r\n</ng-template>", styles: [".intent-composer-container .intent-inputs .intent-row{display:flex;gap:12px}.intent-composer-container .intent-inputs .intent-row .intent-cell.hidden{display:none}.intent-composer-container .intent-inputs .intent-row .intent-input{display:flex;flex-direction:column;margin-top:15px;margin-bottom:15px}.intent-composer-container .intent-inputs .intent-row .intent-input label{color:#464646}.intent-composer-container .intent-inputs .intent-row .intent-input label.required:after{content:\"*\";color:#ff040b}.intent-composer-container .composer-actions{display:flex;justify-content:space-between}.test-itemTemplateRef{padding:15px;background-color:#6495ed;color:#fff}\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: "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: CoreTimezoneComponent, selector: "core-timezone" }, { kind: "component", type: CoreTreeReferenceComponent, selector: "core-tree-reference", inputs: ["$data", "$itemTemplateRef"], outputs: ["selected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: IntentComposerComponent, decorators: [{
             type: Component,
@@ -28141,8 +28703,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         CoreIosSwitcherComponent,
                         CoreDatePickerComponent,
                         CoreDropdownComponent,
+                        CoreTimezoneComponent,
+                        CoreTreeReferenceComponent,
                         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"] }]
+                    ], 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().quickEmoji }} | {{ $descriptor().description }}</p>\r\n\r\n  <!-- Inputs -->\r\n  <div class=\"intent-inputs\">\r\n\r\n\r\n    @for (row of $rowableInputs(); track $index) {\r\n\r\n      <div class=\"intent-row\">\r\n        @for (input of row.inputs; track $index) {\r\n          <div\r\n            class=\"intent-cell\"\r\n            [style.flex]=\"input.flexSize ?? 1\"\r\n            [class.hidden]=\"input.hidden\"\r\n          >\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 ('treeId') {\r\n                <core-dropdown\r\n                  [options$]=\"treeIdOptions$\"\r\n                  [warningDisable]=\"true\"\r\n                  [formControlName]=\"input.key\"                        \r\n                />\r\n              }\r\n\r\n              @case ('boolean') {\r\n                <core-ios-switcher [formControlName]=\"input.key\" [showOnOffText]=\"false\" [width]=\"66\" />\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 ('dropdown') {\r\n                <core-date-picker \r\n                  [formControlName]=\"input.key\"            \r\n                />\r\n              }\r\n\r\n              @case ('timezoneId') {\r\n                <core-timezone \r\n                  [formControlName]=\"input.key\"                        \r\n                />\r\n              }\r\n\r\n              @case ('orgGardenReference') {\r\n                <!-- <core-tree-reference \r\n                  [formControlName]=\"input.key\"\r\n                  [$data]=\"MOCK_DATA\"\r\n                  [$itemTemplateRef]=\"$defaultOrgItemTpl()\"\r\n                /> -->\r\n                <core-tree-reference \r\n                  [formControlName]=\"input.key\"\r\n                  [$data]=\"MOCK_DATA\"\r\n                />                \r\n              }\r\n\r\n              @case ('rCode') {\r\n                <core-dropdown\r\n                  [options$]=\"rCodeOptions$\"\r\n                  [warningDisable]=\"true\"\r\n                  [formControlName]=\"input.key\"                        \r\n                />\r\n              }\r\n\r\n              @case ('role') {\r\n                <core-dropdown\r\n                  [options$]=\"roleOptions$\"\r\n                  [warningDisable]=\"true\"\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          </div>\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}\r\n\r\n<ng-template #defaultOrgItemTpl let-node=\"node\" let-level=\"level\">\r\n  <div class=\"test-itemTemplateRef\">\r\n    {{ node.label }}\r\n  </div>\r\n</ng-template>", styles: [".intent-composer-container .intent-inputs .intent-row{display:flex;gap:12px}.intent-composer-container .intent-inputs .intent-row .intent-cell.hidden{display:none}.intent-composer-container .intent-inputs .intent-row .intent-input{display:flex;flex-direction:column;margin-top:15px;margin-bottom:15px}.intent-composer-container .intent-inputs .intent-row .intent-input label{color:#464646}.intent-composer-container .intent-inputs .intent-row .intent-input label.required:after{content:\"*\";color:#ff040b}.intent-composer-container .composer-actions{display:flex;justify-content:space-between}.test-itemTemplateRef{padding:15px;background-color:#6495ed;color:#fff}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }] });
 
 /**
@@ -28160,33 +28724,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 class CoreDomDecisionEditorComponent extends CoreFormControlBaseComponent {
     constructor() {
         super(...arguments);
+        this.$omega = signal({
+            omegaVersion: '1.0',
+            inputChain: []
+        });
         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: [],
+        this.$projection = computed(() => {
+            const omega = this.$omega();
+            // Trường hợp cực đoan (chỉ khi anh vẫn cho omega nullable)
+            if (!omega) {
+                return {
+                    intentCount: 0,
+                    validityLabel: 'Chưa có quyết định',
+                    intents: [],
+                    outputs: [],
+                };
+            }
+            return this.rebuildProjectionFromOmega(omega);
         });
     }
     writeValue(omega) {
         this.value = omega ?? '';
-        this.$projection.set(this.rebuildProjectionFromOmega(this.value));
+        //this.$projection.set(this.rebuildProjectionFromOmega(this.value));
     }
     rebuildProjectionFromOmega(omega) {
-        // TODO:
-        // - parse Omega
-        // - build Projection VM
-        // - NO mutation
-        // - NO inference
+        const intents = omega.inputChain.map(intent => {
+            const descriptor = INTENT_DESCRIPTOR_REGISTRY
+                .find(d => d.actionCode === intent.actionCode);
+            const actionLabel = descriptor?.label ?? intent.actionCode;
+            return {
+                seq: intent.seq,
+                actionLabel,
+                summary: "TO DO"
+            };
+        });
         return {
-            intentCount: 0,
-            validityLabel: 'Chưa có quyết định',
-            intents: [],
-            outputs: [],
+            intentCount: intents.length,
+            validityLabel: intents.length === 0
+                ? 'Chưa có quyết định'
+                : 'Đang soạn thảo',
+            intents,
+            outputs: []
         };
     }
     onAddIntent() {
@@ -28209,7 +28791,20 @@ class CoreDomDecisionEditorComponent extends CoreFormControlBaseComponent {
         this.$selectedIntentDescriptor.set(null);
     }
     onIntentDrafted(draft) {
-        //this.appendIntent(draft);   // hoặc logic anh đang dùng
+        this.$omega.update(omega => {
+            const nextSeq = omega.inputChain.length + 1;
+            return {
+                ...omega,
+                inputChain: [
+                    ...omega.inputChain,
+                    {
+                        seq: nextSeq,
+                        actionCode: draft.actionCode,
+                        input: draft.input
+                    }
+                ]
+            };
+        });
         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 }); }
@@ -28219,19 +28814,20 @@ class CoreDomDecisionEditorComponent extends CoreFormControlBaseComponent {
                 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"] }] }); }
+        ], 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            <div class=\"intent-card\">\r\n\r\n              <!-- Header -->\r\n              <div class=\"intent-header\">\r\n                <span class=\"intent-seq\">#{{ intent.seq }}</span>\r\n                <span class=\"intent-label\">{{ intent.actionLabel }}</span>\r\n              </div>\r\n\r\n              <!-- Body -->\r\n              <div class=\"intent-body\">\r\n                @if (intent.summary) {\r\n                  <div class=\"intent-summary\">\r\n                    {{ intent.summary }}\r\n                  </div>\r\n                } @else {\r\n                  <div class=\"intent-summary muted\">\r\n                    (Ch\u01B0a c\u00F3 di\u1EC5n gi\u1EA3i chi ti\u1EBFt)\r\n                  </div>\r\n                }\r\n              </div>\r\n\r\n              <!-- Footer -->\r\n              <div class=\"intent-footer\">\r\n                <button type=\"button\" class=\"btn btn-ghost\">\r\n                  Xem\r\n                </button>\r\n                <button type=\"button\" class=\"btn btn-danger-ghost\">\r\n                  G\u1EE1\r\n                </button>\r\n              </div>\r\n\r\n            </div>\r\n          </li>\r\n        }\r\n      </ol>\r\n\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  </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>{{ $omega() | json }}</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        @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;max-height:unset}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry{padding-left:0;overflow-y:scroll;height:60vh}.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{color:#fff;background-color:#09f}.core-dom-decision-editor-container .intent-chain .intent-list{list-style:none;padding:0;margin:0}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item{margin-bottom:12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card{border:1px solid #d0d7de;border-radius:4px;background:#fff;padding:10px 12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-header{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:6px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-header .intent-seq{background:#e6f0ff;color:#084298;border-radius:3px;padding:2px 6px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-header .intent-label{color:#212529}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-body{padding-left:28px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-body .intent-summary{color:#495057}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-body .intent-summary.muted{color:#adb5bd;font-style:italic}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer{display:flex;gap:8px;margin-top:8px;padding-left:28px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer .btn{border:none;background:none;cursor:pointer;font-size:13px;padding:2px 6px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer .btn-ghost{color:#0d6efd}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer .btn-ghost:hover{text-decoration:underline}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer .btn-danger-ghost{color:#dc3545}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer .btn-danger-ghost:hover{text-decoration:underline}\n"], dependencies: [{ kind: "component", type: IntentComposerComponent, selector: "intent-composer", inputs: ["$descriptor"], outputs: ["$intentComposed", "$cancelled"] }, { kind: "pipe", type: JsonPipe, name: "json" }] }); }
 }
 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
+                        IntentComposerComponent,
+                        JsonPipe,
                     ], 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"] }]
+                    ], 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            <div class=\"intent-card\">\r\n\r\n              <!-- Header -->\r\n              <div class=\"intent-header\">\r\n                <span class=\"intent-seq\">#{{ intent.seq }}</span>\r\n                <span class=\"intent-label\">{{ intent.actionLabel }}</span>\r\n              </div>\r\n\r\n              <!-- Body -->\r\n              <div class=\"intent-body\">\r\n                @if (intent.summary) {\r\n                  <div class=\"intent-summary\">\r\n                    {{ intent.summary }}\r\n                  </div>\r\n                } @else {\r\n                  <div class=\"intent-summary muted\">\r\n                    (Ch\u01B0a c\u00F3 di\u1EC5n gi\u1EA3i chi ti\u1EBFt)\r\n                  </div>\r\n                }\r\n              </div>\r\n\r\n              <!-- Footer -->\r\n              <div class=\"intent-footer\">\r\n                <button type=\"button\" class=\"btn btn-ghost\">\r\n                  Xem\r\n                </button>\r\n                <button type=\"button\" class=\"btn btn-danger-ghost\">\r\n                  G\u1EE1\r\n                </button>\r\n              </div>\r\n\r\n            </div>\r\n          </li>\r\n        }\r\n      </ol>\r\n\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  </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>{{ $omega() | json }}</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        @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;max-height:unset}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry{padding-left:0;overflow-y:scroll;height:60vh}.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{color:#fff;background-color:#09f}.core-dom-decision-editor-container .intent-chain .intent-list{list-style:none;padding:0;margin:0}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item{margin-bottom:12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card{border:1px solid #d0d7de;border-radius:4px;background:#fff;padding:10px 12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-header{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:6px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-header .intent-seq{background:#e6f0ff;color:#084298;border-radius:3px;padding:2px 6px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-header .intent-label{color:#212529}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-body{padding-left:28px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-body .intent-summary{color:#495057}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-body .intent-summary.muted{color:#adb5bd;font-style:italic}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer{display:flex;gap:8px;margin-top:8px;padding-left:28px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer .btn{border:none;background:none;cursor:pointer;font-size:13px;padding:2px 6px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer .btn-ghost{color:#0d6efd}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer .btn-ghost:hover{text-decoration:underline}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer .btn-danger-ghost{color:#dc3545}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-footer .btn-danger-ghost:hover{text-decoration:underline}\n"] }]
         }] });
 
 class CoreControlComponent extends BaseComponent {
@@ -28371,7 +28967,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 (\"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$"] }] }); }
+    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                    [formArrayIdentityField]=\"control.formArrayIdentityField ?? 'id'\"\r\n                    [config]=\"control.formArraySections! ?? []\"\r\n                    [disabled]=\"control.disabled!\"\r\n                    [readonly]=\"control.readonly!\"\r\n                    [addNewMode$]=\"control.addNewMode$!\"\r\n                    [removeDisabledIf]=\"control.removeDisabledIf!\"\r\n                    [removeDisabledIfMessage]=\"control.removeDisabledIfMessage!\"\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$", "formArrayIdentityField", "addNewMode$", "readonly", "disabled", "removeDisabledIf", "removeDisabledIfMessage"] }, { 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,
@@ -28406,7 +29002,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         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 (\"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"] }]
+                    ], 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                    [formArrayIdentityField]=\"control.formArrayIdentityField ?? 'id'\"\r\n                    [config]=\"control.formArraySections! ?? []\"\r\n                    [disabled]=\"control.disabled!\"\r\n                    [readonly]=\"control.readonly!\"\r\n                    [addNewMode$]=\"control.addNewMode$!\"\r\n                    [removeDisabledIf]=\"control.removeDisabledIf!\"\r\n                    [removeDisabledIfMessage]=\"control.removeDisabledIfMessage!\"\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: [{
@@ -33300,7 +33896,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const hrmSchemaRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-D56qeUNM.mjs').then(m => m.HrmSchemaComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-CErIMXQv.mjs').then(m => m.HrmSchemaComponent)
     }
 ];
 
@@ -35473,7 +36069,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const simpleChatRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-D1k8Emdl.mjs').then(m => m.SimpleChatComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-C-NEp41J.mjs').then(m => m.SimpleChatComponent)
     }
 ];
 
@@ -36139,7 +36735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreSysActionRoutes = [
     {
         path: "",
-        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-0dbcfop9.mjs').then(m => m.CoreSysActionComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-D5fT6yqc.mjs').then(m => m.CoreSysActionComponent),
         children: [
             {
                 path: ":id",
@@ -37532,11 +38128,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const sysSmtpClientRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client.component-Bbcn4r1k.mjs').then(m => m.SysSmtpClientComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client.component-BSNdC0fI.mjs').then(m => m.SysSmtpClientComponent),
         children: [
             {
                 path: ':id',
-                loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client-edit.component-CfzO29Lp.mjs').then(m => m.SysSmtpClientEditComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client-edit.component-DZ4p_Fxr.mjs').then(m => m.SysSmtpClientEditComponent),
                 outlet: 'corePageListAux'
             }
         ]
@@ -38722,11 +39318,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-z_4A9WFA.mjs').then(m => m.TemplateListComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-B4eqR8Au.mjs').then(m => m.TemplateListComponent),
     },
     {
         path: ":id",
-        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-DSkJCe1P.mjs').then(m => m.CoreTemplateEditorComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-BKr8PErZ.mjs').then(m => m.CoreTemplateEditorComponent),
         canDeactivate: [CanDeactivateGuard]
     },
     {
@@ -38755,7 +39351,7 @@ const coreFormDesignRoutes = [
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-BWdjH0_j.mjs').then(m => m.CoreFormDesignComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-Cam7V7oB.mjs').then(m => m.CoreFormDesignComponent)
     }
 ];
 
@@ -39666,7 +40262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreNavigationTrackerRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-BLW6Z-nb.mjs').then(m => m.TrackerStudioComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-D8f2uMmY.mjs').then(m => m.TrackerStudioComponent)
     }
 ];
 
@@ -42769,33 +43365,33 @@ const coreWorkflowRoutes = [
                     {
                         path: 'form-assign/:id',
                         outlet: "formAssignAux",
-                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-Snsq54lS.mjs').then(m => m.WfFormAssignComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-E74A5t9G.mjs').then(m => m.WfFormAssignComponent),
                         canDeactivate: [CanDeactivateGuard]
                     }
                 ]
             },
             {
                 path: 'global-config',
-                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-uH0_6nrs.mjs').then(m => m.WfGlobalConfigComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-BDTnGgs7.mjs').then(m => m.WfGlobalConfigComponent)
             },
             {
                 path: 'db-settings',
-                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-BlPfMcNb.mjs').then(m => m.DbSettingsComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-B7J6Vmhl.mjs').then(m => m.DbSettingsComponent)
             },
             {
                 path: 'workflow-consume',
-                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-CSO45aXX.mjs').then(m => m.CoreWorkflowConsumeComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-BIx0TovN.mjs').then(m => m.CoreWorkflowConsumeComponent),
                 children: [
                     {
                         path: ':id',
                         outlet: "workflowConsume",
-                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-C-feoub0.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-R3sLrUSc.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
                     }
                 ]
             },
             {
                 path: 'workflow-consume/:id',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-C-feoub0.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-R3sLrUSc.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
             },
             {
                 path: 'workflow-group-edit/:id',
@@ -42805,21 +43401,21 @@ const coreWorkflowRoutes = [
             },
             {
                 path: 'design/:id',
-                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-kxf1j0_8.mjs').then(m => m.wfDesignWrapperRoutes),
+                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-BPX0_yrT.mjs').then(m => m.wfDesignWrapperRoutes),
             },
         ]
     },
     {
         path: 'react/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-DyhxYZTO.mjs').then(m => m.WfInstanceStepReactComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-C2ZQHv56.mjs').then(m => m.WfInstanceStepReactComponent)
     },
     {
         path: 'status/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-C5m-H34L.mjs').then(m => m.WfInstanceStatusComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-DSz84k3j.mjs').then(m => m.WfInstanceStatusComponent)
     },
     {
         path: 'lab',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-lab.component-3-5CrqQX.mjs').then(m => m.WfLabComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-lab.component-i6ic1Lf3.mjs').then(m => m.WfLabComponent)
     }
 ];
 
@@ -45427,5 +46023,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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
+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, PageTitleComponent 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, EnumCoreTreeGridEditMode as eA, CoreTreeGridComponent as eB, CoreTreeReferenceComponent as eC, CoreWageSeekerComponent as eD, CoreWorkingSeekerComponent as eE, coreWorkflowRoutes as eF, CoreWorkflowBuilderComponent as eG, CoreWorkflowGroupEditComponent as eH, CoreYearPickerComponent as eI, CoreYearSelectorComponent as eJ, EnumCoreD3ScaleType as eK, CoreD3Service as eL, CorePieComponent as eM, CoreScatterPlotComponent as eN, EnumHrComparisonCode as eO, EnumICoreStatisticWidgetDataType as eP, CoreStatisticWidgetComponent as eQ, DecisionComponent as eR, EvaluateDialogComponent as eS, HuconcurrentlyComponent as eT, JobComponent as eU, LanguageChangerComponent as eV, DEFAULT_SVG as eW, ItemComponent as eX, NavigatorComponent as eY, OtpInputComponent as eZ, OtpInputService 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, CoreTimezoneComponent as ey, CoreTreeComponent as ez, CorePageListComponent as f, PaginationComponent as f0, FilterPipe as f1, normalizeHumanName as f2, PositionComponent as f3, PositionEditService as f4, FileService as f5, LongTaskService as f6, EnumRecursiveFields as f7, RecursiveService as f8, StringService as f9, UnicodeService as fa, StaffProfileComponent as fb, ThreedotsComponent as fc, TooltipComponent as fd, UserActivityComponent as fe, WageComponent as ff, tooltip_directive as fg, coreStickerCollection_component as fh, dragReorder_directive as fi, 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-Dn5Nu0X2.mjs.map