ngx-histaff-alpha 6.4.7 → 6.4.9

package/fesm2022/{ngx-histaff-alpha-ngx-histaff-alpha-ls0sZJcJ.mjs → ngx-histaff-alpha-ngx-histaff-alpha-TWTSrQ0J.mjs}

@@ -6758,14 +6758,19 @@ class CoreFormDesignService {
                     const fullPath = path ? `${path}.${key}` : key;
                     const aVal = a[key];
                     const bVal = b[key];
-                    if (JSON.stringify(aVal) !== JSON.stringify(bVal)) {
-                        if (typeof aVal === 'object' && typeof bVal === 'object') {
-                            result.push(...getChangedKeys(aVal, bVal, fullPath));
-                        }
-                        else {
-                            result.push(fullPath);
+                    try {
+                        if (JSON.stringify(aVal) !== JSON.stringify(bVal)) {
+                            if (typeof aVal === 'object' && typeof bVal === 'object') {
+                                result.push(...getChangedKeys(aVal, bVal, fullPath));
+                            }
+                            else {
+                                result.push(fullPath);
+                            }
                         }
                     }
+                    catch (err) {
+                        console.warn(err);
+                    }
                 }
                 return result;
             }
@@ -6989,6 +6994,7 @@ class CoreFormDesignService {
             'DROPDOWN:any': 'dropdown-props',
             'CHECKLIST': 'checklist-props',
             'SEEKER': 'seeker-props',
+            'SEEKER:any[]': 'seeker-props',
             'FORM_ARRAY:children': 'form-array-props'
         };
         this.$currentPropsComponent = computed(() => {
@@ -7567,47 +7573,252 @@ class CoreFormDesignService {
     isType(type) {
         return this.$draggingControl()?.controlType === type;
     }
+    /*
+    normalize(control: Partial<IFormBaseControl>): IFormBaseControl {
+      this.normalizeCalledCount$.next(this.normalizeCalledCount$.value + 1);
+      const type = control.controlType || EnumFormBaseContolType.TEXTBOX;
+      const fallback = this.defaultByControlType[type] ?? {};
+  
+      const base: IFormBaseControl = {
+        ...fallback,
+        ...control,
+        field: control.field ?? this.generateUniqueField(),
+        controlType: type,
+        type: control.type ?? 'any',
+        flexSize: control.flexSize ?? 12,
+        label: control.label ?? 'Untitled Field',
+        value: control.value,
+        multiMode: control.multiMode,
+        readonly: control.readonly,
+        disabled: control.disabled,
+        showPlaceholder: control.showPlaceholder,
+        placeholder: control.placeholder,
+        headless: control.headless,
+        assignTo: control.assignTo,
+        formArraySections: control.controlType === EnumFormBaseContolType.FORM_ARRAY
+          ? this.js.safeTransform(control.formArraySections ?? []).obj as ICoreFormSection[]
+          : [],
+      };
+  
+      // 🔒 Enrich validators: ensure all are full IValidator with ValidatorFn
+      const userValidatorsRaw = control.validators ?? [];
+  
+      const userValidators: IValidator[] = userValidatorsRaw.map(v => {
+        return typeof v.validator === 'function'
+          ? v
+          : this.buildValidatorFromName(v.name as EnumSupportedRuntimeValidator, v.value, v.readOnly);
+      });
+  
+      const defaultValidators = this.getDefaultValidatorsFor(base);
+  
+      // 🔄 Merge (user overrides system by name)
+      const mergedValidators = [
+        ...userValidators,
+        ...defaultValidators.filter(dv => !userValidators.some(uv => uv.name === dv.name))
+      ];
+  
+  
+      base.validators = mergedValidators;
+  
+      if (this.selfMappingTypes.includes(type)) {
+        base.optionApiDriven = true;
+      }
+  
+      return base;
+    }
+    */
+    /*
+    normalize(control: Partial<IFormBaseControl>): IFormBaseControl {
+      this.normalizeCalledCount$.next(this.normalizeCalledCount$.value + 1);
+  
+      // 🔥 Xác định controlType chuẩn
+      const type = control.controlType || EnumFormBaseContolType.TEXTBOX;
+  
+      // 🔥 fallback theo đúng loại control
+      const fallback = this.defaultByControlType[type] ?? {};
+  
+      // -------------------------------------------------------------
+      // 1) Build base object (KHÔNG XOÁ SEEKER PROPS)
+      // -------------------------------------------------------------
+      const base: IFormBaseControl = {
+        ...fallback,       // default cấu hình theo controlType
+        ...control,        // override từ user
+  
+        field: control.field ?? this.generateUniqueField(),
+        controlType: type,
+  
+        // KHÔNG ép type = 'any' như bản cũ
+        type: control.type ?? fallback.type ?? 'any',
+  
+        flexSize: control.flexSize ?? 12,
+        label: control.label ?? 'Untitled Field',
+        value: control.value,
+  
+        multiMode: control.multiMode,
+        readonly: control.readonly,
+        disabled: control.disabled,
+  
+        showPlaceholder: control.showPlaceholder,
+        placeholder: control.placeholder,
+        headless: control.headless,
+        assignTo: control.assignTo,
+  
+  
+  
+  
+        formArraySections:
+          control.controlType === EnumFormBaseContolType.FORM_ARRAY
+            ? this.js.safeTransform(control.formArraySections ?? []).obj as ICoreFormSection[]
+            : [],
+      };
+  
+      // -------------------------------------------------------------
+      // 2) Validators: Merge default + user validators
+      // -------------------------------------------------------------
+      const userValidatorsRaw = control.validators ?? [];
+  
+      const userValidators: IValidator[] = userValidatorsRaw.map(v => {
+        return typeof v.validator === 'function'
+          ? v
+          : this.buildValidatorFromName(
+            v.name as EnumSupportedRuntimeValidator,
+            v.value,
+            v.readOnly
+          );
+      });
+  
+      const defaultValidators = this.getDefaultValidatorsFor(base);
+  
+      // user override bằng name
+      const mergedValidators = [
+        ...userValidators,
+        ...defaultValidators.filter(
+          dv => !userValidators.some(uv => uv.name === dv.name)
+        )
+      ];
+  
+      base.validators = mergedValidators;
+  
+      // -------------------------------------------------------------
+      // 3) Self mapping types → set flag
+      // -------------------------------------------------------------
+      if (this.selfMappingTypes.includes(type)) {
+        base.optionApiDriven = true;
+      }
+  
+      return base;
+    }
+    */
     normalize(control) {
-        this.normalizeCalledCount$.next(this.normalizeCalledCount$.value + 1);
-        const type = control.controlType || EnumFormBaseContolType.TEXTBOX;
+        const type = control.controlType ?? EnumFormBaseContolType.TEXTBOX;
         const fallback = this.defaultByControlType[type] ?? {};
-        const base = {
-            ...fallback,
-            ...control,
+        // -------------------------------------------------------------------
+        // A. MANDATORY BLOCK (luôn có)
+        // -------------------------------------------------------------------
+        const baseMandatory = {
             field: control.field ?? this.generateUniqueField(),
             controlType: type,
-            type: control.type ?? 'any',
+            type: control.type ?? fallback.type ?? 'any',
             flexSize: control.flexSize ?? 12,
             label: control.label ?? 'Untitled Field',
             value: control.value,
-            multiMode: control.multiMode,
+        };
+        // -------------------------------------------------------------------
+        // B. OPTIONAL SHARED BLOCK (áp dụng cho mọi control)
+        // -------------------------------------------------------------------
+        const baseOptional = {
             readonly: control.readonly,
+            hidden: control.hidden,
             disabled: control.disabled,
-            showPlaceholder: control.showPlaceholder,
+            height: control.height,
+            popupHeight: control.popupHeight,
             placeholder: control.placeholder,
             headless: control.headless,
-            assignTo: control.assignTo,
-            formArraySections: control.controlType === EnumFormBaseContolType.FORM_ARRAY
-                ? this.js.safeTransform(control.formArraySections ?? []).obj
-                : [],
+            tooltip: control.tooltip,
+            htmlTooltip: control.htmlTooltip,
+            hint: control.hint,
+            colSpan: control.colSpan,
+            rowSpan: control.rowSpan,
+            pipe: control.pipe,
+        };
+        // -------------------------------------------------------------------
+        // C. CONTROL-SPECIFIC BLOCK
+        // -------------------------------------------------------------------
+        let baseSpecific = {};
+        switch (type) {
+            case EnumFormBaseContolType.FORM_ARRAY:
+                baseSpecific = {
+                    isFormArray: true,
+                    formArraySections: this.js.safeTransform(control.formArraySections ?? []).obj
+                };
+                break;
+            case EnumFormBaseContolType.SEEKER:
+                baseSpecific = {
+                    multiMode: control.multiMode ?? false,
+                    seekerSourceType: control.seekerSourceType,
+                    useTheseColumns: control.useTheseColumns ?? [],
+                    excludedColumns: control.excludedColumns ?? [],
+                    hideOrgTree: control.hideOrgTree ?? false,
+                    sourceSpaceHeight: control.sourceSpaceHeight,
+                    boundFrom: control.boundFrom ?? 'id',
+                    shownFrom: control.shownFrom ?? 'fullname',
+                    alsoBindTo: control.alsoBindTo ?? [],
+                    seekerVerifyIgnore: control.seekerVerifyIgnore ?? false,
+                    // METADATA CORRECT
+                    ___preDefinedOuterFilter: control.___preDefinedOuterFilter ?? [],
+                    ___preDefinedOuterParam: control.___preDefinedOuterParam ?? {},
+                };
+                break;
+            case EnumFormBaseContolType.DROPDOWN:
+                baseSpecific = {
+                    optionApiDriven: control.optionApiDriven ?? false,
+                    optionApi: control.optionApi,
+                    optionValueFrom: control.optionValueFrom,
+                    optionTextFrom: control.optionTextFrom,
+                    options: control.options ?? [],
+                };
+                break;
+            case EnumFormBaseContolType.CHECKLIST:
+                baseSpecific = {
+                    checklistOptions: control.___checklistOptions ?? [],
+                };
+                break;
+            case EnumFormBaseContolType.RADIOGROUP:
+                baseSpecific = {
+                    radioGroupOptions: control.___radioGroupOptions ?? []
+                };
+                break;
+            case EnumFormBaseContolType.DATEPICKER:
+                baseSpecific = {
+                    rangeLimit: control.rangeLimit,
+                    popupAlign: control.popupAlign,
+                    showPlaceholder: control.showPlaceholder,
+                };
+                break;
+            // … thêm MCC, GRIDBUFFER, etc nếu cần
+        }
+        // -------------------------------------------------------------------
+        // D. RUNTIME BLOCK — KHÔNG BAO GIỜ SAVE VÀO METADATA
+        // -------------------------------------------------------------------
+        const baseRuntime = {
+            selectedData$: control.selectedData$,
+            fullValueRow$: control.fullValueRow$,
+            focus$: control.focus$,
+            blur$: control.blur$,
+            click$: control.click$,
+            preDefinedOuterFilter$: control.preDefinedOuterFilter$,
+            preDefinedOuterParam$: control.preDefinedOuterParam$,
+        };
+        // -------------------------------------------------------------------
+        // FINAL MERGE
+        // -------------------------------------------------------------------
+        const base = {
+            ...fallback,
+            ...baseMandatory,
+            ...baseOptional,
+            ...baseSpecific,
+            ...baseRuntime,
         };
-        // 🔒 Enrich validators: ensure all are full IValidator with ValidatorFn
-        const userValidatorsRaw = control.validators ?? [];
-        const userValidators = userValidatorsRaw.map(v => {
-            return typeof v.validator === 'function'
-                ? v
-                : this.buildValidatorFromName(v.name, v.value, v.readOnly);
-        });
-        const defaultValidators = this.getDefaultValidatorsFor(base);
-        // 🔄 Merge (user overrides system by name)
-        const mergedValidators = [
-            ...userValidators,
-            ...defaultValidators.filter(dv => !userValidators.some(uv => uv.name === dv.name))
-        ];
-        base.validators = mergedValidators;
-        if (this.selfMappingTypes.includes(type)) {
-            base.optionApiDriven = true;
-        }
         return base;
     }
     getDefaults(controlType) {
@@ -7625,6 +7836,8 @@ class CoreFormDesignService {
         if (!control?.controlType)
             return '';
         const key = control.controlType + (control.type ? `:${control.type}` : '');
+        console.log("getTypeSpecificPropsComponent", key);
+        console.log("getTypeSpecificPropsComponent", this.propsComponentMap[key] ?? "N/A");
         return this.propsComponentMap[key] || '';
     }
     generateFieldNameFor(control) {
@@ -9127,8 +9340,8 @@ class CoreWorkflowService {
     initialSubmit(request) {
         return this.appService.post('/api/WfWorkflow/InitialSubmit', request);
     }
-    react(unitedCorrelationIds, reactType, reason) {
-        return this.appService.post('/api/WorkflowEngine/React?usehub=true', { unitedCorrelationIds, reactType, reason });
+    react(unitedCorrelationIds, reactType, reason, updatedAttributes) {
+        return this.appService.post('/api/WorkflowEngine/React?usehub=true', { unitedCorrelationIds, reactType, reason, updatedAttributes });
     }
     inject(unitedCorrelationIds, injectType, reason, injectorEmployeeId = undefined) {
         return this.appService.post('/api/WorkflowEngine/Inject?usehub=true', { unitedCorrelationIds, injectType, reason, injectorEmployeeId });
@@ -12912,7 +13125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 
 class CoreOrgTreeService {
     constructor() {
-        this.showSearch$ = new BehaviorSubject(false);
+        this.showSearch$ = new BehaviorSubject(true);
         this.arrowFontSize$ = new BehaviorSubject(18);
         this.titleWrapperMaxWidth$ = new BehaviorSubject(250);
     }
@@ -12999,7 +13212,7 @@ class CoreOrgTreeComponent extends CoreFormControlBaseComponent {
         this.stateIsolated$ = new BehaviorSubject(false);
         this.itemDoubleClick = new EventEmitter();
         this.itemClick = new EventEmitter();
-        this.showSearch = false;
+        this.showSearch = true;
         this.hiddenToolClickStream$ = new BehaviorSubject('');
         this.activeIds = [];
         this.checkedIds = [];
@@ -20846,6 +21059,7 @@ class CoreDropdownComponent extends CoreFormControlBaseComponent {
         this.options$ = new BehaviorSubject([]);
         this.placeholder = '';
         this.fitHeightWithItemCount = true;
+        this.value = null;
         //searchHeight: number = 38;
         this.searchHeight = 0;
         this.subscriptions = [];
@@ -20875,7 +21089,7 @@ class CoreDropdownComponent extends CoreFormControlBaseComponent {
                 this.options$ = new BehaviorSubject([]);
             if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
                 const body = x.body;
-                const options = body.innerBody.map(item => ({
+                const options = body.innerBody.map((item) => ({
                     value: item[this.optionValueFrom],
                     text: item[this.optionTextFrom]
                 }));
@@ -20970,17 +21184,6 @@ class CoreDropdownComponent extends CoreFormControlBaseComponent {
         this.expandState = false;
         this.cdr.markForCheck();
     }
-    // override writeValue(obj: string | number | null): void {
-    // 	this.value = obj;
-    // 	const filter = this.options?.filter(m => m.value === obj)
-    // 	if (!!filter?.length) {
-    // 		this.text = filter[0].text
-    // 		this.enrichment.register(this.form, this.fieldName, this.text);
-    // 	} else {
-    // 		this.text = ""
-    // 		this.enrichment.register(this.form, this.fieldName, "");
-    // 	}
-    // }
     writeValue(obj) {
         this.value = obj;
         const match = this.options?.find(m => m.value === obj);
@@ -21089,7 +21292,7 @@ class CoreDropdownComponent extends CoreFormControlBaseComponent {
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
-                useExisting: CoreDropdownComponent,
+                useExisting: forwardRef(() => CoreDropdownComponent),
             },
         ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<app-threedots *ngIf=\"loading\"></app-threedots>\r\n<div #container class=\"core-dropdown-container\" *ngIf=\"!loading\">\r\n  <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\" />\r\n\r\n  <div class=\"input-wrapper\">\r\n    <input class=\"value\" [value]=\"value\" />\r\n    <input class=\"in-place-search form-control\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" (keydown)=\"onInPlaceSearchKeydown($event)\" />\r\n    <div\r\n      class=\"text form-control d-flex align-items-center\"\r\n      [class.required-highlight]=\"!!required\"\r\n      [class.form-control-disabled]=\"disabled\"\r\n      (click)=\"toggleExpanded()\"\r\n      style=\"cursor: pointer;\"\r\n    >\r\n      <input\r\n        type=\"text\"\r\n        [readonly]=\"true\"\r\n        class=\"flex-grow-1 no-border transparent-bg placeholder-input\"\r\n        [class.form-control-disabled]=\"disabled\"\r\n        [value]=\"!!loading ? '...' : (text | translate : lang)\"\r\n        [placeholder]=\"placeholder || ''\"\r\n        [appTooltip]=\"text\"\r\n      />\r\n\r\n      <div class=\"icon\">\r\n        <i class=\"feather-chevron-down\"></i>\r\n      </div>\r\n    </div>\r\n\r\n    @if (!clearDisable) {\r\n    <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!value\" (click)=\"onClickClear()\">\r\n      <div class=\"flex-wrapper\" [appTooltip]=\"'UI.CORE_CONTOL_COMMON_CLEAR' | translate : lang\">\r\n        <i class=\"feather-x\"></i>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"dropdown\" [class.form-control-disabled]=\"disabled\" *ngIf=\"!!expandState\" (keydown)=\"onDropdownKeydown($event)\">\r\n    <input class=\"search d-none\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" />\r\n    <core-scroll [localOptions]=\"localOptions\" [itemTemplate]=\"itemTemplateRef\" [itemCount]=\"localOptions.length\"\r\n      [height]=\"(fitHeightWithItemCount && localOptions.length * itemHeight < 400) ? localOptions.length * itemHeight : 400 - searchHeight\" [childHeight]=\"itemHeight\"></core-scroll>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemTemplateRef let-context=\"context\">\r\n  <li class=\"item-li\" (click)=\"onListItemClick(context, $event)\" (keydown)=\"onListItemKeydown(context, $event)\" [ngStyle]=\"{ height: itemHeight + 'px' }\">\r\n    <label [ngStyle]=\"{\r\n        width: '100%',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n        whiteSpace: 'nowrap'\r\n      }\" [appTooltip]=\"context.text\">{{ context.text | translate : lang }}</label>\r\n  </li>\r\n</ng-template>", styles: [".core-dropdown-container{position:relative;display:block;--indicator-height: 0px;--search-bg-color: white;--search-border-color: #D1D1D1;--search-item-hover-bg: #358ccb;--search-item-hover-color: white;--dropdown-bg: lightyellow;--arrow-color: #358ccb;--height: var(--size-form-control-height);--item-height: 50px;--max-z-index: 0;--search-height: 38px}.core-dropdown-container input.expand-state,.core-dropdown-container .value{display:none}.core-dropdown-container .in-place-search{display:none;position:absolute;top:0;left:0;z-index:1}.core-dropdown-container label.text{width:100%;height:var(--height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:space-between}.core-dropdown-container label.text span{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit}.core-dropdown-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:24px;top:-4px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:24px}.core-dropdown-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-dropdown-container .input-wrapper>div>input{border:none;padding-right:15px;width:100%;background:transparent}.core-dropdown-container .input-wrapper>div>.icon{display:block;position:absolute;top:9px;right:12px;color:#848484;background:#fff}.core-dropdown-container div.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;width:calc(var(--height) - 0px);height:calc(var(--height) - 0px);border:#ced4da solid 1px;cursor:pointer}.core-dropdown-container label.text div.icon i{width:14px;height:14px;font-size:14px;color:#848484}.core-dropdown-container .dropdown{display:block;position:absolute;width:100%;max-height:0px;overflow:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:.25s linear;z-index:calc(var(--max-z-index) + 1)}.core-dropdown-container .dropdown ul{padding-left:6px}.core-dropdown-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-dropdown-container .dropdown ul>li>label{width:100%}.core-dropdown-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container .hover-effect{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:3px;max-height:400px;transition:.25s linear}.core-dropdown-container input.expand-state:checked~.input-wrapper>.in-place-search{display:block}.core-dropdown-container input.search{margin:0;width:100%;border:0;border-bottom:1px solid var(--search-border-color);background-color:var(--search-bg-color);position:sticky;top:0;height:38px;padding:6px 12px;font-size:15px}.core-dropdown-container input.placeholder-input{height:30px}.core-dropdown-container input.search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CoreScrollComponent, selector: "core-scroll", inputs: ["localOptions", "itemTemplate", "itemCount", "height", "childHeight", "renderAhread"] }, { kind: "component", type: ThreedotsComponent, selector: "app-threedots" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -21107,7 +21310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         {
                             provide: NG_VALUE_ACCESSOR,
                             multi: true,
-                            useExisting: CoreDropdownComponent,
+                            useExisting: forwardRef(() => CoreDropdownComponent),
                         },
                     ], template: "<app-threedots *ngIf=\"loading\"></app-threedots>\r\n<div #container class=\"core-dropdown-container\" *ngIf=\"!loading\">\r\n  <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\" />\r\n\r\n  <div class=\"input-wrapper\">\r\n    <input class=\"value\" [value]=\"value\" />\r\n    <input class=\"in-place-search form-control\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" (keydown)=\"onInPlaceSearchKeydown($event)\" />\r\n    <div\r\n      class=\"text form-control d-flex align-items-center\"\r\n      [class.required-highlight]=\"!!required\"\r\n      [class.form-control-disabled]=\"disabled\"\r\n      (click)=\"toggleExpanded()\"\r\n      style=\"cursor: pointer;\"\r\n    >\r\n      <input\r\n        type=\"text\"\r\n        [readonly]=\"true\"\r\n        class=\"flex-grow-1 no-border transparent-bg placeholder-input\"\r\n        [class.form-control-disabled]=\"disabled\"\r\n        [value]=\"!!loading ? '...' : (text | translate : lang)\"\r\n        [placeholder]=\"placeholder || ''\"\r\n        [appTooltip]=\"text\"\r\n      />\r\n\r\n      <div class=\"icon\">\r\n        <i class=\"feather-chevron-down\"></i>\r\n      </div>\r\n    </div>\r\n\r\n    @if (!clearDisable) {\r\n    <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!value\" (click)=\"onClickClear()\">\r\n      <div class=\"flex-wrapper\" [appTooltip]=\"'UI.CORE_CONTOL_COMMON_CLEAR' | translate : lang\">\r\n        <i class=\"feather-x\"></i>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"dropdown\" [class.form-control-disabled]=\"disabled\" *ngIf=\"!!expandState\" (keydown)=\"onDropdownKeydown($event)\">\r\n    <input class=\"search d-none\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" />\r\n    <core-scroll [localOptions]=\"localOptions\" [itemTemplate]=\"itemTemplateRef\" [itemCount]=\"localOptions.length\"\r\n      [height]=\"(fitHeightWithItemCount && localOptions.length * itemHeight < 400) ? localOptions.length * itemHeight : 400 - searchHeight\" [childHeight]=\"itemHeight\"></core-scroll>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemTemplateRef let-context=\"context\">\r\n  <li class=\"item-li\" (click)=\"onListItemClick(context, $event)\" (keydown)=\"onListItemKeydown(context, $event)\" [ngStyle]=\"{ height: itemHeight + 'px' }\">\r\n    <label [ngStyle]=\"{\r\n        width: '100%',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n        whiteSpace: 'nowrap'\r\n      }\" [appTooltip]=\"context.text\">{{ context.text | translate : lang }}</label>\r\n  </li>\r\n</ng-template>", styles: [".core-dropdown-container{position:relative;display:block;--indicator-height: 0px;--search-bg-color: white;--search-border-color: #D1D1D1;--search-item-hover-bg: #358ccb;--search-item-hover-color: white;--dropdown-bg: lightyellow;--arrow-color: #358ccb;--height: var(--size-form-control-height);--item-height: 50px;--max-z-index: 0;--search-height: 38px}.core-dropdown-container input.expand-state,.core-dropdown-container .value{display:none}.core-dropdown-container .in-place-search{display:none;position:absolute;top:0;left:0;z-index:1}.core-dropdown-container label.text{width:100%;height:var(--height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:space-between}.core-dropdown-container label.text span{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit}.core-dropdown-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:24px;top:-4px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:24px}.core-dropdown-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-dropdown-container .input-wrapper>div>input{border:none;padding-right:15px;width:100%;background:transparent}.core-dropdown-container .input-wrapper>div>.icon{display:block;position:absolute;top:9px;right:12px;color:#848484;background:#fff}.core-dropdown-container div.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;width:calc(var(--height) - 0px);height:calc(var(--height) - 0px);border:#ced4da solid 1px;cursor:pointer}.core-dropdown-container label.text div.icon i{width:14px;height:14px;font-size:14px;color:#848484}.core-dropdown-container .dropdown{display:block;position:absolute;width:100%;max-height:0px;overflow:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:.25s linear;z-index:calc(var(--max-z-index) + 1)}.core-dropdown-container .dropdown ul{padding-left:6px}.core-dropdown-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-dropdown-container .dropdown ul>li>label{width:100%}.core-dropdown-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container .hover-effect{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:3px;max-height:400px;transition:.25s linear}.core-dropdown-container input.expand-state:checked~.input-wrapper>.in-place-search{display:block}.core-dropdown-container input.search{margin:0;width:100%;border:0;border-bottom:1px solid var(--search-border-color);background-color:var(--search-bg-color);position:sticky;top:0;height:38px;padding:6px 12px;font-size:15px}.core-dropdown-container input.placeholder-input{height:30px}.core-dropdown-container input.search:focus{outline:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: DomService }, { type: AlertService }, { type: MultiLanguageService }, { type: i0.ChangeDetectorRef }, { type: AppService }], propDecorators: { getByIdObject$: [{
@@ -25750,7 +25953,7 @@ class CoreFormArrayComponent extends CoreFormControlBaseComponent {
         if (changes['formArray'] && this.formArray) {
             console.log('✅ formArray ready:', this.formArray);
             // Only add 1 blank row when creating new
-            const isAddNew = this.addNewMode$.value;
+            const isAddNew = !!this.addNewMode$?.value;
             const hasExistingData = !!this.parentFormGroup
                 .getRawValue()?.[this.formArrayName]?.length;
             if (isAddNew && !hasExistingData && this.formArray.length === 0) {
@@ -31680,7 +31883,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const hrmSchemaRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-B1G4bcjr.mjs').then(m => m.HrmSchemaComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-Bd3CdbC_.mjs').then(m => m.HrmSchemaComponent)
     }
 ];
 
@@ -33853,7 +34056,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const simpleChatRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-BajN-snY.mjs').then(m => m.SimpleChatComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-Bijz8uoH.mjs').then(m => m.SimpleChatComponent)
     }
 ];
 
@@ -34161,7 +34364,7 @@ class SysOtherListEditComponent extends BaseEditComponent /*implements AfterView
                             optionTextFrom: 'name',
                             //dropdownOptions$: this.typeOptions$,
                             getByIdObject$: new BehaviorSubject(undefined),
-                            //getByIdApi: this.typeGetByIdApi,
+                            getByIdApi: this.typeGetByIdApi,
                             shownFrom: 'name',
                             type: 'text',
                             validators: [
@@ -34519,7 +34722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreSysActionRoutes = [
     {
         path: "",
-        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-S0ZpRUXN.mjs').then(m => m.CoreSysActionComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-C_VAQLOE.mjs').then(m => m.CoreSysActionComponent),
         children: [
             {
                 path: ":id",
@@ -38223,11 +38426,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-BtsN7KE4.mjs').then(m => m.TemplateListComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-CKNXhE7n.mjs').then(m => m.TemplateListComponent),
     },
     {
         path: ":id",
-        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-DdLVaGmB.mjs').then(m => m.CoreTemplateEditorComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-DmTad7AG.mjs').then(m => m.CoreTemplateEditorComponent),
         canDeactivate: [CanDeactivateGuard]
     },
     {
@@ -38256,7 +38459,7 @@ const coreFormDesignRoutes = [
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-CyFCxOF0.mjs').then(function (n) { return n.c; }).then(m => m.CoreFormDesignComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-BZvtwXkM.mjs').then(m => m.CoreFormDesignComponent)
     }
 ];
 
@@ -39167,7 +39370,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreNavigationTrackerRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-B-goIeUx.mjs').then(m => m.TrackerStudioComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-BLFeI6xO.mjs').then(m => m.TrackerStudioComponent)
     }
 ];
 
@@ -39220,6 +39423,9 @@ class CoreOrgTreeState {
 }
 
 class CoreOrgchartflexComponent {
+    togglePanel() {
+        this.$isCollapsed.update(v => !v);
+    }
     startDragging(e, flag) {
         this.$mouseDown.set(true);
         this.$startX.set(e.pageX - this.$parent()?.nativeElement.offsetLeft);
@@ -39249,6 +39455,8 @@ class CoreOrgchartflexComponent {
         this.$showDissolved = input();
         this.$width = input();
         this.$height = input();
+        this.$showOrgTree = input(true);
+        this.$orgTreeWidth = input(320);
         this.$connectionColor = input();
         this.$connectionSize = input(); // in pixel
         this.$fromChildrenToTopLine = input(); // in pixel
@@ -39259,6 +39467,7 @@ class CoreOrgchartflexComponent {
         this.printFlag$ = new BehaviorSubject(false);
         this.printing$ = new BehaviorSubject(false);
         this.onPrintAreaRendered = new EventEmitter();
+        this.$internalData = signal([]);
         this.$container = viewChild('container');
         this.$parent = viewChild('parent');
         this.$printArea = viewChild('printArea');
@@ -39269,7 +39478,9 @@ class CoreOrgchartflexComponent {
         this.$scrollTop = signal(undefined);
         this.$scale = signal(1);
         this.cdr = inject(ChangeDetectorRef);
+        this.$isCollapsed = signal(false);
         this.destroyRef = inject(DestroyRef);
+        effect(() => this.$internalData.update(_ => this.$data()));
     }
     ngOnInit() {
         this.printFlag$
@@ -39277,9 +39488,6 @@ class CoreOrgchartflexComponent {
         takeUntilDestroyed(this.destroyRef))
             .subscribe(async () => {
             this.printing$.next(true);
-            //await this.exportOrgChartAtomic();
-            //await this.exportOrgChartOnePage();
-            //await this.exportOrgChartAutoFit();
             await this.exportOrgChartPro();
             this.printing$.next(false);
         });
@@ -39323,15 +39531,15 @@ class CoreOrgchartflexComponent {
     toggleExpand(e) {
         e.tree$Expanded = !!!e.tree$Expanded;
     }
-    zoonIn() {
+    zoomIn() {
         this.$scale.set(this.$scale() * 1.1);
         this.$container().nativeElement.style.setProperty('--print-area-scale', this.$scale());
     }
-    zoonOut() {
+    zoomOut() {
         this.$scale.set(this.$scale() / 1.1);
         this.$container().nativeElement.style.setProperty('--print-area-scale', this.$scale());
     }
-    zoonFeat() {
+    zoomFeat() {
         this.$scale.set(1);
         this.$container().nativeElement.style.setProperty('--print-area-scale', this.$scale());
     }
@@ -39369,233 +39577,6 @@ class CoreOrgchartflexComponent {
             }
         }));
     }
-    // async exportOrgChartAtomic(): Promise<void> {
-    //   const container = this.$container()?.nativeElement as HTMLElement;
-    //   const printArea = this.$printArea()?.nativeElement as HTMLElement;
-    //   if (!printArea) return;
-    //   // 🩺 1️⃣ Normalize zoom + disable transitions
-    //   const oldScale = getComputedStyle(container).getPropertyValue('--print-area-scale');
-    //   container.style.setProperty('--print-area-scale', '1');
-    //   const oldTransform = printArea.style.transform;
-    //   printArea.style.transform = 'none';
-    //   printArea.querySelectorAll('*').forEach(el => {
-    //     (el as HTMLElement).style.animation = 'none';
-    //     (el as HTMLElement).style.transition = 'none';
-    //   });
-    //   // 🧭 2️⃣ Wait for & heal all <img> elements
-    //   const imgs = Array.from(printArea.querySelectorAll('img')) as HTMLImageElement[];
-    //   await Promise.all(
-    //     imgs.map(img =>
-    //       img.complete ? Promise.resolve() : new Promise(res => (img.onload = img.onerror = res))
-    //     )
-    //   );
-    //   for (const img of imgs) {
-    //     if (img.src.startsWith('data:')) continue;
-    //     try {
-    //       const resp = await fetch(img.src, { mode: 'cors' });
-    //       const blob = await resp.blob();
-    //       const reader = new FileReader();
-    //       await new Promise<void>(res => {
-    //         reader.onload = () => {
-    //           img.src = reader.result as string;
-    //           res();
-    //         };
-    //         reader.readAsDataURL(blob);
-    //       });
-    //     } catch { /* skip broken images */ }
-    //   }
-    //   // 📐 3️⃣ Compute true bounding box (atomic crop)
-    //   const allNodes = Array.from(printArea.querySelectorAll('.tree, .tree *')) as HTMLElement[];
-    //   const boxes = allNodes.map(n => n.getBoundingClientRect());
-    //   const minX = Math.min(...boxes.map(b => b.left));
-    //   const minY = Math.min(...boxes.map(b => b.top));
-    //   const maxX = Math.max(...boxes.map(b => b.right));
-    //   const maxY = Math.max(...boxes.map(b => b.bottom));
-    //   const chartW = Math.ceil(maxX - minX);
-    //   const chartH = Math.ceil(maxY - minY);
-    //   // 🧩 Offsets inside the printArea (viewport → local)
-    //   const areaRect = printArea.getBoundingClientRect();
-    //   const offsetX = Math.max(0, minX - areaRect.left);
-    //   const offsetY = Math.max(0, minY - areaRect.top);
-    //   // 🖼️ 4️⃣ Capture exact region only
-    //   const canvas = await html2canvas(printArea, {
-    //     backgroundColor: '#ffffff',
-    //     scale: 3,
-    //     useCORS: true,
-    //     x: offsetX,
-    //     y: offsetY,
-    //     width: chartW,
-    //     height: chartH,
-    //     windowWidth: Math.max(chartW, printArea.scrollWidth),
-    //     windowHeight: Math.max(chartH, printArea.scrollHeight),
-    //     logging: false,
-    //   });
-    //   // restore styles
-    //   container.style.setProperty('--print-area-scale', oldScale);
-    //   printArea.style.transform = oldTransform;
-    //   // 🧾 5️⃣ Export the result
-    //   const dataUrl = canvas.toDataURL('image/png');
-    //   const allStyles = Array.from(document.querySelectorAll('style,link[rel="stylesheet"]'))
-    //     .map(s => s.outerHTML)
-    //     .join('\n');
-    //   // 🪟 6️⃣ Dynamic preview / print window
-    //   const popupW = Math.min(chartW * 0.5, screen.availWidth - 100);
-    //   const popupH = Math.min(chartH * 0.5, screen.availHeight - 100);
-    //   const printWindow = window.open('', '', `width=${popupW},height=${popupH},resizable=yes`);
-    //   const css = `
-    //   <style>
-    //     @page { size: ${chartW}px ${chartH}px; margin: 0; }
-    //     html, body {
-    //       margin: 0; padding: 0;
-    //       width: 100%; height: 100%;
-    //       background: white;
-    //       display: flex; align-items: center; justify-content: center;
-    //     }
-    //     img {
-    //       width: ${chartW}px;
-    //       height: ${chartH}px;
-    //       object-fit: contain;
-    //     }
-    //   </style>
-    // `;
-    //   printWindow!.document.write(`
-    //   <html><head>${allStyles}${css}</head>
-    //   <body><img src="${dataUrl}" /></body></html>
-    // `);
-    //   printWindow!.document.close();
-    //   printWindow!.addEventListener('load', () => {
-    //     printWindow!.focus();
-    //     printWindow!.print();
-    //   });
-    // }
-    // async exportOrgChartAtomic(): Promise<void> {
-    //   this.printing$.next(true);
-    //   const container = this.$container()?.nativeElement as HTMLElement;
-    //   const printArea = this.$printArea()?.nativeElement as HTMLElement;
-    //   if (!printArea) return;
-    //   const canvas = await html2canvas(printArea, {
-    //     backgroundColor: '#ffffff',
-    //     scale: 3,
-    //     useCORS: true,
-    //   });
-    //   const dataUrl = canvas.toDataURL('image/png');
-    //   const imgWidth = 210; // A4 width in mm
-    //   const pageHeight = 297; // A4 height in mm
-    //   const imgHeight = (canvas.height * imgWidth) / canvas.width;
-    //   const { jsPDF } = jspdf;     // ✅ Destructure the jsPDF class
-    //   const pdf = new jsPDF('p', 'mm', 'a4'); // ✅ Proper instantiation
-    //   // Scale to fit within A4 page
-    //   let position = 0;
-    //   if (imgHeight > pageHeight) {
-    //     // Multi-page logic
-    //     let remainingHeight = imgHeight;
-    //     while (remainingHeight > 0) {
-    //       pdf.addImage(dataUrl, 'PNG', 0, position, imgWidth, imgHeight);
-    //       remainingHeight -= pageHeight;
-    //       if (remainingHeight > 0) {
-    //         pdf.addPage();
-    //         position = 0;
-    //       }
-    //     }
-    //   } else {
-    //     pdf.addImage(dataUrl, 'PNG', 0, 0, imgWidth, imgHeight);
-    //   }
-    //   pdf.save('OrgChart.pdf');
-    //   this.printing$.next(false);
-    // }
-    // async exportOrgChartOnePage(): Promise<void> {
-    //   const container = this.$container()?.nativeElement as HTMLElement;
-    //   const printArea = this.$printArea()?.nativeElement as HTMLElement;
-    //   if (!printArea) return;
-    //   // 🧭 1️⃣ Get all nodes inside `.tree`
-    //   const allNodes = Array.from(printArea.querySelectorAll('.tree, .tree *')) as HTMLElement[];
-    //   const boxes = allNodes.map(n => n.getBoundingClientRect());
-    //   const minX = Math.min(...boxes.map(b => b.left));
-    //   const minY = Math.min(...boxes.map(b => b.top));
-    //   const maxX = Math.max(...boxes.map(b => b.right));
-    //   const maxY = Math.max(...boxes.map(b => b.bottom));
-    //   const chartW = Math.ceil(maxX - minX);
-    //   const chartH = Math.ceil(maxY - minY);
-    //   const areaRect = printArea.getBoundingClientRect();
-    //   const offsetX = Math.max(0, minX - areaRect.left);
-    //   const offsetY = Math.max(0, minY - areaRect.top);
-    //   // 🖼️ 2️⃣ Capture cropped canvas
-    //   const canvas = await html2canvas(printArea, {
-    //     backgroundColor: '#fff',
-    //     scale: 3,
-    //     useCORS: true,
-    //     x: offsetX,
-    //     y: offsetY,
-    //     width: chartW,
-    //     height: chartH,
-    //   });
-    //   // 🧮 3️⃣ Convert to PNG + fit to A4 ratio
-    //   const dataUrl = canvas.toDataURL('image/png');
-    //   const { jsPDF } = jspdf;
-    //   const pdf = new jsPDF('l', 'mm', 'a4'); // landscape
-    //   const pageW = pdf.internal.pageSize.getWidth();
-    //   const pageH = pdf.internal.pageSize.getHeight();
-    //   const imgRatio = chartW / chartH;
-    //   const pageRatio = pageW / pageH;
-    //   let imgW = pageW, imgH = pageH;
-    //   if (imgRatio > pageRatio) imgH = pageW / imgRatio;
-    //   else imgW = pageH * imgRatio;
-    //   const posX = (pageW - imgW) / 2;
-    //   const posY = (pageH - imgH) / 2;
-    //   // 🪄 4️⃣ Add to PDF centered and scaled
-    //   pdf.addImage(dataUrl, 'PNG', posX, posY, imgW, imgH);
-    //   pdf.save('OrgChart-OnePage.pdf');
-    // }
-    // async exportOrgChartAutoFit(): Promise<void> {
-    //   if (!this.$container()?.nativeElement) return;
-    //   this.$container()!.nativeElement.style.setProperty('--print-area-scale', 1);
-    //   const container = this.$container()?.nativeElement as HTMLElement;
-    //   const printArea = this.$printArea()?.nativeElement as HTMLElement;
-    //   if (!printArea) return;
-    //   // 🧭 1️⃣ Determine bounding box of all .tree nodes
-    //   const allNodes = Array.from(printArea.querySelectorAll('.tree, .tree *')) as HTMLElement[];
-    //   const boxes = allNodes.map(n => n.getBoundingClientRect());
-    //   const minX = Math.min(...boxes.map(b => b.left));
-    //   const minY = Math.min(...boxes.map(b => b.top));
-    //   const maxX = Math.max(...boxes.map(b => b.right));
-    //   const maxY = Math.max(...boxes.map(b => b.bottom));
-    //   const chartW = Math.ceil(maxX - minX);
-    //   const chartH = Math.ceil(maxY - minY);
-    //   const areaRect = printArea.getBoundingClientRect();
-    //   const offsetX = Math.max(0, minX - areaRect.left);
-    //   const offsetY = Math.max(0, minY - areaRect.top);
-    //   await this.healImagesForCanvas(printArea);
-    //   // 🖼️ 2️⃣ Render cropped region only
-    //   const canvas = await html2canvas(printArea, {
-    //     backgroundColor: '#ffffff',
-    //     scale: 3,
-    //     useCORS: true,
-    //     x: offsetX,
-    //     y: offsetY,
-    //     width: chartW,
-    //     height: chartH,
-    //   });
-    //   const dataUrl = canvas.toDataURL('image/png');
-    //   // 📐 3️⃣ Decide PDF orientation dynamically
-    //   const chartRatio = chartW / chartH;
-    //   const a4Ratio = 210 / 297; // portrait A4
-    //   const orientation = chartRatio > a4Ratio ? 'l' : 'p'; // landscape if wider
-    //   const { jsPDF } = jspdf;
-    //   const pdf = new jsPDF(orientation, 'mm', 'a4');
-    //   // 🧩 4️⃣ Compute image placement for best fit
-    //   const pageW = pdf.internal.pageSize.getWidth();
-    //   const pageH = pdf.internal.pageSize.getHeight();
-    //   const imgRatio = chartW / chartH;
-    //   const pageRatio = pageW / pageH;
-    //   let imgW = pageW, imgH = pageH;
-    //   if (imgRatio > pageRatio) imgH = pageW / imgRatio;
-    //   else imgW = pageH * imgRatio;
-    //   const posX = (pageW - imgW) / 2;
-    //   const posY = (pageH - imgH) / 2;
-    //   // 🪄 5️⃣ Add image to PDF centered
-    //   pdf.addImage(dataUrl, 'PNG', posX, posY, imgW, imgH);
-    //   pdf.save('OrgChart-AutoFit.pdf');
-    // }
     async exportOrgChartPro() {
         const container = this.$container()?.nativeElement;
         const printArea = this.$printArea()?.nativeElement;
@@ -39690,7 +39671,7 @@ class CoreOrgchartflexComponent {
         //window.open(pdf.output('bloburl'), '_blank');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreOrgchartflexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreOrgchartflexComponent, isStandalone: true, selector: "core-orgchartflex", inputs: { $data: { classPropertyName: "$data", publicName: "$data", isSignal: true, isRequired: true, transformFunction: null }, $itemTemplate: { classPropertyName: "$itemTemplate", publicName: "$itemTemplate", isSignal: true, isRequired: true, transformFunction: null }, $compactMode: { classPropertyName: "$compactMode", publicName: "$compactMode", isSignal: true, isRequired: false, transformFunction: null }, $showDissolved: { classPropertyName: "$showDissolved", publicName: "$showDissolved", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "$width", isSignal: true, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "$height", isSignal: true, isRequired: false, transformFunction: null }, $connectionColor: { classPropertyName: "$connectionColor", publicName: "$connectionColor", isSignal: true, isRequired: false, transformFunction: null }, $connectionSize: { classPropertyName: "$connectionSize", publicName: "$connectionSize", isSignal: true, isRequired: false, transformFunction: null }, $fromChildrenToTopLine: { classPropertyName: "$fromChildrenToTopLine", publicName: "$fromChildrenToTopLine", isSignal: true, isRequired: false, transformFunction: null }, $fromParentToChildrenTopLine: { classPropertyName: "$fromParentToChildrenTopLine", publicName: "$fromParentToChildrenTopLine", isSignal: true, isRequired: false, transformFunction: null }, $childrenHorizontalMargin: { classPropertyName: "$childrenHorizontalMargin", publicName: "$childrenHorizontalMargin", isSignal: true, isRequired: false, transformFunction: null }, $childrenBorderSize: { classPropertyName: "$childrenBorderSize", publicName: "$childrenBorderSize", isSignal: true, isRequired: false, transformFunction: null }, $childrenBorderColor: { classPropertyName: "$childrenBorderColor", publicName: "$childrenBorderColor", isSignal: true, isRequired: false, transformFunction: null }, printFlag$: { classPropertyName: "printFlag$", publicName: "printFlag$", isSignal: false, isRequired: false, transformFunction: null }, printing$: { classPropertyName: "printing$", publicName: "printing$", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onPrintAreaRendered: "onPrintAreaRendered" }, viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$parent", first: true, predicate: ["parent"], descendants: true, isSignal: true }, { propertyName: "$printArea", first: true, predicate: ["printArea"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #container class=\"core-orgchartflex-container\" (mousedown)=\"startDragging($event, false)\"\r\n    (mouseup)=\"stopDragging($event, false)\" (mouseleave)=\"stopDragging($event, false)\" (mousemove)=\"moveEvent($event)\">\r\n\r\n    <div class=\"scroll-container\" #parent\r\n        [ngStyle]=\"{ cursor: $mouseDown() ? 'all-scroll' : 'unset', width: $width() + 'px', height: $height() + 'px' }\">\r\n\r\n        <div class=\"zoom-control p-absolute\">\r\n            <div class=\"p-relative d-flex d-flex-start\">\r\n                <i class=\"feather-minus-circle pointer\" (click)=\"zoonOut()\"></i>\r\n                <i class=\"feather-plus-circle pointer\" (click)=\"zoonIn()\"></i>\r\n                <i class=\"feather-monitor pointer\" (click)=\"zoonFeat()\"></i>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"print-area\" #printArea>\r\n\r\n            @for (root of $data(); track $index) {\r\n            <ul class=\"tree\">\r\n                <ng-container *ngTemplateOutlet=\"item; context: { context: root}\"></ng-container>\r\n            </ul>\r\n            }\r\n\r\n        </div>\r\n\r\n        <ng-template #item let-context=\"context\" let-title=\"context.tree$Title\" let-expanded=\"context.tree$Expanded\"\r\n            let-children=\"context.tree$Children\" let-tier=\"context.tree$Tier\" let-isActive=\"context.isActive\">\r\n            @if ((!$showDissolved() && !!isActive) || (!!$showDissolved())) {\r\n            <li>\r\n                @if ($compactMode()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.compact]=\"tier !== 1\"\r\n                    [class.expanded]=\"expanded\">\r\n                    {{ title }}\r\n                </span>\r\n                }\r\n\r\n                <!-- When passing item template and compactMode=false-->\r\n                @if (!$compactMode() && !!$itemTemplate()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.expanded]=\"expanded\">\r\n                    <ng-container *ngTemplateOutlet=\"$itemTemplate(); context: { item: context } \"></ng-container>\r\n                </span>\r\n                }\r\n                <!-- -------------------------  -->\r\n\r\n                @if (!!expanded && !!children.length) {\r\n                <ul>\r\n                    @for (child of children; track $index) {\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: child}\"></ng-container>\r\n                    }\r\n                </ul>\r\n                }\r\n            </li>\r\n            }\r\n        </ng-template>\r\n\r\n    </div>\r\n\r\n    @if (printing$ | async) {\r\n        <app-fullscreen-modal-loader />\r\n    }\r\n\r\n    <!-- <button class=\"btn btn-outline-danger\" (click)=\"highlightChartRect()\">\r\n        Highlight Export Area\r\n    </button>\r\n    <button class=\"btn btn-outline-danger\" (click)=\"clearChartHighlight()\">\r\n        Clear Export Area\r\n    </button> -->\r\n\r\n</div>", styles: [".core-orgchartflex-container{--width: 100px;--height: 100px;--link-color: cadetblue;--print-area-scale: 1;--connection-color: gray;--connection-size: 1px;--from-children-to-top-line: 100px;--from-parent-to-children-top-line: 100px;--children-horizontal-margin: 5px;--children-border-size: 1px;--children-border-color: gray}@keyframes fadeIn{0%{transform:scale(0)}to{transform:scale(1)}}.core-orgchartflex-container *{animation:fadeIn .5s ease-in-out}.core-orgchartflex-container .scroll-container{display:block;width:var(--width);height:var(--height);overflow-x:auto}.core-orgchartflex-container .scroll-container .zoom-control{top:var(--size-layout-block-cell-spacing);right:var(--size-layout-block-cell-spacing);z-index:3}.core-orgchartflex-container .scroll-container .zoom-control i{font-size:16px;color:#848484}.core-orgchartflex-container .scroll-container .print-area{transform:scale(var(--print-area-scale));transition:.5s linear}.core-orgchartflex-container .scroll-container .tree *{box-sizing:border-box}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul,.core-orgchartflex-container .scroll-container .tree li{list-style:none;margin:0;padding:0;position:relative}.core-orgchartflex-container .scroll-container .tree{margin:0 0 1em;text-align:center}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul{display:table}.core-orgchartflex-container .scroll-container .tree ul{width:100%}.core-orgchartflex-container .scroll-container .tree li{display:table-cell;padding:var(--from-children-to-top-line) 0;vertical-align:top!important}.core-orgchartflex-container .scroll-container .tree li:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";left:0;position:absolute;right:0;top:0}.core-orgchartflex-container .scroll-container .tree li:first-child:before{left:50%}.core-orgchartflex-container .scroll-container .tree li:last-child:before{right:50%}.core-orgchartflex-container .scroll-container .tree code,.core-orgchartflex-container .scroll-container .tree span{border:solid var(--children-border-size) var(--children-border-color);display:inline-block;margin:0 var(--children-horizontal-margin) var(--from-parent-to-children-top-line);position:relative}.core-orgchartflex-container .scroll-container .tree span.compact{max-width:75px}.core-orgchartflex-container .scroll-container .tree ul:before,.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";height:calc(var(--from-children-to-top-line) - var(--connection-size));left:50%;position:absolute}.core-orgchartflex-container .scroll-container .tree ul:before{top:calc(var(--from-parent-to-children-top-line) * -1 + var(--connection-size) / 2);height:calc(var(--from-parent-to-children-top-line) - var(--connection-size) * 1.5 + 1px)}.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{top:calc(var(--from-children-to-top-line) * -1 + var(--connection-size) / 2 - var(--children-border-size))}.core-orgchartflex-container .scroll-container .tree>li{margin-top:0}.core-orgchartflex-container .scroll-container .tree>li:before,.core-orgchartflex-container .scroll-container .tree>li:after,.core-orgchartflex-container .scroll-container .tree>li>code:before,.core-orgchartflex-container .scroll-container .tree>li>span:before{outline:none}.core-orgchartflex-container .scroll-container a{text-decoration:unset;color:var(--link-color)!important}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FullscreenModalLoaderComponent, selector: "app-fullscreen-modal-loader", inputs: ["content"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreOrgchartflexComponent, isStandalone: true, selector: "core-orgchartflex", inputs: { $data: { classPropertyName: "$data", publicName: "$data", isSignal: true, isRequired: true, transformFunction: null }, $itemTemplate: { classPropertyName: "$itemTemplate", publicName: "$itemTemplate", isSignal: true, isRequired: true, transformFunction: null }, $compactMode: { classPropertyName: "$compactMode", publicName: "$compactMode", isSignal: true, isRequired: false, transformFunction: null }, $showDissolved: { classPropertyName: "$showDissolved", publicName: "$showDissolved", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "$width", isSignal: true, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "$height", isSignal: true, isRequired: false, transformFunction: null }, $showOrgTree: { classPropertyName: "$showOrgTree", publicName: "$showOrgTree", isSignal: true, isRequired: false, transformFunction: null }, $orgTreeWidth: { classPropertyName: "$orgTreeWidth", publicName: "$orgTreeWidth", isSignal: true, isRequired: false, transformFunction: null }, $connectionColor: { classPropertyName: "$connectionColor", publicName: "$connectionColor", isSignal: true, isRequired: false, transformFunction: null }, $connectionSize: { classPropertyName: "$connectionSize", publicName: "$connectionSize", isSignal: true, isRequired: false, transformFunction: null }, $fromChildrenToTopLine: { classPropertyName: "$fromChildrenToTopLine", publicName: "$fromChildrenToTopLine", isSignal: true, isRequired: false, transformFunction: null }, $fromParentToChildrenTopLine: { classPropertyName: "$fromParentToChildrenTopLine", publicName: "$fromParentToChildrenTopLine", isSignal: true, isRequired: false, transformFunction: null }, $childrenHorizontalMargin: { classPropertyName: "$childrenHorizontalMargin", publicName: "$childrenHorizontalMargin", isSignal: true, isRequired: false, transformFunction: null }, $childrenBorderSize: { classPropertyName: "$childrenBorderSize", publicName: "$childrenBorderSize", isSignal: true, isRequired: false, transformFunction: null }, $childrenBorderColor: { classPropertyName: "$childrenBorderColor", publicName: "$childrenBorderColor", isSignal: true, isRequired: false, transformFunction: null }, printFlag$: { classPropertyName: "printFlag$", publicName: "printFlag$", isSignal: false, isRequired: false, transformFunction: null }, printing$: { classPropertyName: "printing$", publicName: "printing$", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onPrintAreaRendered: "onPrintAreaRendered" }, viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$parent", first: true, predicate: ["parent"], descendants: true, isSignal: true }, { propertyName: "$printArea", first: true, predicate: ["printArea"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #container class=\"core-orgchartflex-container\" [class.left-right]=\"!!$showOrgTree()\" (mousedown)=\"startDragging($event, false)\"\r\n    (mouseup)=\"stopDragging($event, false)\" (mouseleave)=\"stopDragging($event, false)\" (mousemove)=\"moveEvent($event)\">\r\n\r\n    @if (!!$showOrgTree()) {\r\n        <div class=\"org-tree-wrapper\" [class.collapsed]=\"$isCollapsed()\">\r\n            <core-org-tree [accessorMode]=\"'ACTIVATED_SINGLE'\"/>\r\n            <div class=\"collapse-toggle\" (click)=\"togglePanel()\">\r\n                @if (!$isCollapsed()) {\r\n                <i class=\"feather-chevron-left\" ></i>\r\n                }\r\n                @if ($isCollapsed()) {\r\n                <i class=\"feather-chevron-right\"></i>\r\n                }\r\n            </div>\r\n        </div>\r\n    }\r\n\r\n    <div class=\"scroll-container\" #parent\r\n        [ngStyle]=\"{ cursor: $mouseDown() ? 'all-scroll' : 'unset', width: $width() + 'px', height: $height() + 'px' }\">\r\n\r\n        <div class=\"zoom-control p-absolute\">\r\n            <div class=\"p-relative d-flex d-flex-start\">\r\n                <i class=\"feather-minus-circle pointer\" (click)=\"zoomOut()\"></i>\r\n                <i class=\"feather-plus-circle pointer\" (click)=\"zoomIn()\"></i>\r\n                <i class=\"feather-monitor pointer\" (click)=\"zoomFeat()\"></i>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"print-area\" #printArea>\r\n\r\n            @for (root of $internalData(); track $index) {\r\n            <ul class=\"tree\">\r\n                <ng-container *ngTemplateOutlet=\"item; context: { context: root}\"></ng-container>\r\n            </ul>\r\n            }\r\n\r\n        </div>\r\n\r\n        <ng-template #item let-context=\"context\" let-title=\"context.tree$Title\" let-expanded=\"context.tree$Expanded\"\r\n            let-children=\"context.tree$Children\" let-tier=\"context.tree$Tier\" let-isActive=\"context.isActive\">\r\n            @if ((!$showDissolved() && !!isActive) || (!!$showDissolved())) {\r\n            <li>\r\n                @if ($compactMode()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.compact]=\"tier !== 1\"\r\n                    [class.expanded]=\"expanded\">\r\n                    {{ title }}\r\n                </span>\r\n                }\r\n\r\n                <!-- When passing item template and compactMode=false-->\r\n                @if (!$compactMode() && !!$itemTemplate()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.expanded]=\"expanded\">\r\n                    <ng-container *ngTemplateOutlet=\"$itemTemplate(); context: { item: context } \"></ng-container>\r\n                </span>\r\n                }\r\n                <!-- -------------------------  -->\r\n\r\n                @if (!!expanded && !!children.length) {\r\n                <ul>\r\n                    @for (child of children; track $index) {\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: child}\"></ng-container>\r\n                    }\r\n                </ul>\r\n                }\r\n            </li>\r\n            }\r\n        </ng-template>\r\n\r\n    </div>\r\n\r\n    @if (printing$ | async) {\r\n        <app-fullscreen-modal-loader />\r\n    }\r\n\r\n</div>", styles: [".core-orgchartflex-container{--width: 100px;--height: 100px;--link-color: cadetblue;--print-area-scale: 1;--connection-color: gray;--connection-size: 1px;--from-children-to-top-line: 100px;--from-parent-to-children-top-line: 100px;--children-horizontal-margin: 5px;--children-border-size: 1px;--children-border-color: gray;--org-tree-width: 320px;--org-tree-collapsed-width: 24px}@keyframes fadeIn{0%{transform:scale(0)}to{transform:scale(1)}}.core-orgchartflex-container *{animation:fadeIn .5s ease-in-out}.core-orgchartflex-container .scroll-container{display:block;width:var(--width);height:var(--height);overflow-x:auto}.core-orgchartflex-container .scroll-container .zoom-control{top:var(--size-layout-block-cell-spacing);right:var(--size-layout-block-cell-spacing);z-index:3}.core-orgchartflex-container .scroll-container .zoom-control i{font-size:16px;color:#848484}.core-orgchartflex-container .scroll-container .print-area{transform:scale(var(--print-area-scale));transition:.5s linear}.core-orgchartflex-container .scroll-container .tree *{box-sizing:border-box}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul,.core-orgchartflex-container .scroll-container .tree li{list-style:none;margin:0;padding:0;position:relative}.core-orgchartflex-container .scroll-container .tree{margin:0 0 1em;text-align:center}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul{display:table}.core-orgchartflex-container .scroll-container .tree ul{width:100%}.core-orgchartflex-container .scroll-container .tree li{display:table-cell;padding:var(--from-children-to-top-line) 0;vertical-align:top!important}.core-orgchartflex-container .scroll-container .tree li:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";left:0;position:absolute;right:0;top:0}.core-orgchartflex-container .scroll-container .tree li:first-child:before{left:50%}.core-orgchartflex-container .scroll-container .tree li:last-child:before{right:50%}.core-orgchartflex-container .scroll-container .tree code,.core-orgchartflex-container .scroll-container .tree span{border:solid var(--children-border-size) var(--children-border-color);display:inline-block;margin:0 var(--children-horizontal-margin) var(--from-parent-to-children-top-line);position:relative}.core-orgchartflex-container .scroll-container .tree span.compact{max-width:75px}.core-orgchartflex-container .scroll-container .tree ul:before,.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";height:calc(var(--from-children-to-top-line) - var(--connection-size));left:50%;position:absolute}.core-orgchartflex-container .scroll-container .tree ul:before{top:calc(var(--from-parent-to-children-top-line) * -1 + var(--connection-size) / 2);height:calc(var(--from-parent-to-children-top-line) - var(--connection-size) * 1.5 + 1px)}.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{top:calc(var(--from-children-to-top-line) * -1 + var(--connection-size) / 2 - var(--children-border-size))}.core-orgchartflex-container .scroll-container .tree>li{margin-top:0}.core-orgchartflex-container .scroll-container .tree>li:before,.core-orgchartflex-container .scroll-container .tree>li:after,.core-orgchartflex-container .scroll-container .tree>li>code:before,.core-orgchartflex-container .scroll-container .tree>li>span:before{outline:none}.core-orgchartflex-container .scroll-container a{text-decoration:unset;color:var(--link-color)!important}.core-orgchartflex-container.left-right{display:flex;width:100%;height:100%}.org-tree-wrapper{position:relative;width:var(--org-tree-width);min-width:var(--org-tree-width);max-width:var(--org-tree-width);background:#fafafa;border-right:1px solid #e0e0e0;overflow:hidden;transition:width .26s ease,min-width .26s ease,max-width .26s ease,transform .26s ease}.org-tree-wrapper.collapsed{width:var(--org-tree-collapsed-width);min-width:var(--org-tree-collapsed-width);max-width:var(--org-tree-collapsed-width)}.collapse-toggle{position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:48px;background:#fff;border:1px solid #ddd;border-left:none;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease;box-shadow:0 2px 6px #00000014;z-index:10}.collapse-toggle:hover{background:#f3f3f3}.collapse-toggle i{font-size:18px;color:#666}.scroll-container{flex:1 1 auto;position:relative;overflow:auto}.org-tree-wrapper.collapsed core-org-tree{opacity:0;pointer-events:none;transition:opacity .15s ease}.org-tree-wrapper:not(.collapsed) core-org-tree{opacity:1;transition:opacity .2s ease}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FullscreenModalLoaderComponent, selector: "app-fullscreen-modal-loader", inputs: ["content"] }, { kind: "component", type: CoreOrgTreeComponent, selector: "core-org-tree", inputs: ["lineColor", "fullWidthMode", "accessorMode", "searchMode", "fullRendering", "height", "disabledLoopExpand", "showCheckInheritance", "excludedIds$", "stateIsolated$"], outputs: ["itemDoubleClick", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreOrgchartflexComponent, decorators: [{
             type: Component,
@@ -39698,8 +39679,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         NgStyle,
                         AsyncPipe,
                         NgTemplateOutlet,
-                        FullscreenModalLoaderComponent
-                    ], template: "<div #container class=\"core-orgchartflex-container\" (mousedown)=\"startDragging($event, false)\"\r\n    (mouseup)=\"stopDragging($event, false)\" (mouseleave)=\"stopDragging($event, false)\" (mousemove)=\"moveEvent($event)\">\r\n\r\n    <div class=\"scroll-container\" #parent\r\n        [ngStyle]=\"{ cursor: $mouseDown() ? 'all-scroll' : 'unset', width: $width() + 'px', height: $height() + 'px' }\">\r\n\r\n        <div class=\"zoom-control p-absolute\">\r\n            <div class=\"p-relative d-flex d-flex-start\">\r\n                <i class=\"feather-minus-circle pointer\" (click)=\"zoonOut()\"></i>\r\n                <i class=\"feather-plus-circle pointer\" (click)=\"zoonIn()\"></i>\r\n                <i class=\"feather-monitor pointer\" (click)=\"zoonFeat()\"></i>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"print-area\" #printArea>\r\n\r\n            @for (root of $data(); track $index) {\r\n            <ul class=\"tree\">\r\n                <ng-container *ngTemplateOutlet=\"item; context: { context: root}\"></ng-container>\r\n            </ul>\r\n            }\r\n\r\n        </div>\r\n\r\n        <ng-template #item let-context=\"context\" let-title=\"context.tree$Title\" let-expanded=\"context.tree$Expanded\"\r\n            let-children=\"context.tree$Children\" let-tier=\"context.tree$Tier\" let-isActive=\"context.isActive\">\r\n            @if ((!$showDissolved() && !!isActive) || (!!$showDissolved())) {\r\n            <li>\r\n                @if ($compactMode()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.compact]=\"tier !== 1\"\r\n                    [class.expanded]=\"expanded\">\r\n                    {{ title }}\r\n                </span>\r\n                }\r\n\r\n                <!-- When passing item template and compactMode=false-->\r\n                @if (!$compactMode() && !!$itemTemplate()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.expanded]=\"expanded\">\r\n                    <ng-container *ngTemplateOutlet=\"$itemTemplate(); context: { item: context } \"></ng-container>\r\n                </span>\r\n                }\r\n                <!-- -------------------------  -->\r\n\r\n                @if (!!expanded && !!children.length) {\r\n                <ul>\r\n                    @for (child of children; track $index) {\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: child}\"></ng-container>\r\n                    }\r\n                </ul>\r\n                }\r\n            </li>\r\n            }\r\n        </ng-template>\r\n\r\n    </div>\r\n\r\n    @if (printing$ | async) {\r\n        <app-fullscreen-modal-loader />\r\n    }\r\n\r\n    <!-- <button class=\"btn btn-outline-danger\" (click)=\"highlightChartRect()\">\r\n        Highlight Export Area\r\n    </button>\r\n    <button class=\"btn btn-outline-danger\" (click)=\"clearChartHighlight()\">\r\n        Clear Export Area\r\n    </button> -->\r\n\r\n</div>", styles: [".core-orgchartflex-container{--width: 100px;--height: 100px;--link-color: cadetblue;--print-area-scale: 1;--connection-color: gray;--connection-size: 1px;--from-children-to-top-line: 100px;--from-parent-to-children-top-line: 100px;--children-horizontal-margin: 5px;--children-border-size: 1px;--children-border-color: gray}@keyframes fadeIn{0%{transform:scale(0)}to{transform:scale(1)}}.core-orgchartflex-container *{animation:fadeIn .5s ease-in-out}.core-orgchartflex-container .scroll-container{display:block;width:var(--width);height:var(--height);overflow-x:auto}.core-orgchartflex-container .scroll-container .zoom-control{top:var(--size-layout-block-cell-spacing);right:var(--size-layout-block-cell-spacing);z-index:3}.core-orgchartflex-container .scroll-container .zoom-control i{font-size:16px;color:#848484}.core-orgchartflex-container .scroll-container .print-area{transform:scale(var(--print-area-scale));transition:.5s linear}.core-orgchartflex-container .scroll-container .tree *{box-sizing:border-box}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul,.core-orgchartflex-container .scroll-container .tree li{list-style:none;margin:0;padding:0;position:relative}.core-orgchartflex-container .scroll-container .tree{margin:0 0 1em;text-align:center}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul{display:table}.core-orgchartflex-container .scroll-container .tree ul{width:100%}.core-orgchartflex-container .scroll-container .tree li{display:table-cell;padding:var(--from-children-to-top-line) 0;vertical-align:top!important}.core-orgchartflex-container .scroll-container .tree li:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";left:0;position:absolute;right:0;top:0}.core-orgchartflex-container .scroll-container .tree li:first-child:before{left:50%}.core-orgchartflex-container .scroll-container .tree li:last-child:before{right:50%}.core-orgchartflex-container .scroll-container .tree code,.core-orgchartflex-container .scroll-container .tree span{border:solid var(--children-border-size) var(--children-border-color);display:inline-block;margin:0 var(--children-horizontal-margin) var(--from-parent-to-children-top-line);position:relative}.core-orgchartflex-container .scroll-container .tree span.compact{max-width:75px}.core-orgchartflex-container .scroll-container .tree ul:before,.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";height:calc(var(--from-children-to-top-line) - var(--connection-size));left:50%;position:absolute}.core-orgchartflex-container .scroll-container .tree ul:before{top:calc(var(--from-parent-to-children-top-line) * -1 + var(--connection-size) / 2);height:calc(var(--from-parent-to-children-top-line) - var(--connection-size) * 1.5 + 1px)}.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{top:calc(var(--from-children-to-top-line) * -1 + var(--connection-size) / 2 - var(--children-border-size))}.core-orgchartflex-container .scroll-container .tree>li{margin-top:0}.core-orgchartflex-container .scroll-container .tree>li:before,.core-orgchartflex-container .scroll-container .tree>li:after,.core-orgchartflex-container .scroll-container .tree>li>code:before,.core-orgchartflex-container .scroll-container .tree>li>span:before{outline:none}.core-orgchartflex-container .scroll-container a{text-decoration:unset;color:var(--link-color)!important}\n"] }]
+                        FullscreenModalLoaderComponent,
+                        CoreOrgTreeComponent
+                    ], template: "<div #container class=\"core-orgchartflex-container\" [class.left-right]=\"!!$showOrgTree()\" (mousedown)=\"startDragging($event, false)\"\r\n    (mouseup)=\"stopDragging($event, false)\" (mouseleave)=\"stopDragging($event, false)\" (mousemove)=\"moveEvent($event)\">\r\n\r\n    @if (!!$showOrgTree()) {\r\n        <div class=\"org-tree-wrapper\" [class.collapsed]=\"$isCollapsed()\">\r\n            <core-org-tree [accessorMode]=\"'ACTIVATED_SINGLE'\"/>\r\n            <div class=\"collapse-toggle\" (click)=\"togglePanel()\">\r\n                @if (!$isCollapsed()) {\r\n                <i class=\"feather-chevron-left\" ></i>\r\n                }\r\n                @if ($isCollapsed()) {\r\n                <i class=\"feather-chevron-right\"></i>\r\n                }\r\n            </div>\r\n        </div>\r\n    }\r\n\r\n    <div class=\"scroll-container\" #parent\r\n        [ngStyle]=\"{ cursor: $mouseDown() ? 'all-scroll' : 'unset', width: $width() + 'px', height: $height() + 'px' }\">\r\n\r\n        <div class=\"zoom-control p-absolute\">\r\n            <div class=\"p-relative d-flex d-flex-start\">\r\n                <i class=\"feather-minus-circle pointer\" (click)=\"zoomOut()\"></i>\r\n                <i class=\"feather-plus-circle pointer\" (click)=\"zoomIn()\"></i>\r\n                <i class=\"feather-monitor pointer\" (click)=\"zoomFeat()\"></i>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"print-area\" #printArea>\r\n\r\n            @for (root of $internalData(); track $index) {\r\n            <ul class=\"tree\">\r\n                <ng-container *ngTemplateOutlet=\"item; context: { context: root}\"></ng-container>\r\n            </ul>\r\n            }\r\n\r\n        </div>\r\n\r\n        <ng-template #item let-context=\"context\" let-title=\"context.tree$Title\" let-expanded=\"context.tree$Expanded\"\r\n            let-children=\"context.tree$Children\" let-tier=\"context.tree$Tier\" let-isActive=\"context.isActive\">\r\n            @if ((!$showDissolved() && !!isActive) || (!!$showDissolved())) {\r\n            <li>\r\n                @if ($compactMode()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.compact]=\"tier !== 1\"\r\n                    [class.expanded]=\"expanded\">\r\n                    {{ title }}\r\n                </span>\r\n                }\r\n\r\n                <!-- When passing item template and compactMode=false-->\r\n                @if (!$compactMode() && !!$itemTemplate()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.expanded]=\"expanded\">\r\n                    <ng-container *ngTemplateOutlet=\"$itemTemplate(); context: { item: context } \"></ng-container>\r\n                </span>\r\n                }\r\n                <!-- -------------------------  -->\r\n\r\n                @if (!!expanded && !!children.length) {\r\n                <ul>\r\n                    @for (child of children; track $index) {\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: child}\"></ng-container>\r\n                    }\r\n                </ul>\r\n                }\r\n            </li>\r\n            }\r\n        </ng-template>\r\n\r\n    </div>\r\n\r\n    @if (printing$ | async) {\r\n        <app-fullscreen-modal-loader />\r\n    }\r\n\r\n</div>", styles: [".core-orgchartflex-container{--width: 100px;--height: 100px;--link-color: cadetblue;--print-area-scale: 1;--connection-color: gray;--connection-size: 1px;--from-children-to-top-line: 100px;--from-parent-to-children-top-line: 100px;--children-horizontal-margin: 5px;--children-border-size: 1px;--children-border-color: gray;--org-tree-width: 320px;--org-tree-collapsed-width: 24px}@keyframes fadeIn{0%{transform:scale(0)}to{transform:scale(1)}}.core-orgchartflex-container *{animation:fadeIn .5s ease-in-out}.core-orgchartflex-container .scroll-container{display:block;width:var(--width);height:var(--height);overflow-x:auto}.core-orgchartflex-container .scroll-container .zoom-control{top:var(--size-layout-block-cell-spacing);right:var(--size-layout-block-cell-spacing);z-index:3}.core-orgchartflex-container .scroll-container .zoom-control i{font-size:16px;color:#848484}.core-orgchartflex-container .scroll-container .print-area{transform:scale(var(--print-area-scale));transition:.5s linear}.core-orgchartflex-container .scroll-container .tree *{box-sizing:border-box}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul,.core-orgchartflex-container .scroll-container .tree li{list-style:none;margin:0;padding:0;position:relative}.core-orgchartflex-container .scroll-container .tree{margin:0 0 1em;text-align:center}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul{display:table}.core-orgchartflex-container .scroll-container .tree ul{width:100%}.core-orgchartflex-container .scroll-container .tree li{display:table-cell;padding:var(--from-children-to-top-line) 0;vertical-align:top!important}.core-orgchartflex-container .scroll-container .tree li:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";left:0;position:absolute;right:0;top:0}.core-orgchartflex-container .scroll-container .tree li:first-child:before{left:50%}.core-orgchartflex-container .scroll-container .tree li:last-child:before{right:50%}.core-orgchartflex-container .scroll-container .tree code,.core-orgchartflex-container .scroll-container .tree span{border:solid var(--children-border-size) var(--children-border-color);display:inline-block;margin:0 var(--children-horizontal-margin) var(--from-parent-to-children-top-line);position:relative}.core-orgchartflex-container .scroll-container .tree span.compact{max-width:75px}.core-orgchartflex-container .scroll-container .tree ul:before,.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";height:calc(var(--from-children-to-top-line) - var(--connection-size));left:50%;position:absolute}.core-orgchartflex-container .scroll-container .tree ul:before{top:calc(var(--from-parent-to-children-top-line) * -1 + var(--connection-size) / 2);height:calc(var(--from-parent-to-children-top-line) - var(--connection-size) * 1.5 + 1px)}.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{top:calc(var(--from-children-to-top-line) * -1 + var(--connection-size) / 2 - var(--children-border-size))}.core-orgchartflex-container .scroll-container .tree>li{margin-top:0}.core-orgchartflex-container .scroll-container .tree>li:before,.core-orgchartflex-container .scroll-container .tree>li:after,.core-orgchartflex-container .scroll-container .tree>li>code:before,.core-orgchartflex-container .scroll-container .tree>li>span:before{outline:none}.core-orgchartflex-container .scroll-container a{text-decoration:unset;color:var(--link-color)!important}.core-orgchartflex-container.left-right{display:flex;width:100%;height:100%}.org-tree-wrapper{position:relative;width:var(--org-tree-width);min-width:var(--org-tree-width);max-width:var(--org-tree-width);background:#fafafa;border-right:1px solid #e0e0e0;overflow:hidden;transition:width .26s ease,min-width .26s ease,max-width .26s ease,transform .26s ease}.org-tree-wrapper.collapsed{width:var(--org-tree-collapsed-width);min-width:var(--org-tree-collapsed-width);max-width:var(--org-tree-collapsed-width)}.collapse-toggle{position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:48px;background:#fff;border:1px solid #ddd;border-left:none;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease;box-shadow:0 2px 6px #00000014;z-index:10}.collapse-toggle:hover{background:#f3f3f3}.collapse-toggle i{font-size:18px;color:#666}.scroll-container{flex:1 1 auto;position:relative;overflow:auto}.org-tree-wrapper.collapsed core-org-tree{opacity:0;pointer-events:none;transition:opacity .15s ease}.org-tree-wrapper:not(.collapsed) core-org-tree{opacity:1;transition:opacity .2s ease}\n"] }]
         }], ctorParameters: () => [], propDecorators: { printFlag$: [{
                 type: Input
             }], printing$: [{
@@ -41756,33 +41738,33 @@ const coreWorkflowRoutes = [
                     {
                         path: 'form-assign/:id',
                         outlet: "formAssignAux",
-                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-Btmiiris.mjs').then(m => m.WfFormAssignComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-nct49SFr.mjs').then(m => m.WfFormAssignComponent),
                         canDeactivate: [CanDeactivateGuard]
                     }
                 ]
             },
             {
                 path: 'global-config',
-                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-C-xap0Tf.mjs').then(m => m.WfGlobalConfigComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-BSuUBIrY.mjs').then(m => m.WfGlobalConfigComponent)
             },
             {
                 path: 'db-settings',
-                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-BliMPr0A.mjs').then(m => m.DbSettingsComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-CmO49AZU.mjs').then(m => m.DbSettingsComponent)
             },
             {
                 path: 'workflow-consume',
-                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-C2MRQLls.mjs').then(m => m.CoreWorkflowConsumeComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-BvFyWEqO.mjs').then(m => m.CoreWorkflowConsumeComponent),
                 children: [
                     {
                         path: ':id',
                         outlet: "workflowConsume",
-                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-BEq38Xps.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-LdFysTvc.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
                     }
                 ]
             },
             {
                 path: 'workflow-consume/:id',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-BEq38Xps.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-LdFysTvc.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
             },
             {
                 path: 'workflow-group-edit/:id',
@@ -41792,17 +41774,21 @@ const coreWorkflowRoutes = [
             },
             {
                 path: 'design/:id',
-                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-NqkSYCoA.mjs').then(m => m.wfDesignWrapperRoutes),
+                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-D3Lpsk-N.mjs').then(m => m.wfDesignWrapperRoutes),
             },
         ]
     },
     {
         path: 'react/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-Dng7IbhV.mjs').then(m => m.WfInstanceStepReactComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-iyoN_zDV.mjs').then(m => m.WfInstanceStepReactComponent)
     },
     {
         path: 'status/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-DnUwQI1R.mjs').then(m => m.WfInstanceStatusComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-B58W1ZBc.mjs').then(m => m.WfInstanceStatusComponent)
+    },
+    {
+        path: 'lab',
+        loadComponent: () => import('./ngx-histaff-alpha-wf-lab.component-Db5dIgKZ.mjs').then(m => m.WfLabComponent)
     }
 ];
 
@@ -44427,5 +44413,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { noneAutoClosedAlertOptions as $, AppService as A, BaseComponent as B, ChatService as C, DragReorderDirective as D, EnumCoreTablePipeType as E, FullscreenModalLoaderComponent as F, CoreDropdownComponent as G, CoreChecklistComponent as H, ImageErrorResolverDirective as I, CoreDatePickerComponent as J, CoreFormControlSeekerComponent as K, CoreCurrencyInputComponent as L, MultiLanguageService as M, EnumActorSourceType as N, CoreParamControlComponent as O, CoreRadioGroupComponent as P, GptService as Q, ApplicationHelpService as R, StringHtmlPipe as S, TooltipDirective as T, HotKeysDirective as U, EnumCorePageEditMode as V, CoreFormComponent as W, NavigatorService as X, JsonService as Y, EnumCoreButtonVNSCode as Z, READONLY_WORKFLOW_FIELDS as _, AppConfigService as a, CommonHttpRequestService as a$, CoreButtonGroupVnsComponent as a0, CoreStickerCollectionComponent as a1, HtmlTooltipDirective as a2, CoreControlNoFormArrayComponent as a3, EnumFormDesignMode as a4, CoreControlComponent as a5, JsonSafePipe as a6, CoreAttachmentComponent as a7, CoreMonthSelectorComponent as a8, EnumImageResolverType 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_, NormalizeHumanNamePipe as aa, CoreIosSwitcherComponent as ab, SunnyRotatingComponent as ac, MapAppdemoToServerPipePipe as ad, MapAttachmentToServerPipe as ae, MapNewsfeedMediaToServerPipe 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, AlertService 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, CoreTerminalSpinnerComponent as c, coreDocGenRoutes 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, CoreActiveUserCountComponent as cA, NewlyCreatedTokenService as cB, CoreApiProgressComponent as cC, CoreButtonGroupComponent as cD, EnumCoreButtonCode as cE, ActionSvgEditComponent as cF, CoreButtonGroupService as cG, CoreButtonVnsComponent as cH, CoreComTreeComponent as cI, ComPartyService as cJ, CoreCommonParamKitComponent as cK, CoreCompareDbPipelineComponent as cL, CoreCompositionState as cM, CoreCompositionService as cN, CoreCompositionComponent as cO, CoreConfirmDialogComponent as cP, ConfirmDialogStateComponent as cQ, CoreLazyMountComponent as cR, CoreRootMenuItemPickerComponent as cS, CoreRootMenuItemPickerService as cT, ECoreTableToolCode as cU, ECoreTableToolClass as cV, CoreTableComponent as cW, CoreComProfileComponent as cX, CoreContractSeekerComponent as cY, CoreControlNoGridBufferComponent as cZ, CoreControlNoSeekerComponent as c_, coreSysActionRoutes as ca, SysActionComponent as cb, SysActionEditComponent as cc, SysFunctionActionComponent as cd, SysFunctionActionEditComponent as ce, SysFunctionActionMapperComponent as cf, SysFunctionUrlMapperComponent as cg, FunctionEditService as ch, SysModuleComponent as ci, SysModuleEditComponent as cj, SysRouteAccessComponent as ck, liner_to_nested_array_script as cl, blob_to_base64_script as cm, AlertComponent as cn, EnumAlertType as co, IAlertOptions as cp, AnimatedTextService as cq, AnimatedTextComponent as cr, BaseDropdownComponent as cs, ButtonGroupModule as ct, ButtonGroupService as cu, ButtonGroupComponent as cv, EnumButtonCaptionCode as cw, CoreButtonComponent as cx, CoreAccordionComponent as cy, CoreAccordionService as cz, CorePageHeaderComponent as d, CorePermissionService as d$, CoreDocgenToolbarComponent as d0, CoreEmployeeScheduleComponent as d1, CoreEmployeeSeekerComponent as d2, EnumCoreFileUploaderType as d3, CoreFileUploaderComponent as d4, CoreFilterHubComponent as d5, CoreFilterHubService as d6, ControlBase as d7, Textbox as d8, CoreControlService as d9, CoreNavigationTrackerComponent as dA, coreNavigationTrackerRoutes as dB, CoreOauthCallbackComponent as dC, CoreOauthCallbackOffice365Component as dD, EnumCoreOrgTreeaAccessorMode as dE, EnumCoreOrgTreeaSearchMode as dF, CoreOrgTreeComponent as dG, CoreOrgTreeState as dH, CoreOrgTreeService as dI, CoreOrgUnitSeekerComponent as dJ, CoreOrgchartflexComponent as dK, CoreOrgParamComponent as dL, EnumCorePageEditBootstrapClass as dM, EnumCorePageEditFieldType as dN, CorePageEditService as dO, CorePageEditLiteComponent as dP, CorePageEditTabComponent as dQ, EnumExType as dR, CorePageListService as dS, CorePageListState as dT, CorePageListContentComponent as dU, EnumCoreViewItemType as dV, CorePageViewComponent as dW, CorePaginationComponent as dX, CorePaginationFullComponent as dY, CorePaginationFullService as dZ, CoreFileFormatPickerComponent as d_, CustomValidators as da, URL_PATTERN as db, coreFormDesignRoutes as dc, CoreFormTabComponent as dd, CoreFormLiteComponent as de, CoreFormControlBaseComponent as df, EnumCoreSeekerColumnJob as dg, EnumCoreSeekerColumnStaffProfile as dh, EnumCoreSeekerColumnContract as di, EnumCoreSeekerColumnWorking as dj, EnumCoreSeekerColumnWage as dk, EnumCoreSeekerColumnPosition as dl, EnumCoreSeekerColumnPositionConcurrent as dm, EnumCoreSeekerColumnAutoForm as dn, SeekerService as dp, CoreGridBufferComponent as dq, CoreHeaderParamsComponent as dr, CoreHelperComponent as ds, CoreLineComponent as dt, CoreLiquidWysiwygComponent as du, CoreListComponent as dv, CoreListLazyComponent as dw, CoreLoadingSurfaceComponent as dx, CoreMccComponent as dy, CoreMonthPickerComponent as dz, TranslatePipe as e, LongTaskService as e$, EnumPermissionObjectType as e0, CorePermissionComponent as e1, CorePermissionActionsComponent as e2, CorePositionConcurrentSeekerComponent as e3, CorePositionSeekerComponent as e4, CoreQrcodeComponent as e5, EnumOparator as e6, CoreQueryBuilderComponent as e7, CoreReducerIconComponent as e8, CoreRotatingTextComponent as e9, CoreYearPickerComponent as eA, CoreYearSelectorComponent as eB, EnumCoreD3ScaleType as eC, CoreD3Service as eD, CorePieComponent as eE, CoreScatterPlotComponent as eF, EnumHrComparisonCode as eG, EnumICoreStatisticWidgetDataType as eH, CoreStatisticWidgetComponent as eI, DecisionComponent as eJ, EvaluateDialogComponent as eK, HuconcurrentlyComponent as eL, JobComponent as eM, LanguageChangerComponent as eN, DEFAULT_SVG as eO, ItemComponent as eP, NavigatorComponent as eQ, OtpInputComponent as eR, OtpInputService as eS, PageTitleComponent as eT, PaginationComponent as eU, FilterPipe as eV, normalizeHumanName as eW, PositionComponent as eX, PositionEditService as eY, CoreDatetimeService as eZ, FileService as e_, CoreRouteAccumulatorComponent as ea, CoreRoutingHistoryComponent as eb, CoreSalaryPolicyPickerComponent as ec, CoreScrollComponent as ed, CoreScrollLazyComponent as ee, CoreSeenByComponent as ef, CoreShiftCardComponent as eg, CoreShiftCellComponent as eh, CoreShiftCollectionComponent as ei, CoreShiftStickerComponent as ej, STICKER_COLOR_SCHEMA as ek, CoreStatusStickerComponent as el, CoreSubFormGroupComponent as em, CoreTabListComponent as en, CoreTagsComponent as eo, CoreTopicPickerComponent as ep, EnumCoreArticleCategoryTreeaAccessorMode as eq, CoreTopicTreeComponent as er, CoreTreeComponent as es, EnumCoreTreeGridEditMode as et, CoreTreeGridComponent as eu, CoreWageSeekerComponent as ev, CoreWorkingSeekerComponent as ew, coreWorkflowRoutes as ex, CoreWorkflowBuilderComponent as ey, CoreWorkflowGroupEditComponent as ez, CorePageListComponent as f, EnumRecursiveFields as f0, RecursiveService as f1, StringService as f2, UnicodeService as f3, StaffProfileComponent as f4, ThreedotsComponent as f5, TooltipComponent as f6, UserActivityComponent as f7, WageComponent as f8, tooltip_directive as f9, coreStickerCollection_component as fa, dragReorder_directive as fb, CoreCheckboxComponent as g, BaseEditComponent as h, EnumFormBaseContolType as i, DialogService as j, CorePageEditComponent as k, CoreTabsComponent as l, CoreWorkflowService as m, EnumCoreFormControlSeekerSourceType as n, CoreFormService as o, DbService as p, AiHintForColumnComponent as q, CoreWorkflowListComponent as r, CanDeactivateGuard as s, TableCellPipe as t, MapAvatarToServerPipe as u, alertOptions as v, SocketService as w, CoreFormDesignService as x, EnumWorkflowStepType as y, DomService as z };
-//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-ls0sZJcJ.mjs.map
+export { READONLY_WORKFLOW_FIELDS as $, AppService as A, BaseComponent as B, ChatService as C, DragReorderDirective as D, EnumCoreTablePipeType as E, FullscreenModalLoaderComponent as F, CoreDropdownComponent as G, CoreChecklistComponent as H, ImageErrorResolverDirective as I, CoreDatePickerComponent as J, CoreFormControlSeekerComponent as K, CoreCurrencyInputComponent as L, MultiLanguageService as M, EnumActorSourceType as N, CoreParamControlComponent as O, CoreRadioGroupComponent as P, GptService as Q, CoreStickerCollectionComponent as R, StringHtmlPipe as S, TooltipDirective as T, ApplicationHelpService as U, HotKeysDirective as V, EnumCorePageEditMode as W, CoreFormComponent as X, NavigatorService as Y, JsonService as Z, EnumCoreButtonVNSCode as _, AppConfigService as a, CommonHttpRequestService as a$, noneAutoClosedAlertOptions as a0, CoreButtonGroupVnsComponent as a1, EnumFilterOperator as a2, HtmlTooltipDirective as a3, CoreControlNoFormArrayComponent as a4, EnumFormDesignMode as a5, CoreControlComponent as a6, JsonSafePipe as a7, CoreAttachmentComponent as a8, CoreMonthSelectorComponent as a9, EnumSortDirection as aA, EnumStyleButtonClass as aB, CanActivateFunctionUrlMapperGuard as aC, InitializationCanActivateFn as aD, InitializationCanMatchFn as aE, httpInterceptorProviders as aF, InterceptorSkipHeader as aG, appTypeInterceptor as aH, baseUrlInterceptor as aI, authInterceptor as aJ, graphInterceptor as aK, tokenInterceptor as aL, responseInterceptor as aM, timeZoneInterceptor as aN, cachingInterceptor as aO, langInterceptor 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_, EnumImageResolverType as aa, NormalizeHumanNamePipe as ab, CoreIosSwitcherComponent as ac, SunnyRotatingComponent as ad, MapAppdemoToServerPipePipe as ae, MapAttachmentToServerPipe as af, MapNewsfeedMediaToServerPipe as ag, UploadedFilenameCutoffPipe as ah, DialogStateComponent as ai, FooterComponent as aj, RightchatComponent as ak, WaittingScreenComponent as al, longAlertOptions as am, attachmentOptions as an, CORE_VNS_BUTTONS as ao, defaultPaging as ap, DESKTOP_SCREEN_HEDER_HEIGHT as aq, MOBILE_SCREEN_HEDER_HEIGHT as ar, themeBlue as as, DATE_VALUE_ACCESSOR as at, DateValueAccessor as au, EnumDragType as av, EnumErrorType as aw, EnumIconClass as ax, EnumProfileInfoSector as ay, EnumSignalRType as az, AlertService 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, CoreTerminalSpinnerComponent as c, coreDocGenRoutes 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, CoreActiveUserCountComponent as cA, NewlyCreatedTokenService as cB, CoreApiProgressComponent as cC, CoreButtonGroupComponent as cD, EnumCoreButtonCode as cE, ActionSvgEditComponent as cF, CoreButtonGroupService as cG, CoreButtonVnsComponent as cH, CoreComTreeComponent as cI, ComPartyService as cJ, CoreCommonParamKitComponent as cK, CoreCompareDbPipelineComponent as cL, CoreCompositionState as cM, CoreCompositionService as cN, CoreCompositionComponent as cO, CoreConfirmDialogComponent as cP, ConfirmDialogStateComponent as cQ, CoreLazyMountComponent as cR, CoreRootMenuItemPickerComponent as cS, CoreRootMenuItemPickerService as cT, ECoreTableToolCode as cU, ECoreTableToolClass as cV, CoreTableComponent as cW, CoreComProfileComponent as cX, CoreContractSeekerComponent as cY, CoreControlNoGridBufferComponent as cZ, CoreControlNoSeekerComponent as c_, coreSysActionRoutes as ca, SysActionComponent as cb, SysActionEditComponent as cc, SysFunctionActionComponent as cd, SysFunctionActionEditComponent as ce, SysFunctionActionMapperComponent as cf, SysFunctionUrlMapperComponent as cg, FunctionEditService as ch, SysModuleComponent as ci, SysModuleEditComponent as cj, SysRouteAccessComponent as ck, liner_to_nested_array_script as cl, blob_to_base64_script as cm, AlertComponent as cn, EnumAlertType as co, IAlertOptions as cp, AnimatedTextService as cq, AnimatedTextComponent as cr, BaseDropdownComponent as cs, ButtonGroupModule as ct, ButtonGroupService as cu, ButtonGroupComponent as cv, EnumButtonCaptionCode as cw, CoreButtonComponent as cx, CoreAccordionComponent as cy, CoreAccordionService as cz, CorePageHeaderComponent as d, CorePermissionService as d$, CoreDocgenToolbarComponent as d0, CoreEmployeeScheduleComponent as d1, CoreEmployeeSeekerComponent as d2, EnumCoreFileUploaderType as d3, CoreFileUploaderComponent as d4, CoreFilterHubComponent as d5, CoreFilterHubService as d6, ControlBase as d7, Textbox as d8, CoreControlService as d9, CoreNavigationTrackerComponent as dA, coreNavigationTrackerRoutes as dB, CoreOauthCallbackComponent as dC, CoreOauthCallbackOffice365Component as dD, EnumCoreOrgTreeaAccessorMode as dE, EnumCoreOrgTreeaSearchMode as dF, CoreOrgTreeComponent as dG, CoreOrgTreeState as dH, CoreOrgTreeService as dI, CoreOrgUnitSeekerComponent as dJ, CoreOrgchartflexComponent as dK, CoreOrgParamComponent as dL, EnumCorePageEditBootstrapClass as dM, EnumCorePageEditFieldType as dN, CorePageEditService as dO, CorePageEditLiteComponent as dP, CorePageEditTabComponent as dQ, EnumExType as dR, CorePageListService as dS, CorePageListState as dT, CorePageListContentComponent as dU, EnumCoreViewItemType as dV, CorePageViewComponent as dW, CorePaginationComponent as dX, CorePaginationFullComponent as dY, CorePaginationFullService as dZ, CoreFileFormatPickerComponent as d_, CustomValidators as da, URL_PATTERN as db, coreFormDesignRoutes as dc, CoreFormTabComponent as dd, CoreFormLiteComponent as de, CoreFormControlBaseComponent as df, EnumCoreSeekerColumnJob as dg, EnumCoreSeekerColumnStaffProfile as dh, EnumCoreSeekerColumnContract as di, EnumCoreSeekerColumnWorking as dj, EnumCoreSeekerColumnWage as dk, EnumCoreSeekerColumnPosition as dl, EnumCoreSeekerColumnPositionConcurrent as dm, EnumCoreSeekerColumnAutoForm as dn, SeekerService as dp, CoreGridBufferComponent as dq, CoreHeaderParamsComponent as dr, CoreHelperComponent as ds, CoreLineComponent as dt, CoreLiquidWysiwygComponent as du, CoreListComponent as dv, CoreListLazyComponent as dw, CoreLoadingSurfaceComponent as dx, CoreMccComponent as dy, CoreMonthPickerComponent as dz, TranslatePipe as e, LongTaskService as e$, EnumPermissionObjectType as e0, CorePermissionComponent as e1, CorePermissionActionsComponent as e2, CorePositionConcurrentSeekerComponent as e3, CorePositionSeekerComponent as e4, CoreQrcodeComponent as e5, EnumOparator as e6, CoreQueryBuilderComponent as e7, CoreReducerIconComponent as e8, CoreRotatingTextComponent as e9, CoreYearPickerComponent as eA, CoreYearSelectorComponent as eB, EnumCoreD3ScaleType as eC, CoreD3Service as eD, CorePieComponent as eE, CoreScatterPlotComponent as eF, EnumHrComparisonCode as eG, EnumICoreStatisticWidgetDataType as eH, CoreStatisticWidgetComponent as eI, DecisionComponent as eJ, EvaluateDialogComponent as eK, HuconcurrentlyComponent as eL, JobComponent as eM, LanguageChangerComponent as eN, DEFAULT_SVG as eO, ItemComponent as eP, NavigatorComponent as eQ, OtpInputComponent as eR, OtpInputService as eS, PageTitleComponent as eT, PaginationComponent as eU, FilterPipe as eV, normalizeHumanName as eW, PositionComponent as eX, PositionEditService as eY, CoreDatetimeService as eZ, FileService as e_, CoreRouteAccumulatorComponent as ea, CoreRoutingHistoryComponent as eb, CoreSalaryPolicyPickerComponent as ec, CoreScrollComponent as ed, CoreScrollLazyComponent as ee, CoreSeenByComponent as ef, CoreShiftCardComponent as eg, CoreShiftCellComponent as eh, CoreShiftCollectionComponent as ei, CoreShiftStickerComponent as ej, STICKER_COLOR_SCHEMA as ek, CoreStatusStickerComponent as el, CoreSubFormGroupComponent as em, CoreTabListComponent as en, CoreTagsComponent as eo, CoreTopicPickerComponent as ep, EnumCoreArticleCategoryTreeaAccessorMode as eq, CoreTopicTreeComponent as er, CoreTreeComponent as es, EnumCoreTreeGridEditMode as et, CoreTreeGridComponent as eu, CoreWageSeekerComponent as ev, CoreWorkingSeekerComponent as ew, coreWorkflowRoutes as ex, CoreWorkflowBuilderComponent as ey, CoreWorkflowGroupEditComponent as ez, CorePageListComponent as f, EnumRecursiveFields as f0, RecursiveService as f1, StringService as f2, UnicodeService as f3, StaffProfileComponent as f4, ThreedotsComponent as f5, TooltipComponent as f6, UserActivityComponent as f7, WageComponent as f8, tooltip_directive as f9, coreStickerCollection_component as fa, dragReorder_directive as fb, CoreCheckboxComponent as g, BaseEditComponent as h, EnumFormBaseContolType as i, DialogService as j, CorePageEditComponent as k, CoreTabsComponent as l, CoreWorkflowService as m, EnumCoreFormControlSeekerSourceType as n, CoreFormService as o, DbService as p, AiHintForColumnComponent as q, CoreWorkflowListComponent as r, CanDeactivateGuard as s, TableCellPipe as t, MapAvatarToServerPipe as u, alertOptions as v, SocketService as w, CoreFormDesignService as x, EnumWorkflowStepType as y, DomService as z };
+//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-TWTSrQ0J.mjs.map