ngx-histaff-alpha 6.3.8 → 6.4.0

package/fesm2022/{ngx-histaff-alpha-ngx-histaff-alpha-BJ3ZVba7.mjs → ngx-histaff-alpha-ngx-histaff-alpha-CU08OP4d.mjs}

@@ -4925,8 +4925,14 @@ class LangInterceptor {
         this.mls = mls;
     }
     intercept(req, next) {
+        // const modifiedReq = req.clone({
+        //     headers: req.headers.set('Client-Languague', this.mls.lang$.value),
+        // });
         const modifiedReq = req.clone({
-            headers: req.headers.set('Client-Languague', this.mls.lang$.value),
+            setHeaders: {
+                'Client-Languague': this.mls.lang$.value, // giữ
+                'Client-Language': this.mls.lang$.value // mới
+            }
         });
         return next.handle(modifiedReq);
     }
@@ -4939,8 +4945,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 // Fn style
 function langInterceptor(req, next) {
     const mls = inject(MultiLanguageService);
+    // const modifiedReq = req.clone({
+    //     headers: req.headers.set('Client-Languague', mls.lang$.value),
+    // });
     const modifiedReq = req.clone({
-        headers: req.headers.set('Client-Languague', mls.lang$.value),
+        setHeaders: {
+            'Client-Languague': mls.lang$.value, // giữ
+            'Client-Language': mls.lang$.value // mới
+        }
     });
     return next(modifiedReq);
 }
@@ -21781,6 +21793,27 @@ class CoreFormService {
             }
         });
     }
+    syncAllFormArraysBeforePatch(form, value) {
+        Object.entries(value).forEach(([key, val]) => {
+            const ctrl = form.get(key);
+            if (!(ctrl instanceof FormArray))
+                return;
+            if (!Array.isArray(val))
+                return;
+            const config = this.getConfigForFormArray(key);
+            if (!config) {
+                console.warn(`FormArray '${key}' has no registered config.`);
+                return;
+            }
+            // 1. Clear existing items
+            ctrl.clear();
+            // 2. Rebuild items based on backend array length
+            val.forEach(() => {
+                const fg = this.buildGroupFromConfig(config);
+                ctrl.push(fg);
+            });
+        });
+    }
     // Register config for a given FormArray (e.g. "contracts")
     registerFormArrayConfig(fieldName, config) {
         this.formArrayConfigMap[fieldName] = config;
@@ -27444,6 +27477,8 @@ class CorePageEditComponent {
             // this.form.setValue(body.innerBody)
             // so, we use patchValue method :
             this.currentValue = body.innerBody;
+            // 1) Sync all form arrays BEFORE patching value
+            this.coreFormService.syncAllFormArraysBeforePatch(this.form, this.currentValue);
             this.form.patchValue(this.currentValue);
             this.sections.map((section) => {
                 section.rows.map((row) => {
@@ -31586,7 +31621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const hrmSchemaRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-DhcmippJ.mjs').then(m => m.HrmSchemaComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-BI7HxLeq.mjs').then(m => m.HrmSchemaComponent)
     }
 ];
 
@@ -33759,7 +33794,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const simpleChatRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-Da4H2k5o.mjs').then(m => m.SimpleChatComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-fv_f7Wah.mjs').then(m => m.SimpleChatComponent)
     }
 ];
 
@@ -36198,1039 +36233,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                     ], template: "<div class=\"modal-container\">\r\n    <div class=\"modal-container-root\">\r\n        <div class=\"edit-container\">\r\n\r\n            <core-page-header [title]=\"'EDIT_ACTION_SVG_ICON'\" [hideButtonGroup]=\"true\"></core-page-header>\r\n\r\n            <div class=\"object-property w-100 fw700 color-gray\">\r\n                <div>{{ id }} <span> \u2022 </span> {{ code }} <span> \u2022 </span> {{ (code || '') | translate: lang }} </div>\r\n            </div>\r\n\r\n            <div class=\"h15\"></div>\r\n\r\n            <div class=\"d-flex d-flex-between\">\r\n\r\n                <div class=\"entry\">\r\n                    <div class=\"label\">Enter Svg element here:</div>\r\n                    <textarea class=\"form-control\" [(ngModel)]=\"svg\" [rows]=\"'10'\"\r\n                        [ngStyle]=\"{ height: 'unset'}\"></textarea>\r\n                </div>\r\n                <div class=\"preview d-flex d-flex-v d-flex-between\">\r\n                    <div class=\"label\">Preview:</div>\r\n                    <div class=\"preview-icon\" [innerHtml]=\"svg | stringHtml\">\r\n\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"h15\"></div>\r\n            <div class=\"d-flex d-flex-end\">\r\n                <core-button-group-vns [showCaption]=\"true\" [forHeader]=\"false\" (buttonClick)=\"onButtonClick($event)\"\r\n                    [shownItems]=\"buttonItems\" class=\"buttonGroupCustom\"></core-button-group-vns>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".edit-container{width:800px;height:400px;padding:0 15px 15px;background-color:#fff}.edit-container .entry{width:655px}.edit-container .preview{width:100px;height:100px}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }, { type: ActionService }, { type: AppService }, { type: AlertService }] });
 
-const COM_MOKEUP_DATA = [
-    {
-        "id": 2,
-        "name": "Hanoi Office Test",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "HOT",
-        "isActive": true
-    },
-    {
-        "id": 3,
-        "name": "Corporate Group ",
-        "parentId": 2,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "CG",
-        "isActive": true
-    },
-    {
-        "id": 4,
-        "name": "BACKEND_ONLY.HU_ORGANIZATION.NAME.TI",
-        "parentId": 2,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "TI",
-        "isActive": true
-    },
-    {
-        "id": 5,
-        "name": "Project and Investment",
-        "parentId": 2,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "PI",
-        "isActive": true
-    },
-    {
-        "id": 6,
-        "name": "Treasury & Accounting Department",
-        "parentId": 3,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "TA",
-        "isActive": true
-    },
-    {
-        "id": 7,
-        "name": "Legal &Risk Management department",
-        "parentId": 3,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "LR",
-        "isActive": true
-    },
-    {
-        "id": 8,
-        "name": "Corporate Planning & Coordination department",
-        "parentId": 3,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "CC",
-        "isActive": true
-    },
-    {
-        "id": 9,
-        "name": "Administration and Planning department",
-        "parentId": 3,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "Admin",
-        "isActive": true
-    },
-    {
-        "id": 10,
-        "name": "Da Nang Office",
-        "parentId": 3,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "DN",
-        "isActive": true
-    },
-    {
-        "id": 11,
-        "name": "Ha Noi Iron, Steel & Non-ferrous Metal department",
-        "parentId": 4,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "IS",
-        "isActive": true
-    },
-    {
-        "id": 12,
-        "name": "Ha Noi Chemicals, Plastics and Mineral Resources department\n",
-        "parentId": 4,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "HNC",
-        "isActive": true
-    },
-    {
-        "id": 13,
-        "name": "Mineral Resources department",
-        "parentId": 4,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "MR",
-        "isActive": true
-    },
-    {
-        "id": 14,
-        "name": "BACKEND_ONLY.HU_ORGANIZATION.NAME.TP",
-        "parentId": 5,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "TP",
-        "isActive": true
-    },
-    {
-        "id": 15,
-        "name": "Automotive Department Business ",
-        "parentId": 5,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "ADB",
-        "isActive": true
-    },
-    {
-        "id": 16,
-        "name": "Environment & Infrastructure Project Business department\n",
-        "parentId": 5,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "EIPB",
-        "isActive": true
-    },
-    {
-        "id": 17,
-        "name": "Power Infrastructure Business department",
-        "parentId": 5,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "PIB",
-        "isActive": true
-    },
-    {
-        "id": 18,
-        "name": "General Director",
-        "parentId": 3,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "GD",
-        "isActive": true
-    },
-    {
-        "id": 30,
-        "name": "Ho Chi Minh Office",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "A",
-        "isActive": true
-    },
-    {
-        "id": 31,
-        "name": "Corporate Group",
-        "parentId": 30,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "B",
-        "isActive": true
-    },
-    {
-        "id": 32,
-        "name": "Metal, Chemical, Natural Resources & Living-related Business Group",
-        "parentId": 30,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "C",
-        "isActive": true
-    },
-    {
-        "id": 33,
-        "name": "Project & Machinery Group",
-        "parentId": 30,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "D",
-        "isActive": true
-    },
-    {
-        "id": 43,
-        "name": "Administration and Planning department ",
-        "parentId": 31,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "43",
-        "isActive": true
-    },
-    {
-        "id": 44,
-        "name": "Treasury & Accounting Department",
-        "parentId": 31,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "E",
-        "isActive": true
-    },
-    {
-        "id": 45,
-        "name": "Legal & Risk Management Department",
-        "parentId": 31,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "CZ",
-        "isActive": true
-    },
-    {
-        "id": 46,
-        "name": "BACKEND_ONLY.HU_ORGANIZATION.NAME.TUBULARS PRODUCTS DEPT.",
-        "parentId": 32,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "F",
-        "isActive": true
-    },
-    {
-        "id": 47,
-        "name": "Iron, Steel & Non-Ferrous Metal Dept",
-        "parentId": 32,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "G",
-        "isActive": true
-    },
-    {
-        "id": 48,
-        "name": "Energy Dept.",
-        "parentId": 32,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "H",
-        "isActive": true
-    },
-    {
-        "id": 49,
-        "name": "Chemicals and Plastics Dept",
-        "parentId": 32,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "I",
-        "isActive": true
-    },
-    {
-        "id": 50,
-        "name": "Media, Food, Materials & Real Estate dept\n",
-        "parentId": 32,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "J",
-        "isActive": true
-    },
-    {
-        "id": 51,
-        "name": "Transportation Project Dept",
-        "parentId": 33,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "K",
-        "isActive": true
-    },
-    {
-        "id": 52,
-        "name": "Power Infrastructure Business Dept.",
-        "parentId": 33,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "L",
-        "isActive": true
-    },
-    {
-        "id": 2111,
-        "name": "Corporate Planning and Coordination Department",
-        "parentId": 31,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "CPC",
-        "isActive": true
-    },
-    {
-        "id": 2131,
-        "name": "Corporate Group test",
-        "parentId": 3,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "81",
-        "isActive": true
-    },
-    {
-        "id": 2132,
-        "name": "phòng kiểm thử 34",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "PKT34",
-        "isActive": true
-    },
-    {
-        "id": 22146,
-        "name": "Hanoi Office",
-        "parentId": 22145,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "HNIZZ",
-        "isActive": true
-    },
-    {
-        "id": 22147,
-        "name": "Business Development Department",
-        "parentId": 22146,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "BDD",
-        "isActive": true
-    },
-    {
-        "id": 22148,
-        "name": "Corporate Group ",
-        "parentId": 22146,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "CU",
-        "isActive": true
-    },
-    {
-        "id": 22149,
-        "name": "Human Resources Department",
-        "parentId": 22148,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "HRD",
-        "isActive": true
-    },
-    {
-        "id": 22150,
-        "name": "Corporate Services Department",
-        "parentId": 22148,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "CSD",
-        "isActive": true
-    },
-    {
-        "id": 22151,
-        "name": "Treasury & Accounting Department",
-        "parentId": 22148,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "T&AD",
-        "isActive": true
-    },
-    {
-        "id": 22152,
-        "name": "Legal & Risk Department",
-        "parentId": 22148,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "L&RD",
-        "isActive": true
-    },
-    {
-        "id": 22153,
-        "name": "Infrastructure, Automotive, Energy & Urban Business Group",
-        "parentId": 22146,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "IAE&UBG",
-        "isActive": true
-    },
-    {
-        "id": 22154,
-        "name": "Automotive Business Department",
-        "parentId": 22153,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "ABD",
-        "isActive": true
-    },
-    {
-        "id": 22155,
-        "name": "Energy Department",
-        "parentId": 22153,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "ED",
-        "isActive": true
-    },
-    {
-        "id": 22156,
-        "name": "Energy Innovation Initiatives Department",
-        "parentId": 22153,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "EIID",
-        "isActive": true
-    },
-    {
-        "id": 22157,
-        "name": "Power Infrastructure Business department",
-        "parentId": 22153,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "PIBD",
-        "isActive": true
-    },
-    {
-        "id": 22158,
-        "name": "Social Infrastructure, Transportation & Urban Business Department",
-        "parentId": 22153,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "SIT&UBD",
-        "isActive": true
-    },
-    {
-        "id": 22159,
-        "name": "Lifestyle & Chemicals Group",
-        "parentId": 22146,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "L&CG",
-        "isActive": true
-    },
-    {
-        "id": 22160,
-        "name": "Lifestyle & Retail Business Department",
-        "parentId": 22159,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "L&RBD",
-        "isActive": true
-    },
-    {
-        "id": 22161,
-        "name": "Chemicals & Plastics Department",
-        "parentId": 22159,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "C&PD",
-        "isActive": true
-    },
-    {
-        "id": 22162,
-        "name": "Steel & Mineral Resources Group",
-        "parentId": 22146,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "S&MRG",
-        "isActive": true
-    },
-    {
-        "id": 22163,
-        "name": "Hanoi Steel & Non-ferrous Department",
-        "parentId": 22162,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "HS&ND",
-        "isActive": true
-    },
-    {
-        "id": 22164,
-        "name": "Ho Chi Minh City Office",
-        "parentId": 22145,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "HMCZZ",
-        "isActive": true
-    },
-    {
-        "id": 22165,
-        "name": "Business Development Department",
-        "parentId": 22164,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "BD",
-        "isActive": true
-    },
-    {
-        "id": 22166,
-        "name": "Infrastructure, Automotive, Energy & Urban Business Group",
-        "parentId": 22164,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "IAE&UB",
-        "isActive": true
-    },
-    {
-        "id": 22167,
-        "name": "Lifestyle & Chemicals Group",
-        "parentId": 22164,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "L&C",
-        "isActive": true
-    },
-    {
-        "id": 22168,
-        "name": "Steel & Mineral Resources Group",
-        "parentId": 22164,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "S&MR",
-        "isActive": true
-    },
-    {
-        "id": 22169,
-        "name": "Automotive Business Department",
-        "parentId": 22166,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "AB",
-        "isActive": true
-    },
-    {
-        "id": 22170,
-        "name": "Energy Department",
-        "parentId": 22166,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "EU",
-        "isActive": true
-    },
-    {
-        "id": 22171,
-        "name": "Energy Innovation Initiatives Department",
-        "parentId": 22166,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "EII",
-        "isActive": true
-    },
-    {
-        "id": 22172,
-        "name": "Social Infrastructure, Transportation & Urban Business Department",
-        "parentId": 22166,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "SIT&UB",
-        "isActive": true
-    },
-    {
-        "id": 22173,
-        "name": "Chemicals & Plastics Department",
-        "parentId": 22167,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "C&P",
-        "isActive": true
-    },
-    {
-        "id": 22174,
-        "name": "Digital & Food Related Department",
-        "parentId": 22167,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "D&FRD",
-        "isActive": true
-    },
-    {
-        "id": 22175,
-        "name": "HCMC Steel & Non-ferrous",
-        "parentId": 22168,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "HS&N",
-        "isActive": true
-    },
-    {
-        "id": 22176,
-        "name": "Tubular Products Department",
-        "parentId": 22168,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "TPD",
-        "isActive": true
-    },
-    {
-        "id": 22177,
-        "name": "Energy Department",
-        "parentId": 5,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "EDB",
-        "isActive": true
-    },
-    {
-        "id": 22178,
-        "name": "rtyrt",
-        "parentId": 2134,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "R",
-        "isActive": true
-    },
-    {
-        "id": 22179,
-        "name": "vp test test",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "VTT",
-        "isActive": true
-    },
-    {
-        "id": 22180,
-        "name": "hưng yên ofice",
-        "parentId": 22145,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "HYO",
-        "isActive": false
-    },
-    {
-        "id": 22181,
-        "name": "hy city",
-        "parentId": 22179,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "HC",
-        "isActive": true
-    },
-    {
-        "id": 22182,
-        "name": "122",
-        "parentId": 22147,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "122",
-        "isActive": true
-    },
-    {
-        "id": 22183,
-        "name": "247",
-        "parentId": 22145,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "247",
-        "isActive": false
-    },
-    {
-        "id": 22184,
-        "name": "247",
-        "parentId": 22183,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "66",
-        "isActive": false
-    },
-    {
-        "id": 22185,
-        "name": "zalo",
-        "parentId": 22183,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "Z",
-        "isActive": false
-    },
-    {
-        "id": 22186,
-        "name": "vp testet",
-        "parentId": 12139,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "VT",
-        "isActive": true
-    },
-    {
-        "id": 22187,
-        "name": "văn phòng Đà Nẵng",
-        "parentId": 22164,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "Đà Nẵng office",
-        "isActive": false
-    },
-    {
-        "id": 22188,
-        "name": "VĂn Phòng miền nam",
-        "parentId": 22145,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "Miền Nam office",
-        "isActive": false
-    },
-    {
-        "id": 2134,
-        "name": "Văn phòng Hà Nội",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "VPHN",
-        "isActive": true
-    },
-    {
-        "id": 12134,
-        "name": "Văn phòng Hà nội 2 ",
-        "parentId": 2134,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "VPHN2",
-        "isActive": true
-    },
-    {
-        "id": 12135,
-        "name": "BACKEND_ONLY.HU_ORGANIZATION.NAME.TEST",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "T",
-        "isActive": false
-    },
-    {
-        "id": 12136,
-        "name": "Phòng Development",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "PD",
-        "isActive": false
-    },
-    {
-        "id": 12137,
-        "name": "Nhóm thực tập sinh BA",
-        "parentId": 2132,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "NTTSB",
-        "isActive": false
-    },
-    {
-        "id": 12138,
-        "name": "Cá nhân ",
-        "parentId": 12137,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "CN",
-        "isActive": false
-    },
-    {
-        "id": 12139,
-        "name": "Văn phòng Test",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "VPT",
-        "isActive": true
-    },
-    {
-        "id": 12140,
-        "name": "Phòng BA Test 1",
-        "parentId": 12139,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "PBT1",
-        "isActive": false
-    },
-    {
-        "id": 12141,
-        "name": "Phòng BA Test 2",
-        "parentId": 12139,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "PBT2",
-        "isActive": false
-    },
-    {
-        "id": 12142,
-        "name": "Phòng BA Test 3",
-        "parentId": 12139,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "PBT3",
-        "isActive": false
-    },
-    {
-        "id": 12143,
-        "name": "BACKEND_ONLY.HU_ORGANIZATION.NAME.TEST 1",
-        "parentId": 12139,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "T1",
-        "isActive": false
-    },
-    {
-        "id": 12146,
-        "name": "Văn phòng Test 2",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "VPT2",
-        "isActive": false
-    },
-    {
-        "id": 12147,
-        "name": "TEST KK",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "TK",
-        "isActive": false
-    },
-    {
-        "id": 12149,
-        "name": "Tester 3",
-        "parentId": 12146,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "T3",
-        "isActive": false
-    },
-    {
-        "id": 12150,
-        "name": "Tester 4",
-        "parentId": 12146,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "T4",
-        "isActive": false
-    },
-    {
-        "id": 12151,
-        "name": "Tester 5",
-        "parentId": 12146,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "T5",
-        "isActive": false
-    },
-    {
-        "id": 12152,
-        "name": "vp test 1",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "VT1",
-        "isActive": false
-    },
-    {
-        "id": 12155,
-        "name": "Group A",
-        "parentId": 12139,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "GA",
-        "isActive": false
-    },
-    {
-        "id": 12156,
-        "name": "vp thuongtest 3",
-        "parentId": 2,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "VT3",
-        "isActive": false
-    },
-    {
-        "id": 12158,
-        "name": "vp thuongtest 2",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "VT2",
-        "isActive": false
-    },
-    {
-        "id": 12159,
-        "name": "vp thuong test 3",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "VTT3",
-        "isActive": true
-    },
-    {
-        "id": 12160,
-        "name": "Phong ban test data",
-        "parentId": 1,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "PBTD",
-        "isActive": false
-    },
-    {
-        "id": 22144,
-        "name": "Testing K 1",
-        "parentId": 12159,
-        "orderNum": 99999,
-        "protected": false,
-        "level": null,
-        "code": "TK1",
-        "isActive": true
-    },
-    {
-        "id": 22145,
-        "name": "Sumitomo Corporation Vietnam LLC",
-        "parentId": null,
-        "orderNum": 2,
-        "protected": false,
-        "level": null,
-        "code": "SCVL",
-        "isActive": true
-    },
-    {
-        "id": 2133,
-        "name": "Phòng ba 1",
-        "parentId": 2132,
-        "orderNum": 2,
-        "protected": false,
-        "level": null,
-        "code": "PB1",
-        "isActive": true
-    },
-    {
-        "id": 1,
-        "name": "SCVN",
-        "parentId": null,
-        "orderNum": 1,
-        "protected": false,
-        "level": null,
-        "code": "S",
-        "isActive": true
-    }
-];
-
 class ComPartyService {
     constructor(recursiveService, alertService) {
         this.recursiveService = recursiveService;
@@ -37248,6 +36250,7 @@ class ComPartyService {
             expandedKeys: [],
             checkInheritance: true
         });
+        this.appService = inject(AppService);
         this.linerData$.subscribe(xs => {
             const idCountMap = new Map();
             xs.forEach(item => {
@@ -37306,14 +36309,17 @@ class ComPartyService {
         }
     }
     getComLinearData(userId) {
-        return of({
-            ok: true,
-            status: 200,
-            body: {
-                statusCode: 200,
-                innerBody: COM_MOKEUP_DATA
-            }
-        });
+        return this.appService.getFullUrl("/api/ComUnit/GetAll");
+        // return of(
+        //   {
+        //     ok: true,
+        //     status: 200,
+        //     body: {
+        //       statusCode: 200,
+        //       innerBody: COM_MOKEUP_DATA
+        //     } as IFormatedResponse
+        //   }
+        // )
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ComPartyService, deps: [{ token: RecursiveService }, { token: AlertService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ComPartyService, providedIn: 'root' }); }
@@ -37578,7 +36584,7 @@ class CoreComTreeComponent extends CoreFormControlBaseComponent {
             this.subscriptions.push(this.comPartyService.comTreeData$.subscribe((x) => {
                 this.data = x;
                 //this.dataFiltered = JSON.parse(JSON.stringify(x));
-                console.log("new Data coming", this.data, new Date().getTime());
+                console.log("new comtree Data coming", this.data, new Date().getTime());
                 if (!!this.data) {
                     if (!!this.data.length)
                         this.data[0].tree$Expanded = true;
@@ -37879,13 +36885,14 @@ class CoreComTreeComponent extends CoreFormControlBaseComponent {
                 useExisting: forwardRef(() => CoreComTreeComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "displayContent", first: true, predicate: ["displayContent"], descendants: true }, { propertyName: "reducedIconWrapper", first: true, predicate: ["reducedIconWrapper"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-org-tree-container\" [class.full-width]=\"!!fullWidthMode\" *ngIf=\"!!data\" \r\n    [style.position]=\"'relative'\"\r\n    [style.width]=\"'100%'\"\r\n    [style.minWidth]=\"'310px'\"\r\n    [style.height]=\"height + 'px'\"\r\n    >\r\n    <div #displayContent class=\"custom-org-tree\">\r\n        @if (showSearch) {\r\n        <div class=\"core-org-tree-header d-flex-between\">\r\n            <div class=\"m5\">\r\n                <input type=\"text\" class=\"form-control\" [(ngModel)]=\"search\" (ngModelChange)=\"onSearchChange($event)\"\r\n                    [placeholder]=\"searchPlaceholder | translate: lang\" [class.full-width]=\"!!fullWidthMode\">\r\n            </div>\r\n        </div>\r\n        }\r\n        <ng-container>\r\n\r\n            <div #scrollContainer class=\"scroll-container\" \r\n                [style.height]=\"height - layoutService.coreOrgTreeTopHeight * (showSearch ? 1 : 0) - layoutService.coreOrgTreeBottomHeight + 'px'\" \r\n                [style.overflow]=\"'scroll'\" \r\n            >\r\n                <div class=\"hidden-tool\" (click)=\"onHiddenToolClick($event)\"></div>\r\n                <core-loading-surface [loading]=\"loading\" [height]=\"scrollContainerHeight\"></core-loading-surface>\r\n                <!-- @for (root of dataFiltered; track root) { -->\r\n                @if (!!data && !!data.length) {\r\n                    @for (root of data; track $index) {\r\n                        @defer(on viewport(scrollContainer)) {\r\n                        <ul class=\"root\" [class.collapsed]=\"!!!root.tree$Expanded\">\r\n                            <ng-container *ngTemplateOutlet=\"item; context: { context: root }\"></ng-container>\r\n                        </ul>\r\n                        } @placeholder() {\r\n                            Placeholder...\r\n                        } @loading() {\r\n                            Loading...\r\n                        } @error() {\r\n                            Error...\r\n                        }\r\n                    }\r\n                } @else {\r\n                    No items\r\n                }\r\n            </div>\r\n            <div \r\n                [style.display]=\"'block'\"\r\n                [style.position]=\"'absolute'\"\r\n                [style.bottom]=\"'0px'\"\r\n                [style.left]=\"'0px'\"\r\n                [style.right]=\"'0px'\"\r\n                [style.height]=\"layoutService.corePaginationHeight + 'px'\"\r\n                [style.paddingLeft]=\"layoutService.basicSpacing + 'px'\"\r\n                [style.paddingRight]=\"layoutService.basicSpacing + 'px'\"\r\n                [style.lineHeight]=\"layoutService.corePaginationHeight + 'px'\"\r\n                [style.overflow]=\"'hidden'\"\r\n            >\r\n                <div \r\n                    [style.height]=\"layoutService.corePaginationHeight + 'px'\"\r\n                    [style.position]=\"'relative'\"\r\n                    [style.display]=\"'flex'\"\r\n                    [style.alignItems]=\"'center'\"\r\n                    [style.justifyContent]=\"'space-between'\"\r\n                >\r\n                    <div>\r\n                        <core-checkbox [(ngModel)]=\"showDissolved\"\r\n                            (ngModelChange)=\"onCheckIncludeDissolvedChange($event)\"\r\n                            [text]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS_ABBREVIATED'\"\r\n                            [tooltip]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS'\" tooltipPosition=\"above\"></core-checkbox>\r\n                    </div>\r\n                    @if (accessorMode === 'CHECKED') {\r\n                        <div class=\"check-inheritance-wrapper\">\r\n                            @if (showCheckInheritance) {\r\n                                <core-checkbox [(ngModel)]=\"checkInheritance\"\r\n                                    (ngModelChange)=\"onCheckInheritanceChange($event)\"\r\n                                    [text]=\"'UI.CORE_ORG_TREE.CHECK_INHERITANCE'\"></core-checkbox>\r\n                                }\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n\r\n            <ng-template #item let-context=\"context\" let-id=\"context.id\" let-title=\"context.tree$Title\"\r\n                let-highlighted=\"context.tree$Highlighted\" let-hasChildren=\"context.tree$HasChildren\"\r\n                let-hasActiveChildren=\"context.tree$HasActiveChildren\" let-children=\"context.tree$Children\"\r\n                let-expanded=\"context.tree$Expanded\" let-isActive=\"context.isActive\" let-active=\"context.tree$Active\"\r\n                let-checked=\"context.tree$Checked\" let-protected=\"context.protected\">\r\n\r\n                @if ((!showDissolved && !!isActive) || (!!showDissolved)) {\r\n                <li [class.has-children]=\"!!hasChildren\" [class.collapsed]=\"!!hasChildren && !!!expanded\">\r\n                    <!-- (click)=\"accessorMode !== 'CHECKED' ? onObjectClick(context, $event) : $event.preventDefault()\" -->\r\n                    <span (click)=\"onObjectClick(context, $event)\">\r\n                        @if ((!!showDissolved && !!hasChildren) || (!showDissolved && !!hasActiveChildren)) {\r\n                            <i class=\"expand-toggler feather-chevron-down\" (click)=\"onExpandTogglerClick(context, $event)\"></i>\r\n                        }\r\n\r\n                        @if (accessorMode === 'CHECKED' && !protected) {\r\n                        <core-checkbox (onClick)=\"onItemCheck(context, $event)\" [inputValue]=\"checked\"\r\n                            [disabled]=\"disabled\"></core-checkbox>\r\n                        }\r\n                        <object [class.active]=\"accessorMode != 'CHECKED' && selectedKey===id.toString()\"\r\n                            [class.highlighted]=\"highlighted\" [class.dissolved]=\"!isActive\"\r\n                            [class.protected]=\"protected\" [appTooltip]=\"title\">\r\n                            {{ title }}\r\n                        </object>\r\n                    </span>\r\n                    @if (!!children.length) {\r\n                    <ul [class.collapsed]=\" !!!expanded\">\r\n                        @for (child of children; track $index) {\r\n                        @if (!!expanded || !!fullRendering) {\r\n\r\n                        <ng-container *ngTemplateOutlet=\"item; context: { context: child }\"></ng-container>\r\n\r\n                        }\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </li>\r\n                }\r\n            </ng-template>\r\n        </ng-container>\r\n    </div>\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreLoadingSurfaceComponent, selector: "core-loading-surface", inputs: ["loading", "height"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }] }); }
+        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "displayContent", first: true, predicate: ["displayContent"], descendants: true }, { propertyName: "reducedIconWrapper", first: true, predicate: ["reducedIconWrapper"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-org-tree-container\" [class.full-width]=\"!!fullWidthMode\" *ngIf=\"!!data\" \r\n    [style.position]=\"'relative'\"\r\n    [style.width]=\"'100%'\"\r\n    [style.minWidth]=\"'310px'\"\r\n    [style.height]=\"height + 'px'\"\r\n    >\r\n    <div #displayContent class=\"custom-org-tree\">\r\n        @if (showSearch) {\r\n        <div class=\"core-org-tree-header d-flex-between\">\r\n            <div class=\"m5\">\r\n                <input type=\"text\" class=\"form-control\" [(ngModel)]=\"search\" (ngModelChange)=\"onSearchChange($event)\"\r\n                    [placeholder]=\"searchPlaceholder | translate: lang\" [class.full-width]=\"!!fullWidthMode\">\r\n            </div>\r\n        </div>\r\n        }\r\n        <ng-container>\r\n\r\n            <div #scrollContainer class=\"scroll-container\" \r\n                [style.height]=\"height - layoutService.coreOrgTreeTopHeight * (showSearch ? 1 : 0) - layoutService.coreOrgTreeBottomHeight + 'px'\" \r\n                [style.overflow]=\"'scroll'\" \r\n            >\r\n                <div class=\"hidden-tool\" (click)=\"onHiddenToolClick($event)\"></div>\r\n                <core-loading-surface [loading]=\"loading\" [height]=\"scrollContainerHeight\"></core-loading-surface>\r\n                <!-- @for (root of dataFiltered; track root) { -->\r\n                @if (!!data && !!data.length) {\r\n                    @for (root of data; track $index) {\r\n                        @defer(on viewport(scrollContainer)) {\r\n                        <ul class=\"root\" [class.collapsed]=\"!!!root.tree$Expanded\">\r\n                            <ng-container *ngTemplateOutlet=\"item; context: { context: root }\"></ng-container>\r\n                        </ul>\r\n                        } @placeholder() {\r\n                            Placeholder...\r\n                        } @loading() {\r\n                            Loading...\r\n                        } @error() {\r\n                            Error...\r\n                        }\r\n                    }\r\n                } @else {\r\n                    No items\r\n                }\r\n            </div>\r\n            <div \r\n                [style.display]=\"'block'\"\r\n                [style.position]=\"'absolute'\"\r\n                [style.bottom]=\"'0px'\"\r\n                [style.left]=\"'0px'\"\r\n                [style.right]=\"'0px'\"\r\n                [style.height]=\"layoutService.corePaginationHeight + 'px'\"\r\n                [style.paddingLeft]=\"layoutService.basicSpacing + 'px'\"\r\n                [style.paddingRight]=\"layoutService.basicSpacing + 'px'\"\r\n                [style.lineHeight]=\"layoutService.corePaginationHeight + 'px'\"\r\n                [style.overflow]=\"'hidden'\"\r\n            >\r\n                <div \r\n                    [style.height]=\"layoutService.corePaginationHeight + 'px'\"\r\n                    [style.position]=\"'relative'\"\r\n                    [style.display]=\"'flex'\"\r\n                    [style.alignItems]=\"'center'\"\r\n                    [style.justifyContent]=\"'space-between'\"\r\n                >\r\n                    <div>\r\n                        <core-checkbox [(ngModel)]=\"showDissolved\"\r\n                            (ngModelChange)=\"onCheckIncludeDissolvedChange($event)\"\r\n                            [text]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS_ABBREVIATED'\"\r\n                            [tooltip]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS'\" tooltipPosition=\"above\"></core-checkbox>\r\n                    </div>\r\n                    @if (accessorMode === 'CHECKED') {\r\n                        <div class=\"check-inheritance-wrapper\">\r\n                            @if (showCheckInheritance) {\r\n                                <core-checkbox [(ngModel)]=\"checkInheritance\"\r\n                                    (ngModelChange)=\"onCheckInheritanceChange($event)\"\r\n                                    [text]=\"'UI.CORE_ORG_TREE.CHECK_INHERITANCE'\"></core-checkbox>\r\n                                }\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n\r\n            <ng-template #item let-context=\"context\" let-id=\"context.id\" let-title=\"context.tree$Title\"\r\n                let-highlighted=\"context.tree$Highlighted\" let-hasChildren=\"context.tree$HasChildren\"\r\n                let-hasActiveChildren=\"context.tree$HasActiveChildren\" let-children=\"context.tree$Children\"\r\n                let-expanded=\"context.tree$Expanded\" let-isActive=\"context.isActive\" let-active=\"context.tree$Active\"\r\n                let-checked=\"context.tree$Checked\" let-protected=\"context.protected\">\r\n\r\n                @if ((!showDissolved && !!isActive) || (!!showDissolved)) {\r\n                <li [class.has-children]=\"!!hasChildren\" [class.collapsed]=\"!!hasChildren && !!!expanded\">\r\n                    <!-- (click)=\"accessorMode !== 'CHECKED' ? onObjectClick(context, $event) : $event.preventDefault()\" -->\r\n                    <span (click)=\"onObjectClick(context, $event)\">\r\n                        @if ((!!showDissolved && !!hasChildren) || (!showDissolved && !!hasActiveChildren)) {\r\n                            <i class=\"expand-toggler feather-chevron-down\" (click)=\"onExpandTogglerClick(context, $event)\"></i>\r\n                        }\r\n\r\n                        @if (accessorMode === 'CHECKED' && !protected) {\r\n                        <core-checkbox (onClick)=\"onItemCheck(context, $event)\" [inputValue]=\"checked\"\r\n                            [disabled]=\"disabled\"></core-checkbox>\r\n                        }\r\n                        <object [class.active]=\"accessorMode != 'CHECKED' && selectedKey===id.toString()\"\r\n                            [class.highlighted]=\"highlighted\" [class.dissolved]=\"!isActive\"\r\n                            [class.protected]=\"protected\" [appTooltip]=\"title\">\r\n                            {{ title }}\r\n                        </object>\r\n                    </span>\r\n                    @if (!!children.length) {\r\n                    <ul [class.collapsed]=\" !!!expanded\">\r\n                        @for (child of children; track $index) {\r\n                        @if (!!expanded || !!fullRendering) {\r\n\r\n                        <ng-container *ngTemplateOutlet=\"item; context: { context: child }\"></ng-container>\r\n\r\n                        }\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </li>\r\n                }\r\n            </ng-template>\r\n        </ng-container>\r\n    </div>\r\n</div>", styles: [".core-org-tree-container{--background: var(--color-bg-core-org-tree);--height: 545px;--item-height: 35px;--arrow-font-size: 18px;--ul-padding: 20px;--display: \"block\";--square-color: black;--square-size: 9px;--line-color: \"transparent\";--title-wrapper-max-width: 250px;--active-item-color: #F37540;--size-scrollbar-width: 10px;--line-size: 1px;--reduced-icon-wrapper-height: 50px;--reduced-panel-height: calc(var(--height) - var(--reduced-icon-wrapper-height));--scroll-container-height: calc(var(--height) - var(--size-core-reducer-icon-wrapper-height) - var(--size-pagination-height));color:#000;background-color:var(--color-bg-core-org-tree)!important;height:var(--height);background:var(--background);width:var(--size-core-org-tree-width);transition:width .5s ease-out}.core-org-tree-container .hidden-tool{display:block;position:absolute;background-color:transparent;width:var(--ul-padding);height:var(--ul-padding);top:0;left:0}@keyframes reducedPanelOn{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.core-org-tree-container .custom-org-tree{display:var(--display)}.core-org-tree-container .core-org-tree-header{height:var(--size-core-org-tree-header-height)}.core-org-tree-container .core-org-tree-header input{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2 - var(--size-scrollbar-width) + 6px);max-width:100%;transform:translate(14px,8px);border:1px solid #E6EBED}.core-org-tree-container .core-org-tree-header input.full-width{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2)}.core-org-tree-container .check-inheritance-wrapper{padding:15px}.core-org-tree-container .m5>input{color:gray}.core-org-tree-container .form-control{border:none}.core-org-tree-container .core-reducer-icon-wrapper{height:var(--size-core-reducer-icon-wrapper-height);padding:var(--size-layout-block-cell-spacing)}.core-org-tree-container .scroll-container{background:var(--background);height:var(--scroll-container-height);overflow:auto;position:relative;width:100%}.core-org-tree-container .scroll-container::-webkit-scrollbar-corner{background-color:transparent}.core-org-tree-container .scroll-container::-webkit-scrollbar{width:8px;height:8px}.core-org-tree-container .scroll-container *{box-sizing:border-box;padding:0;margin:0}.core-org-tree-container .scroll-container ul{display:table;vertical-align:top;padding-left:var(--ul-padding);transition:all .5s ease-out;width:100%}.core-org-tree-container .scroll-container ul>li>span:hover{height:35px;background-color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;width:100%}.core-org-tree-container .scroll-container ul>li>span:active{background-color:#f1f1f1;height:35px;border-radius:20px}.core-org-tree-container .scroll-container ul>li>span>object{user-select:none;max-width:var(--title-wrapper-max-width);overflow-x:hidden;text-overflow:ellipsis;-webkit-user-select:none}.core-org-tree-container .scroll-container ul>li>span>object.active{color:var(--active-item-color)}.core-org-tree-container .scroll-container ul .highlighted{color:var(--color-core-org-tree-highlighted);font-weight:700}.core-org-tree-container .scroll-container ul .dissolved{color:#848484;text-decoration:line-through dashed}.core-org-tree-container .scroll-container ul .dissolved.active{color:#c9252b!important}.core-org-tree-container .scroll-container ul>li{display:block;position:relative}.core-org-tree-container .scroll-container ul>li:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -1);top:calc(var(--item-height) / 2);height:calc(var(--item-height) / 2);border-top:solid var(--line-size) var(--line-color);border-right:none;border-bottom:none;border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li>span{display:flex;align-items:center;height:var(--item-height);white-space:nowrap;font-size:13px;padding-left:8px;transform:translate(10px);cursor:pointer}.core-org-tree-container .scroll-container ul>li>span>i{color:var(--square-color);cursor:pointer;font-size:var(--square-size);width:var(--square-size);height:var(--square-size)}.core-org-tree-container .scroll-container ul>li>span>.expand-toggler{font-size:var(--arrow-font-size);width:24px;height:24px;position:absolute;z-index:1;transform:translate(-100%) rotate(0);transition:.5s ease-out;display:flex;align-items:center;justify-content:center}.core-org-tree-container .scroll-container ul>li>span>.check-toggler{margin-left:5px;margin-right:5px}.core-org-tree-container .scroll-container ul>li>ul>li>span:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);height:var(--line-size);border-top:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li.collapsed>span>.expand-toggler{transform:translate(-100%) rotate(-90deg);transition:.5s ease-out}.core-org-tree-container .scroll-container ul>li.collapsed:before{border-left:none}.core-org-tree-container .scroll-container ul>li:not(.collapsed):not(.has-children):before{border-left:none}.core-org-tree-container .scroll-container ul:not(.root):before{content:\"\";display:block;position:absolute;width:var(--line-size);left:calc(var(--ul-padding) * -1);height:calc(100% - var(--item-height) * 1.5);border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul:not(.root)>li:last-child:not(.collapsed).has-children:after{content:\"\";display:block;position:absolute;height:calc(100% - var(--item-height));width:calc(var(--ul-padding) / 2);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);border-left:solid var(--line-size) var(--background);z-index:0}.core-org-tree-container .scroll-container ul.collapsed:not(.root){display:none}.core-org-tree-container .collapsed>li:before{display:none!important}.core-org-tree-container.full-width .scroll-container{width:auto}.core-org-tree-container.reduced{width:50px;padding:0;transition:width .5s ease-out}.core-org-tree-container.reduced .scroll-container{overflow:hidden}.core-org-tree-container.reduced .scroll-container>ul.root{display:none}.core-org-tree-container.reduced .scroll-container>.reduced-panel{color:var(--active-item-color);width:50px;height:var(--reduced-panel-height);writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;font-weight:700;animation:reducedPanelOn .5s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreLoadingSurfaceComponent, selector: "core-loading-surface", inputs: ["loading", "height"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }], deferBlockDependencies: [() => [NgTemplateOutlet]] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreComTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'core-com-tree', imports: [
                         FormsModule,
                         NgIf,
+                        NgTemplateOutlet,
                         CoreCheckboxComponent,
                         CoreLoadingSurfaceComponent,
                         TranslatePipe,
@@ -37896,7 +36903,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                             useExisting: forwardRef(() => CoreComTreeComponent),
                             multi: true
                         }
-                    ], template: "<div #container class=\"core-org-tree-container\" [class.full-width]=\"!!fullWidthMode\" *ngIf=\"!!data\" \r\n    [style.position]=\"'relative'\"\r\n    [style.width]=\"'100%'\"\r\n    [style.minWidth]=\"'310px'\"\r\n    [style.height]=\"height + 'px'\"\r\n    >\r\n    <div #displayContent class=\"custom-org-tree\">\r\n        @if (showSearch) {\r\n        <div class=\"core-org-tree-header d-flex-between\">\r\n            <div class=\"m5\">\r\n                <input type=\"text\" class=\"form-control\" [(ngModel)]=\"search\" (ngModelChange)=\"onSearchChange($event)\"\r\n                    [placeholder]=\"searchPlaceholder | translate: lang\" [class.full-width]=\"!!fullWidthMode\">\r\n            </div>\r\n        </div>\r\n        }\r\n        <ng-container>\r\n\r\n            <div #scrollContainer class=\"scroll-container\" \r\n                [style.height]=\"height - layoutService.coreOrgTreeTopHeight * (showSearch ? 1 : 0) - layoutService.coreOrgTreeBottomHeight + 'px'\" \r\n                [style.overflow]=\"'scroll'\" \r\n            >\r\n                <div class=\"hidden-tool\" (click)=\"onHiddenToolClick($event)\"></div>\r\n                <core-loading-surface [loading]=\"loading\" [height]=\"scrollContainerHeight\"></core-loading-surface>\r\n                <!-- @for (root of dataFiltered; track root) { -->\r\n                @if (!!data && !!data.length) {\r\n                    @for (root of data; track $index) {\r\n                        @defer(on viewport(scrollContainer)) {\r\n                        <ul class=\"root\" [class.collapsed]=\"!!!root.tree$Expanded\">\r\n                            <ng-container *ngTemplateOutlet=\"item; context: { context: root }\"></ng-container>\r\n                        </ul>\r\n                        } @placeholder() {\r\n                            Placeholder...\r\n                        } @loading() {\r\n                            Loading...\r\n                        } @error() {\r\n                            Error...\r\n                        }\r\n                    }\r\n                } @else {\r\n                    No items\r\n                }\r\n            </div>\r\n            <div \r\n                [style.display]=\"'block'\"\r\n                [style.position]=\"'absolute'\"\r\n                [style.bottom]=\"'0px'\"\r\n                [style.left]=\"'0px'\"\r\n                [style.right]=\"'0px'\"\r\n                [style.height]=\"layoutService.corePaginationHeight + 'px'\"\r\n                [style.paddingLeft]=\"layoutService.basicSpacing + 'px'\"\r\n                [style.paddingRight]=\"layoutService.basicSpacing + 'px'\"\r\n                [style.lineHeight]=\"layoutService.corePaginationHeight + 'px'\"\r\n                [style.overflow]=\"'hidden'\"\r\n            >\r\n                <div \r\n                    [style.height]=\"layoutService.corePaginationHeight + 'px'\"\r\n                    [style.position]=\"'relative'\"\r\n                    [style.display]=\"'flex'\"\r\n                    [style.alignItems]=\"'center'\"\r\n                    [style.justifyContent]=\"'space-between'\"\r\n                >\r\n                    <div>\r\n                        <core-checkbox [(ngModel)]=\"showDissolved\"\r\n                            (ngModelChange)=\"onCheckIncludeDissolvedChange($event)\"\r\n                            [text]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS_ABBREVIATED'\"\r\n                            [tooltip]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS'\" tooltipPosition=\"above\"></core-checkbox>\r\n                    </div>\r\n                    @if (accessorMode === 'CHECKED') {\r\n                        <div class=\"check-inheritance-wrapper\">\r\n                            @if (showCheckInheritance) {\r\n                                <core-checkbox [(ngModel)]=\"checkInheritance\"\r\n                                    (ngModelChange)=\"onCheckInheritanceChange($event)\"\r\n                                    [text]=\"'UI.CORE_ORG_TREE.CHECK_INHERITANCE'\"></core-checkbox>\r\n                                }\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n\r\n            <ng-template #item let-context=\"context\" let-id=\"context.id\" let-title=\"context.tree$Title\"\r\n                let-highlighted=\"context.tree$Highlighted\" let-hasChildren=\"context.tree$HasChildren\"\r\n                let-hasActiveChildren=\"context.tree$HasActiveChildren\" let-children=\"context.tree$Children\"\r\n                let-expanded=\"context.tree$Expanded\" let-isActive=\"context.isActive\" let-active=\"context.tree$Active\"\r\n                let-checked=\"context.tree$Checked\" let-protected=\"context.protected\">\r\n\r\n                @if ((!showDissolved && !!isActive) || (!!showDissolved)) {\r\n                <li [class.has-children]=\"!!hasChildren\" [class.collapsed]=\"!!hasChildren && !!!expanded\">\r\n                    <!-- (click)=\"accessorMode !== 'CHECKED' ? onObjectClick(context, $event) : $event.preventDefault()\" -->\r\n                    <span (click)=\"onObjectClick(context, $event)\">\r\n                        @if ((!!showDissolved && !!hasChildren) || (!showDissolved && !!hasActiveChildren)) {\r\n                            <i class=\"expand-toggler feather-chevron-down\" (click)=\"onExpandTogglerClick(context, $event)\"></i>\r\n                        }\r\n\r\n                        @if (accessorMode === 'CHECKED' && !protected) {\r\n                        <core-checkbox (onClick)=\"onItemCheck(context, $event)\" [inputValue]=\"checked\"\r\n                            [disabled]=\"disabled\"></core-checkbox>\r\n                        }\r\n                        <object [class.active]=\"accessorMode != 'CHECKED' && selectedKey===id.toString()\"\r\n                            [class.highlighted]=\"highlighted\" [class.dissolved]=\"!isActive\"\r\n                            [class.protected]=\"protected\" [appTooltip]=\"title\">\r\n                            {{ title }}\r\n                        </object>\r\n                    </span>\r\n                    @if (!!children.length) {\r\n                    <ul [class.collapsed]=\" !!!expanded\">\r\n                        @for (child of children; track $index) {\r\n                        @if (!!expanded || !!fullRendering) {\r\n\r\n                        <ng-container *ngTemplateOutlet=\"item; context: { context: child }\"></ng-container>\r\n\r\n                        }\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </li>\r\n                }\r\n            </ng-template>\r\n        </ng-container>\r\n    </div>\r\n</div>" }]
+                    ], template: "<div #container class=\"core-org-tree-container\" [class.full-width]=\"!!fullWidthMode\" *ngIf=\"!!data\" \r\n    [style.position]=\"'relative'\"\r\n    [style.width]=\"'100%'\"\r\n    [style.minWidth]=\"'310px'\"\r\n    [style.height]=\"height + 'px'\"\r\n    >\r\n    <div #displayContent class=\"custom-org-tree\">\r\n        @if (showSearch) {\r\n        <div class=\"core-org-tree-header d-flex-between\">\r\n            <div class=\"m5\">\r\n                <input type=\"text\" class=\"form-control\" [(ngModel)]=\"search\" (ngModelChange)=\"onSearchChange($event)\"\r\n                    [placeholder]=\"searchPlaceholder | translate: lang\" [class.full-width]=\"!!fullWidthMode\">\r\n            </div>\r\n        </div>\r\n        }\r\n        <ng-container>\r\n\r\n            <div #scrollContainer class=\"scroll-container\" \r\n                [style.height]=\"height - layoutService.coreOrgTreeTopHeight * (showSearch ? 1 : 0) - layoutService.coreOrgTreeBottomHeight + 'px'\" \r\n                [style.overflow]=\"'scroll'\" \r\n            >\r\n                <div class=\"hidden-tool\" (click)=\"onHiddenToolClick($event)\"></div>\r\n                <core-loading-surface [loading]=\"loading\" [height]=\"scrollContainerHeight\"></core-loading-surface>\r\n                <!-- @for (root of dataFiltered; track root) { -->\r\n                @if (!!data && !!data.length) {\r\n                    @for (root of data; track $index) {\r\n                        @defer(on viewport(scrollContainer)) {\r\n                        <ul class=\"root\" [class.collapsed]=\"!!!root.tree$Expanded\">\r\n                            <ng-container *ngTemplateOutlet=\"item; context: { context: root }\"></ng-container>\r\n                        </ul>\r\n                        } @placeholder() {\r\n                            Placeholder...\r\n                        } @loading() {\r\n                            Loading...\r\n                        } @error() {\r\n                            Error...\r\n                        }\r\n                    }\r\n                } @else {\r\n                    No items\r\n                }\r\n            </div>\r\n            <div \r\n                [style.display]=\"'block'\"\r\n                [style.position]=\"'absolute'\"\r\n                [style.bottom]=\"'0px'\"\r\n                [style.left]=\"'0px'\"\r\n                [style.right]=\"'0px'\"\r\n                [style.height]=\"layoutService.corePaginationHeight + 'px'\"\r\n                [style.paddingLeft]=\"layoutService.basicSpacing + 'px'\"\r\n                [style.paddingRight]=\"layoutService.basicSpacing + 'px'\"\r\n                [style.lineHeight]=\"layoutService.corePaginationHeight + 'px'\"\r\n                [style.overflow]=\"'hidden'\"\r\n            >\r\n                <div \r\n                    [style.height]=\"layoutService.corePaginationHeight + 'px'\"\r\n                    [style.position]=\"'relative'\"\r\n                    [style.display]=\"'flex'\"\r\n                    [style.alignItems]=\"'center'\"\r\n                    [style.justifyContent]=\"'space-between'\"\r\n                >\r\n                    <div>\r\n                        <core-checkbox [(ngModel)]=\"showDissolved\"\r\n                            (ngModelChange)=\"onCheckIncludeDissolvedChange($event)\"\r\n                            [text]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS_ABBREVIATED'\"\r\n                            [tooltip]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS'\" tooltipPosition=\"above\"></core-checkbox>\r\n                    </div>\r\n                    @if (accessorMode === 'CHECKED') {\r\n                        <div class=\"check-inheritance-wrapper\">\r\n                            @if (showCheckInheritance) {\r\n                                <core-checkbox [(ngModel)]=\"checkInheritance\"\r\n                                    (ngModelChange)=\"onCheckInheritanceChange($event)\"\r\n                                    [text]=\"'UI.CORE_ORG_TREE.CHECK_INHERITANCE'\"></core-checkbox>\r\n                                }\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n\r\n            <ng-template #item let-context=\"context\" let-id=\"context.id\" let-title=\"context.tree$Title\"\r\n                let-highlighted=\"context.tree$Highlighted\" let-hasChildren=\"context.tree$HasChildren\"\r\n                let-hasActiveChildren=\"context.tree$HasActiveChildren\" let-children=\"context.tree$Children\"\r\n                let-expanded=\"context.tree$Expanded\" let-isActive=\"context.isActive\" let-active=\"context.tree$Active\"\r\n                let-checked=\"context.tree$Checked\" let-protected=\"context.protected\">\r\n\r\n                @if ((!showDissolved && !!isActive) || (!!showDissolved)) {\r\n                <li [class.has-children]=\"!!hasChildren\" [class.collapsed]=\"!!hasChildren && !!!expanded\">\r\n                    <!-- (click)=\"accessorMode !== 'CHECKED' ? onObjectClick(context, $event) : $event.preventDefault()\" -->\r\n                    <span (click)=\"onObjectClick(context, $event)\">\r\n                        @if ((!!showDissolved && !!hasChildren) || (!showDissolved && !!hasActiveChildren)) {\r\n                            <i class=\"expand-toggler feather-chevron-down\" (click)=\"onExpandTogglerClick(context, $event)\"></i>\r\n                        }\r\n\r\n                        @if (accessorMode === 'CHECKED' && !protected) {\r\n                        <core-checkbox (onClick)=\"onItemCheck(context, $event)\" [inputValue]=\"checked\"\r\n                            [disabled]=\"disabled\"></core-checkbox>\r\n                        }\r\n                        <object [class.active]=\"accessorMode != 'CHECKED' && selectedKey===id.toString()\"\r\n                            [class.highlighted]=\"highlighted\" [class.dissolved]=\"!isActive\"\r\n                            [class.protected]=\"protected\" [appTooltip]=\"title\">\r\n                            {{ title }}\r\n                        </object>\r\n                    </span>\r\n                    @if (!!children.length) {\r\n                    <ul [class.collapsed]=\" !!!expanded\">\r\n                        @for (child of children; track $index) {\r\n                        @if (!!expanded || !!fullRendering) {\r\n\r\n                        <ng-container *ngTemplateOutlet=\"item; context: { context: child }\"></ng-container>\r\n\r\n                        }\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </li>\r\n                }\r\n            </ng-template>\r\n        </ng-container>\r\n    </div>\r\n</div>", styles: [".core-org-tree-container{--background: var(--color-bg-core-org-tree);--height: 545px;--item-height: 35px;--arrow-font-size: 18px;--ul-padding: 20px;--display: \"block\";--square-color: black;--square-size: 9px;--line-color: \"transparent\";--title-wrapper-max-width: 250px;--active-item-color: #F37540;--size-scrollbar-width: 10px;--line-size: 1px;--reduced-icon-wrapper-height: 50px;--reduced-panel-height: calc(var(--height) - var(--reduced-icon-wrapper-height));--scroll-container-height: calc(var(--height) - var(--size-core-reducer-icon-wrapper-height) - var(--size-pagination-height));color:#000;background-color:var(--color-bg-core-org-tree)!important;height:var(--height);background:var(--background);width:var(--size-core-org-tree-width);transition:width .5s ease-out}.core-org-tree-container .hidden-tool{display:block;position:absolute;background-color:transparent;width:var(--ul-padding);height:var(--ul-padding);top:0;left:0}@keyframes reducedPanelOn{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.core-org-tree-container .custom-org-tree{display:var(--display)}.core-org-tree-container .core-org-tree-header{height:var(--size-core-org-tree-header-height)}.core-org-tree-container .core-org-tree-header input{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2 - var(--size-scrollbar-width) + 6px);max-width:100%;transform:translate(14px,8px);border:1px solid #E6EBED}.core-org-tree-container .core-org-tree-header input.full-width{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2)}.core-org-tree-container .check-inheritance-wrapper{padding:15px}.core-org-tree-container .m5>input{color:gray}.core-org-tree-container .form-control{border:none}.core-org-tree-container .core-reducer-icon-wrapper{height:var(--size-core-reducer-icon-wrapper-height);padding:var(--size-layout-block-cell-spacing)}.core-org-tree-container .scroll-container{background:var(--background);height:var(--scroll-container-height);overflow:auto;position:relative;width:100%}.core-org-tree-container .scroll-container::-webkit-scrollbar-corner{background-color:transparent}.core-org-tree-container .scroll-container::-webkit-scrollbar{width:8px;height:8px}.core-org-tree-container .scroll-container *{box-sizing:border-box;padding:0;margin:0}.core-org-tree-container .scroll-container ul{display:table;vertical-align:top;padding-left:var(--ul-padding);transition:all .5s ease-out;width:100%}.core-org-tree-container .scroll-container ul>li>span:hover{height:35px;background-color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;width:100%}.core-org-tree-container .scroll-container ul>li>span:active{background-color:#f1f1f1;height:35px;border-radius:20px}.core-org-tree-container .scroll-container ul>li>span>object{user-select:none;max-width:var(--title-wrapper-max-width);overflow-x:hidden;text-overflow:ellipsis;-webkit-user-select:none}.core-org-tree-container .scroll-container ul>li>span>object.active{color:var(--active-item-color)}.core-org-tree-container .scroll-container ul .highlighted{color:var(--color-core-org-tree-highlighted);font-weight:700}.core-org-tree-container .scroll-container ul .dissolved{color:#848484;text-decoration:line-through dashed}.core-org-tree-container .scroll-container ul .dissolved.active{color:#c9252b!important}.core-org-tree-container .scroll-container ul>li{display:block;position:relative}.core-org-tree-container .scroll-container ul>li:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -1);top:calc(var(--item-height) / 2);height:calc(var(--item-height) / 2);border-top:solid var(--line-size) var(--line-color);border-right:none;border-bottom:none;border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li>span{display:flex;align-items:center;height:var(--item-height);white-space:nowrap;font-size:13px;padding-left:8px;transform:translate(10px);cursor:pointer}.core-org-tree-container .scroll-container ul>li>span>i{color:var(--square-color);cursor:pointer;font-size:var(--square-size);width:var(--square-size);height:var(--square-size)}.core-org-tree-container .scroll-container ul>li>span>.expand-toggler{font-size:var(--arrow-font-size);width:24px;height:24px;position:absolute;z-index:1;transform:translate(-100%) rotate(0);transition:.5s ease-out;display:flex;align-items:center;justify-content:center}.core-org-tree-container .scroll-container ul>li>span>.check-toggler{margin-left:5px;margin-right:5px}.core-org-tree-container .scroll-container ul>li>ul>li>span:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);height:var(--line-size);border-top:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li.collapsed>span>.expand-toggler{transform:translate(-100%) rotate(-90deg);transition:.5s ease-out}.core-org-tree-container .scroll-container ul>li.collapsed:before{border-left:none}.core-org-tree-container .scroll-container ul>li:not(.collapsed):not(.has-children):before{border-left:none}.core-org-tree-container .scroll-container ul:not(.root):before{content:\"\";display:block;position:absolute;width:var(--line-size);left:calc(var(--ul-padding) * -1);height:calc(100% - var(--item-height) * 1.5);border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul:not(.root)>li:last-child:not(.collapsed).has-children:after{content:\"\";display:block;position:absolute;height:calc(100% - var(--item-height));width:calc(var(--ul-padding) / 2);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);border-left:solid var(--line-size) var(--background);z-index:0}.core-org-tree-container .scroll-container ul.collapsed:not(.root){display:none}.core-org-tree-container .collapsed>li:before{display:none!important}.core-org-tree-container.full-width .scroll-container{width:auto}.core-org-tree-container.reduced{width:50px;padding:0;transition:width .5s ease-out}.core-org-tree-container.reduced .scroll-container{overflow:hidden}.core-org-tree-container.reduced .scroll-container>ul.root{display:none}.core-org-tree-container.reduced .scroll-container>.reduced-panel{color:var(--active-item-color);width:50px;height:var(--reduced-panel-height);writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;font-weight:700;animation:reducedPanelOn .5s ease-out}\n"] }]
         }], ctorParameters: () => [{ type: AuthService }, { type: RecursiveService }, { type: MultiLanguageService }, { type: LayoutService }, { type: CoreOrgTreeService }, { type: AlertService }, { type: ComPartyService }], propDecorators: { lineColor: [{
                 type: Input
             }], fullWidthMode: [{
@@ -39136,11 +38143,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-CVK_Ewx4.mjs').then(m => m.TemplateListComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-DzmC3b7z.mjs').then(m => m.TemplateListComponent),
     },
     {
         path: ":id",
-        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-CwYRUlbM.mjs').then(m => m.CoreTemplateEditorComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-DP0S7jyd.mjs').then(m => m.CoreTemplateEditorComponent),
         canDeactivate: [CanDeactivateGuard]
     },
     {
@@ -39169,7 +38176,7 @@ const coreFormDesignRoutes = [
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-Jzy7HTBy.mjs').then(function (n) { return n.c; }).then(m => m.CoreFormDesignComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-D2oObezL.mjs').then(function (n) { return n.c; }).then(m => m.CoreFormDesignComponent)
     }
 ];
 
@@ -40062,7 +39069,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreNavigationTrackerRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-8tqyVAcU.mjs').then(m => m.TrackerStudioComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-C55f7kTq.mjs').then(m => m.TrackerStudioComponent)
     }
 ];
 
@@ -42651,33 +41658,33 @@ const coreWorkflowRoutes = [
                     {
                         path: 'form-assign/:id',
                         outlet: "formAssignAux",
-                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-CRs1A8j_.mjs').then(m => m.WfFormAssignComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-mKGnvRsL.mjs').then(m => m.WfFormAssignComponent),
                         canDeactivate: [CanDeactivateGuard]
                     }
                 ]
             },
             {
                 path: 'global-config',
-                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-yeFb4wxY.mjs').then(m => m.WfGlobalConfigComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-DRvMd_cv.mjs').then(m => m.WfGlobalConfigComponent)
             },
             {
                 path: 'db-settings',
-                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-CpjFcS3r.mjs').then(m => m.DbSettingsComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-_MHxkXZu.mjs').then(m => m.DbSettingsComponent)
             },
             {
                 path: 'workflow-consume',
-                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-Fma_hNMb.mjs').then(m => m.CoreWorkflowConsumeComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-CyIG4b_B.mjs').then(m => m.CoreWorkflowConsumeComponent),
                 children: [
                     {
                         path: ':id',
                         outlet: "workflowConsume",
-                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-iX23HD-T.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-iShoXgYz.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
                     }
                 ]
             },
             {
                 path: 'workflow-consume/:id',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-iX23HD-T.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-iShoXgYz.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
             },
             {
                 path: 'workflow-group-edit/:id',
@@ -42687,17 +41694,17 @@ const coreWorkflowRoutes = [
             },
             {
                 path: 'design/:id',
-                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-BPTxhFez.mjs').then(m => m.wfDesignWrapperRoutes),
+                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-BQraHTdv.mjs').then(m => m.wfDesignWrapperRoutes),
             },
         ]
     },
     {
         path: 'react/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-Bri0bRw3.mjs').then(m => m.WfInstanceStepReactComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-Dvd9jK88.mjs').then(m => m.WfInstanceStepReactComponent)
     },
     {
         path: 'status/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-Jahj4MO-.mjs').then(m => m.WfInstanceStatusComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-kNezjBzO.mjs').then(m => m.WfInstanceStatusComponent)
     }
 ];
 
@@ -45323,4 +44330,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  */
 
 export { CoreButtonGroupVnsComponent as $, AppService as A, BaseComponent as B, ChatService as C, DialogService as D, EnumCoreTablePipeType as E, FullscreenModalLoaderComponent as F, CoreDatePickerComponent as G, CoreFormControlSeekerComponent as H, ImageErrorResolverDirective as I, CoreCurrencyInputComponent as J, EnumActorSourceType as K, CoreParamControlComponent as L, MultiLanguageService as M, CoreRadioGroupComponent as N, GptService as O, ApplicationHelpService as P, HotKeysDirective as Q, EnumCorePageEditMode as R, SocketService as S, TranslatePipe as T, CoreFormComponent as U, NavigatorService as V, JsonService as W, AppConfigService as X, EnumCoreButtonVNSCode as Y, READONLY_WORKFLOW_FIELDS as Z, noneAutoClosedAlertOptions as _, CorePageListComponent as a, CommonHttpRequestService as a$, CoreStickerCollectionComponent as a0, HtmlTooltipDirective as a1, CoreControlNoFormArrayComponent as a2, EnumFormDesignMode as a3, CoreControlComponent as a4, JsonSafePipe as a5, CoreAttachmentComponent as a6, CoreMonthSelectorComponent as a7, EnumImageResolverType as a8, NormalizeHumanNamePipe as a9, EnumStyleButtonClass as aA, CanActivateFunctionUrlMapperGuard as aB, InitializationCanActivateFn as aC, InitializationCanMatchFn as aD, httpInterceptorProviders as aE, InterceptorSkipHeader as aF, appTypeInterceptor as aG, baseUrlInterceptor as aH, authInterceptor as aI, graphInterceptor as aJ, tokenInterceptor as aK, responseInterceptor as aL, timeZoneInterceptor as aM, cachingInterceptor as aN, langInterceptor as aO, EnumFilterOperator as aP, OnlineUsersComponent as aQ, ActionService as aR, AppInitializationService as aS, AuthService as aT, CacheService as aU, EnumSwUpdateVersionUpdatesEventType as aV, CheckForUpdateService as aW, EnumDeviceType as aX, EnumBrowserType as aY, EnumOsType as aZ, ClientService as a_, CoreIosSwitcherComponent as aa, SunnyRotatingComponent as ab, MapAppdemoToServerPipePipe as ac, MapAttachmentToServerPipe as ad, MapNewsfeedMediaToServerPipe as ae, StringHtmlPipe as af, UploadedFilenameCutoffPipe as ag, DialogStateComponent as ah, FooterComponent as ai, RightchatComponent as aj, WaittingScreenComponent as ak, longAlertOptions as al, attachmentOptions as am, CORE_VNS_BUTTONS as an, defaultPaging as ao, DESKTOP_SCREEN_HEDER_HEIGHT as ap, MOBILE_SCREEN_HEDER_HEIGHT as aq, themeBlue as ar, DATE_VALUE_ACCESSOR as as, DateValueAccessor as at, EnumDragType as au, EnumErrorType as av, EnumIconClass as aw, EnumProfileInfoSector as ax, EnumSignalRType as ay, EnumSortDirection as az, CoreCheckboxComponent as b, MutationViewComponent as b$, TLA_CONFIG as b0, ConfigService as b1, CoreTableService as b2, DndService as b3, DocxMergeService as b4, FilterKitService as b5, GrpcService as b6, HeaderService as b7, HistoryService as b8, HttpErrorHandler as b9, TopicPermissionService as bA, TopicTreeService as bB, UploadedFileService as bC, UrlService as bD, UserActivityService as bE, EvaluateDialogService as bF, EnumWorkScheduleViewMode as bG, WorkShiftDndService as bH, AtShiftPatternComponent as bI, AtShiftPatternApplyComponent as bJ, AtShiftPatternEditComponent as bK, AtWorksignComponent as bL, AtWorksignService as bM, FunctionComponent as bN, IndividualScheduleApplyComponent as bO, FunctionEditComponent as bP, FunctionIgnoreComponent as bQ, FunctionIgnoreEditComponent as bR, GroupFunctionComponent as bS, GroupFunctionEditComponent as bT, hrmSchemaRoutes as bU, InMemoryComponent as bV, LanguageComponent as bW, LanguageEditComponent as bX, MenuComponent as bY, MenuEditComponent as bZ, MutationLogComponent as b_, HubConnectionService as ba, IpServiceService as bb, LayoutService as bc, LiquidJsService as bd, MapService as be, MenuService as bf, MessageService as bg, ModalService as bh, OrganizationService as bi, PkceService as bj, PositionTransferService as bk, EnumNotificationDir as bl, NotificationActionType as bm, PushNotificationService as bn, RandomAvatarService as bo, RequestCache as bp, RequestCacheWithMap as bq, ResponseService as br, RoutingService as bs, EnumSsrsExpressFileExtension as bt, EnumSsrsExpressExportFormat as bu, SsrsExpressService as bv, StatisticService as bw, StatisticAuthService as bx, SysMenuService as by, TimeSheetService as bz, BaseEditComponent as c, CoreDocgenToolbarComponent as c$, PaSalaryPolicyComponent as c0, PaSalaryPolicyEditComponent as c1, PortalRouteComponent as c2, ScheduleOverviewComponent as c3, simpleChatRoutes as c4, PortalRouteEditComponent as c5, SysOtherListComponent as c6, SysOtherListEditComponent as c7, SysOtherListTypeComponent as c8, SysOtherListTypeEditComponent as c9, NewlyCreatedTokenService as cA, CoreApiProgressComponent as cB, CoreButtonGroupComponent as cC, EnumCoreButtonCode as cD, ActionSvgEditComponent as cE, CoreButtonGroupService as cF, CoreButtonVnsComponent as cG, CoreComTreeComponent as cH, ComPartyService as cI, CoreCommonParamKitComponent as cJ, CoreCompareDbPipelineComponent as cK, CoreCompositionState as cL, CoreCompositionService as cM, CoreCompositionComponent as cN, CoreConfirmDialogComponent as cO, ConfirmDialogStateComponent as cP, CoreLazyMountComponent as cQ, CoreRootMenuItemPickerComponent as cR, CoreRootMenuItemPickerService as cS, ECoreTableToolCode as cT, ECoreTableToolClass as cU, CoreTableComponent as cV, CoreComProfileComponent as cW, CoreContractSeekerComponent as cX, CoreControlNoGridBufferComponent as cY, CoreControlNoSeekerComponent as cZ, coreDocGenRoutes as c_, SysActionComponent as ca, SysActionEditComponent as cb, SysFunctionActionComponent as cc, SysFunctionActionEditComponent as cd, SysFunctionActionMapperComponent as ce, SysFunctionUrlMapperComponent as cf, FunctionEditService as cg, SysModuleComponent as ch, SysModuleEditComponent as ci, SysRouteAccessComponent as cj, liner_to_nested_array_script as ck, blob_to_base64_script as cl, AlertComponent as cm, EnumAlertType as cn, IAlertOptions as co, AnimatedTextService as cp, AnimatedTextComponent as cq, BaseDropdownComponent as cr, ButtonGroupModule as cs, ButtonGroupService as ct, ButtonGroupComponent as cu, EnumButtonCaptionCode as cv, CoreButtonComponent as cw, CoreAccordionComponent as cx, CoreAccordionService as cy, CoreActiveUserCountComponent as cz, EnumFormBaseContolType as d, EnumPermissionObjectType as d$, CoreEmployeeScheduleComponent as d0, CoreEmployeeSeekerComponent as d1, EnumCoreFileUploaderType as d2, CoreFileUploaderComponent as d3, CoreFilterHubComponent as d4, CoreFilterHubService as d5, ControlBase as d6, Textbox as d7, CoreControlService as d8, CustomValidators as d9, coreNavigationTrackerRoutes as dA, CoreOauthCallbackComponent as dB, CoreOauthCallbackOffice365Component as dC, EnumCoreOrgTreeaAccessorMode as dD, EnumCoreOrgTreeaSearchMode as dE, CoreOrgTreeComponent as dF, CoreOrgTreeState as dG, CoreOrgTreeService as dH, CoreOrgUnitSeekerComponent as dI, CoreOrgchartflexComponent as dJ, CoreOrgParamComponent as dK, EnumCorePageEditBootstrapClass as dL, EnumCorePageEditFieldType as dM, CorePageEditService as dN, CorePageEditLiteComponent as dO, CorePageEditTabComponent as dP, EnumExType as dQ, CorePageListService as dR, CorePageListState as dS, CorePageListContentComponent as dT, EnumCoreViewItemType as dU, CorePageViewComponent as dV, CorePaginationComponent as dW, CorePaginationFullComponent as dX, CorePaginationFullService as dY, CoreFileFormatPickerComponent as dZ, CorePermissionService as d_, URL_PATTERN as da, coreFormDesignRoutes as db, CoreFormTabComponent as dc, CoreFormLiteComponent as dd, CoreFormControlBaseComponent as de, EnumCoreSeekerColumnJob as df, EnumCoreSeekerColumnStaffProfile as dg, EnumCoreSeekerColumnContract as dh, EnumCoreSeekerColumnWorking as di, EnumCoreSeekerColumnWage as dj, EnumCoreSeekerColumnPosition as dk, EnumCoreSeekerColumnPositionConcurrent as dl, EnumCoreSeekerColumnAutoForm as dm, SeekerService as dn, CoreGridBufferComponent as dp, CoreHeaderParamsComponent as dq, CoreHelperComponent as dr, CoreLineComponent as ds, CoreLiquidWysiwygComponent as dt, CoreListComponent as du, CoreListLazyComponent as dv, CoreLoadingSurfaceComponent as dw, CoreMccComponent as dx, CoreMonthPickerComponent as dy, CoreNavigationTrackerComponent as dz, CorePageEditComponent as e, EnumRecursiveFields as e$, CorePermissionComponent as e0, CorePermissionActionsComponent as e1, CorePositionConcurrentSeekerComponent as e2, CorePositionSeekerComponent as e3, CoreQrcodeComponent as e4, EnumOparator as e5, CoreQueryBuilderComponent as e6, CoreReducerIconComponent as e7, CoreRotatingTextComponent as e8, CoreRouteAccumulatorComponent as e9, CoreYearSelectorComponent as eA, EnumCoreD3ScaleType as eB, CoreD3Service as eC, CorePieComponent as eD, CoreScatterPlotComponent as eE, EnumHrComparisonCode as eF, EnumICoreStatisticWidgetDataType as eG, CoreStatisticWidgetComponent as eH, DecisionComponent as eI, EvaluateDialogComponent as eJ, HuconcurrentlyComponent as eK, JobComponent as eL, LanguageChangerComponent as eM, DEFAULT_SVG as eN, ItemComponent as eO, NavigatorComponent as eP, OtpInputComponent as eQ, OtpInputService as eR, PageTitleComponent as eS, PaginationComponent as eT, FilterPipe as eU, normalizeHumanName as eV, PositionComponent as eW, PositionEditService as eX, CoreDatetimeService as eY, FileService as eZ, LongTaskService as e_, CoreRoutingHistoryComponent as ea, CoreSalaryPolicyPickerComponent as eb, CoreScrollComponent as ec, CoreScrollLazyComponent as ed, CoreSeenByComponent as ee, CoreShiftCardComponent as ef, CoreShiftCellComponent as eg, CoreShiftCollectionComponent as eh, CoreShiftStickerComponent as ei, STICKER_COLOR_SCHEMA as ej, CoreStatusStickerComponent as ek, CoreSubFormGroupComponent as el, CoreTabListComponent as em, CoreTagsComponent as en, CoreTopicPickerComponent as eo, EnumCoreArticleCategoryTreeaAccessorMode as ep, CoreTopicTreeComponent as eq, CoreTreeComponent as er, EnumCoreTreeGridEditMode as es, CoreTreeGridComponent as et, CoreWageSeekerComponent as eu, CoreWorkingSeekerComponent as ev, coreWorkflowRoutes as ew, CoreWorkflowBuilderComponent as ex, CoreWorkflowGroupEditComponent as ey, CoreYearPickerComponent as ez, CorePageHeaderComponent as f, RecursiveService as f0, StringService as f1, UnicodeService as f2, StaffProfileComponent as f3, ThreedotsComponent as f4, TooltipComponent as f5, UserActivityComponent as f6, WageComponent as f7, tooltip_directive as f8, coreStickerCollection_component as f9, dragReorder_directive as fa, CoreTabsComponent as g, CoreWorkflowService as h, EnumCoreFormControlSeekerSourceType as i, AlertService as j, CoreFormService as k, DbService as l, AiHintForColumnComponent as m, CoreWorkflowListComponent as n, TooltipDirective as o, DragReorderDirective as p, CanDeactivateGuard as q, TableCellPipe as r, MapAvatarToServerPipe as s, alertOptions as t, CoreTerminalSpinnerComponent as u, CoreFormDesignService as v, EnumWorkflowStepType as w, DomService as x, CoreDropdownComponent as y, CoreChecklistComponent as z };
-//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-BJ3ZVba7.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-CU08OP4d.mjs.map