ngx-histaff-alpha 6.2.7 → 6.2.9

package/fesm2022/{ngx-histaff-alpha-ngx-histaff-alpha-DLhfwWOV.mjs → ngx-histaff-alpha-ngx-histaff-alpha-DsL5Ex6R.mjs}

@@ -2,11 +2,11 @@ import * as i0 from '@angular/core';
 import { Component, Injectable, Pipe, Directive, ViewChild, forwardRef, HostListener, inject, Input, isDevMode, Inject, signal, InjectionToken, computed, effect, Injector, EventEmitter, Output, ViewContainerRef, ApplicationRef, EnvironmentInjector, createComponent, ViewEncapsulation, ChangeDetectorRef, input, ChangeDetectionStrategy, ViewChildren, viewChild, viewChildren, output, TemplateRef, NgModule, DestroyRef, ElementRef, Renderer2 } from '@angular/core';
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
-import { BehaviorSubject, Subject, filter, of, Observable, distinctUntilChanged, zip, catchError, tap as tap$1, throwError, take, switchMap, finalize as finalize$1, map as map$1, interval, concat, buffer, debounceTime, fromEvent, skip, Subscription, takeUntil } from 'rxjs';
+import { of, BehaviorSubject, Subject, filter, Observable, catchError as catchError$1, distinctUntilChanged, zip, tap as tap$1, throwError, take, switchMap, finalize as finalize$1, map as map$1, interval, concat, buffer, debounceTime, fromEvent, skip, Subscription, takeUntil, combineLatest } from 'rxjs';
 import { api, EnumTranslateKey } from 'alpha-global-constants';
 import * as i1$1 from '@angular/common/http';
 import { HttpHeaders, HttpClient, HttpResponse, HTTP_INTERCEPTORS } from '@angular/common/http';
-import { last, map, tap, finalize, first, filter as filter$1, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, switchMap as switchMap$1 } from 'rxjs/operators';
+import { last, map, catchError, tap, finalize, first, filter as filter$1, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, switchMap as switchMap$1 } from 'rxjs/operators';
 import * as i3 from '@angular/common';
 import { CommonModule, NgTemplateOutlet, NgStyle, JsonPipe, UpperCasePipe, AsyncPipe, NgClass, LowerCasePipe, NgIf } from '@angular/common';
 import * as i1$4 from '@angular/forms';
@@ -234,35 +234,80 @@ class CommonHttpRequestService {
         this.http = http;
         // this.handleError = httpErrorHandler.createHandleError('CommonHttpRequestService');
     }
-    makePostRequest(name, relativeApiEndPoint, payload, signal = null) {
-        let options;
-        if (!signal) {
-            options = {
-                headers: headers, observe: 'response', reportProgress: true, withCredentials: true,
-            };
+    /*
+    makePostRequest(name: string, relativeApiEndPoint: string, payload: any, signal: AbortSignal | null = null): Observable<any> {
+      let options: any;
+      if (!signal) {
+        options = {
+          headers: headers, observe: 'response', reportProgress: true, withCredentials: true,
         }
-        else {
-            options = {
-                headers: headers, observe: 'response', reportProgress: true, withCredentials: true, signal
-            };
+      } else {
+        options = {
+          headers: headers, observe: 'response', reportProgress: true, withCredentials: true, signal
         }
-        return this.http.post(relativeApiEndPoint, payload, options)
-            .pipe(last());
+      }
+      return this.http.post<any>(relativeApiEndPoint, payload, options)
+        .pipe(
+          last(),
+          // catchError(this.handleError(name))
+        )
     }
-    makeGetRequest(name, relativeApiEndPoint, cacheRequest = false, signal = null) {
-        let options;
-        if (!signal) {
-            options = {
-                headers: cacheRequest ? cacheHeaders : headers, observe: 'response', reportProgress: true, withCredentials: true,
-            };
+    */
+    makePostRequest(name, relativeApiEndPoint, payload, signal = null) {
+        const options = {
+            headers,
+            observe: 'response',
+            reportProgress: true,
+            withCredentials: true,
+            ...(signal ? { signal } : {})
+        };
+        return this.http.post(relativeApiEndPoint, payload, options).pipe(last(), map(response => ({
+            ok: true,
+            status: 200,
+            body: this.normalizeHttpResponse(response)
+        })), catchError(err => of({
+            ok: true,
+            status: 200,
+            body: this.normalizeHttpError(err)
+        })));
+    }
+    /*
+    makeGetRequest(name: string, relativeApiEndPoint: string, cacheRequest: boolean = false, signal: AbortSignal | null = null): Observable<any> {
+      let options: any;
+      if (!signal) {
+        options = {
+          headers: cacheRequest ? cacheHeaders : headers, observe: 'response', reportProgress: true, withCredentials: true,
         }
-        else {
-            options = {
-                headers: cacheRequest ? cacheHeaders : headers, observe: 'response', reportProgress: true, withCredentials: true, signal
-            };
+      } else {
+        options = {
+          headers: cacheRequest ? cacheHeaders : headers, observe: 'response', reportProgress: true, withCredentials: true, signal
         }
-        return this.http.get(relativeApiEndPoint, options)
-            .pipe(map(response => response), last());
+      }
+      return this.http.get<any>(relativeApiEndPoint, options)
+        .pipe(
+          map(response => response),
+          last(), // :void return last (completed) message to caller
+          // catchError(this.handleError(name))
+        )
+    }
+    */
+    makeGetRequest(name, relativeApiEndPoint, cacheRequest = false, signal = null) {
+        const options = {
+            headers: cacheRequest ? cacheHeaders : headers,
+            observe: 'response',
+            reportProgress: true,
+            withCredentials: true,
+            ...(signal ? { signal } : {})
+        };
+        return this.http.get(relativeApiEndPoint, options).pipe(last(), map(response => ({
+            ok: true,
+            status: 200,
+            body: this.normalizeHttpResponse(response)
+        })), catchError(err => of({
+            ok: true,
+            status: 200,
+            body: this.normalizeHttpError(err)
+        })));
     }
     downloadFile(apiUrl, id) {
         const options = {
@@ -326,6 +371,45 @@ class CommonHttpRequestService {
         })
             .pipe(map(response => response), last());
     }
+    normalizeHttpResponse(response) {
+        // Backend already formatted
+        if (response?.body?.statusCode && 'innerBody' in response.body) {
+            return response.body;
+        }
+        // Wrap unformatted backend payloads
+        return {
+            messageCode: 'SUCCESS',
+            errorType: 0,
+            statusCode: 200,
+            innerBody: response?.body ?? response
+        };
+    }
+    normalizeHttpError(error) {
+        const isAbort = error?.name === 'AbortError';
+        const message = this.extractErrorMessage(error);
+        // 🧠 Your 3 possible design states:
+        // - 200 → success
+        // - 400 → handled/validation error or cancelled user action
+        // - 500 → unhandled server or network failure
+        const statusCode = isAbort
+            ? 400 // interpret cancellation as "user-catchable"
+            : 500;
+        return {
+            messageCode: isAbort ? 'REQUEST_CANCELLED' : 'HTTP_ERROR',
+            errorType: isAbort ? 1 : 2,
+            statusCode,
+            innerBody: { message, details: error }
+        };
+    }
+    extractErrorMessage(error) {
+        if (error?.error?.message)
+            return error.error.message;
+        if (typeof error === 'string')
+            return error;
+        if (error?.message)
+            return error.message;
+        return 'Unexpected error';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CommonHttpRequestService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CommonHttpRequestService, providedIn: 'root' }); }
 }
@@ -3168,15 +3252,65 @@ class AppService {
         this.commonHttpRequestService = commonHttpRequestService;
         this.clientService = clientService;
     }
+    /** 🧩 Cooperative cancellation (AbortController ~ CancellationTokenSource) */
+    createSignal() {
+        if (this.currentController) {
+            this.currentController.abort();
+        }
+        this.currentController = new AbortController();
+        return this.currentController.signal;
+    }
+    /** 🛑 Public method to cancel all pending requests */
+    cancelPendingRequests() {
+        if (this.currentController) {
+            this.currentController.abort();
+            this.currentController = undefined;
+            console.info('🧨 Pending requests aborted.');
+        }
+    }
+    /*
+    get(url: string, cacheRequest: boolean = false, signal: AbortSignal | null = null): Observable<any> {
+      return this.commonHttpRequestService.makeGetRequest('get', url, cacheRequest, signal)
+    }
+    */
     get(url, cacheRequest = false, signal = null) {
-        return this.commonHttpRequestService.makeGetRequest('get', url, cacheRequest, signal);
+        const finalSignal = signal ?? this.createSignal();
+        return this.commonHttpRequestService.makeGetRequest('get', url, cacheRequest, finalSignal).pipe(catchError$1(err => of({
+            ok: true,
+            status: 200,
+            body: this.normalizeError(err)
+        })));
     }
     getSkipInterceptor(url, cacheRequest = false) {
         return this.commonHttpRequestService.makeGetRequestSkipInterceptor('get', url, cacheRequest);
     }
+    /*
+    post(url: string, payload: any, signal: AbortSignal | null = null): Observable<any> {
+      console.log("appService post", url)
+      return this.commonHttpRequestService.makePostRequest('post', url, payload)
+    }
+    */
+    /** ✅ POST with normalized IFormatedResponse wrapper */
     post(url, payload, signal = null) {
-        console.log("appService post", url);
-        return this.commonHttpRequestService.makePostRequest('post', url, payload);
+        const finalSignal = signal ?? this.createSignal();
+        return this.commonHttpRequestService.makePostRequest('post', url, payload, finalSignal).pipe(catchError$1(err => of({
+            ok: true,
+            status: 200,
+            body: this.normalizeError(err)
+        })));
+    }
+    /** 🧱 Error normalization (so frontend always gets consistent shape) */
+    normalizeError(error) {
+        const isAbort = error?.name === 'AbortError';
+        return {
+            messageCode: isAbort ? 'REQUEST_ABORTED' : 'HTTP_ERROR',
+            errorType: isAbort ? 1 : 2,
+            statusCode: isAbort ? 400 : 500,
+            innerBody: {
+                message: this.formatHttpError(error),
+                details: error
+            }
+        };
     }
     postSkipInterceptor(url, payload) {
         console.log("appService post", url);
@@ -3894,7 +4028,7 @@ class AppInitializationService {
                         this.routingService.readAllFunctionWithAllActions(),
                         this.routingService.getIgnorePaths(),
                         this.appService.get(api.SYS_ACTION_READ_ALL)
-                    ]).pipe(catchError(val => of(`The app caught: ${val}`))).subscribe(responses => {
+                    ]).pipe(catchError$1(val => of(`The app caught: ${val}`))).subscribe(responses => {
                         console.log("appInitialize() zip() done");
                         const x1 = responses[0];
                         console.log("x1", x1);
@@ -4330,7 +4464,7 @@ class TokenInterceptor {
         }), 
         // But here:
         // Operation failed; error is an HttpErrorResponse
-        catchError((response) => {
+        catchError$1((response) => {
             console.log("TokenInterceptor Error: ", req, response);
             // We don't want to refresh token for some requests 
             // like login or refresh token itself
@@ -4396,7 +4530,7 @@ class TokenInterceptor {
                     this.refreshTokenSubject.next(token);
                     const newReq = this.addAuthenticationToken(req);
                     return next.handle(newReq);
-                }), catchError((err) => {
+                }), catchError$1((err) => {
                     this.refreshTokenInProgress = false;
                     console.log("refreshTokenReq catchError", err);
                     debugger;
@@ -4449,7 +4583,7 @@ function tokenInterceptor(req, next) {
     }), 
     // But here:
     // Operation failed; error is an HttpErrorResponse
-    catchError((response) => {
+    catchError$1((response) => {
         console.log("Error: ", response);
         // We don't want to refresh token for some requests 
         // like login or refresh token itself
@@ -4510,7 +4644,7 @@ function tokenInterceptor(req, next) {
                 authService.refreshTokenSubject.next(token);
                 const newReq = addAuthenticationToken(req);
                 return next(newReq);
-            }), catchError((err) => {
+            }), catchError$1((err) => {
                 authService.refreshTokenInProgress = false;
                 authService.userLogout().subscribe(x => {
                     if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
@@ -8595,22 +8729,31 @@ class CoreWorkflowService {
             this.$stepUpdated.set(this.$stepUpdated() + 1); // trigger downstream computations if needed
         }
     }
-    refresh(endpoint = '/api/WfWorkflowGroup/GetAllWithWorkflows', searchTerm, currentGroupId = undefined, published = false) {
-        this.$loading.set(true);
-        this.appService.post(endpoint, { searchTerm, published })
-            .pipe(finalize$1(() => {
+    refreshObservable(endpoint = '/api/WfWorkflowGroup/GetAllWithWorkflows', searchTerm, currentGroupId = undefined, published = false, signal = null) {
+        return this.appService.post(endpoint, { searchTerm, published });
+    }
+    /*
+    refresh(endpoint: string = '/api/WfWorkflowGroup/GetAllWithWorkflows', searchTerm: string, currentGroupId: number | undefined = undefined, published: boolean = false): void {
+      this.$loading.set(true);
+      this.appService.post(endpoint, { searchTerm, published })
+        .pipe(
+          finalize(() => {
             this.$loading.set(false);
-        })).subscribe(x => {
-            if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
-                this.$allGroups.set((x.body?.innerBody)
-                    .map(x => ({ ...x, orderNum: x.orderNum ?? 999 }))
-                    .sort((a, b) => a.orderNum - b.orderNum));
-                if (!!currentGroupId) {
-                    this.$currentGroup.set(this.$allGroups().filter(g => g.id === currentGroupId)[0]);
-                }
+          })
+        ).subscribe(x => {
+          if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
+            this.$allGroups.set(
+              (x.body?.innerBody as IWfWorkflowGroup[])
+                .map(x => ({ ...x, orderNum: x.orderNum ?? 999 }))
+                .sort((a, b) => a.orderNum - b.orderNum)
+            )
+            if (!!currentGroupId) {
+              this.$currentGroup.set(this.$allGroups().filter(g => g.id === currentGroupId)[0])
             }
-        });
+          }
+        })
     }
+      */
     createConditionalBranchStep(branchId) {
         console.log('createConditionalBranchStep with branchId:', branchId);
         const createBranchCardStep = (branchId, name, isInFallbackBranch = false) => ({
@@ -8826,7 +8969,7 @@ class CoreWorkflowService {
             currentFlow.processDefinition = this.$stepsJsonPreview();
         }
         this.subscriptions.push(this.appService.post('/api/WfWorkflow/SaveDefinition', this.$currentFlow())
-            .pipe(catchError(err => {
+            .pipe(catchError$1(err => {
             this.$loading.set(false);
             return of(err);
         })).subscribe(x => {
@@ -8845,7 +8988,7 @@ class CoreWorkflowService {
     }
     getById(id) {
         this.$loading.set(true);
-        this.subscriptions.push(this.appService.get(`/api/WfWorkflow/GetById?id=${id}`).pipe(catchError(err => {
+        this.subscriptions.push(this.appService.get(`/api/WfWorkflow/GetById?id=${id}`).pipe(catchError$1(err => {
             this.$loading.set(false);
             return of(err);
         })).subscribe(x => {
@@ -8890,7 +9033,7 @@ class CoreWorkflowService {
     loadByIdWithAfInstance(workflowId) {
         if (workflowId !== '0') {
             this.$loading.set(true);
-            this.subscriptions.push(this.appService.get(`/api/WfWorkflow/GetByIdWithAfInstance?id=${workflowId}`).pipe(filter(_ => workflowId !== '0'), catchError(err => {
+            this.subscriptions.push(this.appService.get(`/api/WfWorkflow/GetByIdWithAfInstance?id=${workflowId}`).pipe(filter(_ => workflowId !== '0'), catchError$1(err => {
                 this.$loading.set(false);
                 return of(err);
             })).subscribe(x => {
@@ -12961,41 +13104,87 @@ class CoreOrgTreeComponent extends CoreFormControlBaseComponent {
         this.linnerOrgArray = cloneCopy;
         setTimeout(() => this.buildTreeData());
     }
+    // buildTreeData(): void {
+    //   this.loading = true;
+    //   const cloneCopy = JSON.parse(JSON.stringify(this.linnerOrgArray));
+    //   if (typeof Worker !== 'undefined') {
+    //     // Create a new
+    //     console.log("🟢🟢 Worker works");
+    //     this.worker = new Worker(liner_to_nested_array_script);
+    //     this.worker.addEventListener('message', ({ data }) => {
+    //       this.data = data.list;
+    //       //this.dataFiltered = JSON.parse(JSON.stringify(data.list));
+    //       if (!!this.data && !!this.data?.length) this.data[0].tree$Expanded = true;
+    //       this.loading = false;
+    //     });
+    //     this.worker.postMessage({
+    //       list: cloneCopy,
+    //       keyField: 'id',
+    //       titleField: 'name',
+    //       parentField: 'parentId',
+    //       activeField: 'active',
+    //       //inheritantActiveField: 'inheritantActive',
+    //       checkedField: 'checked',
+    //       expandedField: 'expand',
+    //     });
+    //   } else {
+    //     // Web workers are not supported in this environment.
+    //     // You should add a fallback so that your program still executes correctly.
+    //     const status = this.organizationService.status$.value;
+    //     this.subscriptions.push(
+    //       this.recursiveService
+    //         .linerArrayToNestedArray(
+    //           cloneCopy,
+    //           'id',
+    //           'name',
+    //           'parentId',
+    //           'active',
+    //           'checked',
+    //           'expand',
+    //           //status
+    //         )
+    //         .subscribe((obj) => {
+    //           this.data = obj.list;
+    //           //this.dataFiltered = JSON.parse(JSON.stringify(obj.list));
+    //           if (!!this.data && !!this.data?.length) this.data[0].tree$Expanded = true;
+    //           this.loading = false;
+    //         })
+    //     );
+    //   }
+    // }
     buildTreeData() {
         this.loading = true;
         const cloneCopy = JSON.parse(JSON.stringify(this.linnerOrgArray));
+        // ✅ ADD THIS FILTER
+        const filteredList = !this.showDissolved
+            ? cloneCopy.filter(x => x.active === true)
+            : cloneCopy;
         if (typeof Worker !== 'undefined') {
-            // Create a new
-            console.log("🟢🟢 Worker works");
             this.worker = new Worker(liner_to_nested_array_script);
             this.worker.addEventListener('message', ({ data }) => {
                 this.data = data.list;
-                //this.dataFiltered = JSON.parse(JSON.stringify(data.list));
-                if (!!this.data && !!this.data?.length)
+                if (!!this.data?.length)
                     this.data[0].tree$Expanded = true;
                 this.loading = false;
             });
+            // ✅ USE filteredList INSTEAD OF cloneCopy
             this.worker.postMessage({
-                list: cloneCopy,
+                list: filteredList,
                 keyField: 'id',
                 titleField: 'name',
                 parentField: 'parentId',
                 activeField: 'active',
-                //inheritantActiveField: 'inheritantActive',
                 checkedField: 'checked',
                 expandedField: 'expand',
             });
         }
         else {
-            // Web workers are not supported in this environment.
-            // You should add a fallback so that your program still executes correctly.
-            const status = this.organizationService.status$.value;
             this.subscriptions.push(this.recursiveService
-                .linerArrayToNestedArray(cloneCopy, 'id', 'name', 'parentId', 'active', 'checked', 'expand')
+                .linerArrayToNestedArray(filteredList, // ✅ use filteredList
+            'id', 'name', 'parentId', 'active', 'checked', 'expand')
                 .subscribe((obj) => {
                 this.data = obj.list;
-                //this.dataFiltered = JSON.parse(JSON.stringify(obj.list));
-                if (!!this.data && !!this.data?.length)
+                if (!!this.data?.length)
                     this.data[0].tree$Expanded = true;
                 this.loading = false;
             }));
@@ -13178,7 +13367,7 @@ class CoreOrgTreeComponent extends CoreFormControlBaseComponent {
                 multi: true,
                 useExisting: CoreOrgTreeComponent,
             },
-        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "displayContent", first: true, predicate: ["displayContent"], descendants: true }, { propertyName: "reducedIconWrapper", first: true, predicate: ["reducedIconWrapper"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-org-tree-container\" [class.full-width]=\"!!fullWidthMode\" *ngIf=\"!!data\" [ngStyle]=\"{\r\n        position : 'relative',\r\n        width: '100%',\r\n        minWidth: '310px',\r\n        height: height + 'px'\r\n    }\">\r\n    <div #displayContent class=\"custom-org-tree\">\r\n        @if (showSearch) {\r\n        <div class=\"core-org-tree-header d-flex-between\">\r\n            <div class=\"m5\">\r\n                <input type=\"text\" class=\"form-control\" [(ngModel)]=\"search\" (ngModelChange)=\"onSearchChange($event)\"\r\n                    [placeholder]=\"searchPlaceholder | translate: lang\" [class.full-width]=\"!!fullWidthMode\">\r\n            </div>\r\n        </div>\r\n        }\r\n        <ng-container>\r\n\r\n            <div #scrollContainer class=\"scroll-container\" [ngStyle]=\"{\r\n                height: height - layoutService.coreOrgTreeTopHeight * (showSearch ? 1 : 0) - layoutService.coreOrgTreeBottomHeight + 'px',\r\n                overflow: 'scroll'\r\n                }\">\r\n                <div class=\"hidden-tool\" (click)=\"onHiddenToolClick($event)\"></div>\r\n                <core-loading-surface [loading]=\"loading\" [height]=\"scrollContainerHeight\"></core-loading-surface>\r\n                <!-- @for (root of dataFiltered; track root) { -->\r\n                @for (root of data; track $index) {\r\n                @defer(on viewport(scrollContainer)) {\r\n                <ul class=\"root\" [class.collapsed]=\"!!!root.tree$Expanded\">\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: root }\"></ng-container>\r\n                </ul>\r\n                } @placeholder() {\r\n                Placeholder...\r\n                } @loading() {\r\n                Loading...\r\n                } @error() {\r\n                Error...\r\n                }\r\n\r\n                }\r\n            </div>\r\n            <div [ngStyle]=\"{\r\n                display: 'block',\r\n                position: 'absolute',\r\n                bottom: '0px',\r\n                left: '0px',\r\n                right: '0px',\r\n                height: layoutService.corePaginationHeight + 'px',\r\n                paddingLeft: layoutService.basicSpacing + 'px',\r\n                paddingRight: layoutService.basicSpacing + 'px',\r\n                lineHeight: layoutService.corePaginationHeight + 'px',\r\n                overflow: 'hidden'\r\n            }\">\r\n                <div [ngStyle]=\"{\r\n                    height: layoutService.corePaginationHeight + 'px',\r\n                    position: 'relative',\r\n                    display: 'flex',\r\n                    alignItems: 'center',\r\n                    justifyContent: 'space-between'\r\n                }\">\r\n                    <div>\r\n                        <core-checkbox [(ngModel)]=\"showDissolved\"\r\n                            (ngModelChange)=\"onCheckIncludeDissolvedChange($event)\"\r\n                            [text]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS_ABBREVIATED'\"\r\n                            [tooltip]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS'\" tooltipPosition=\"above\"></core-checkbox>\r\n                    </div>\r\n                    <div class=\"check-inheritance-wrapper\" *ngIf=\"accessorMode === 'CHECKED'\">\r\n                        <core-checkbox *ngIf=\"showCheckInheritance\" [(ngModel)]=\"checkInheritance\"\r\n                            (ngModelChange)=\"onCheckInheritanceChange($event)\"\r\n                            [text]=\"'UI.CORE_ORG_TREE.CHECK_INHERITANCE'\"></core-checkbox>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <ng-template #item let-context=\"context\" let-id=\"context.id\" let-title=\"context.tree$Title\"\r\n                let-highlighted=\"context.tree$Highlighted\" let-hasChildren=\"context.tree$HasChildren\"\r\n                let-hasActiveChildren=\"context.tree$HasActiveChildren\" let-children=\"context.tree$Children\"\r\n                let-expanded=\"context.tree$Expanded\" let-isActive=\"context.isActive\" let-active=\"context.tree$Active\"\r\n                let-checked=\"context.tree$Checked\" let-protected=\"context.protected\">\r\n\r\n                @if ((!showDissolved && !!isActive) || (!!showDissolved)) {\r\n                <li [class.has-children]=\"!!hasChildren\" [class.collapsed]=\"!!hasChildren && !!!expanded\">\r\n                    <!-- (click)=\"accessorMode !== 'CHECKED' ? onObjectClick(context, $event) : $event.preventDefault()\" -->\r\n                    <span (click)=\"onObjectClick(context, $event)\">\r\n                        @if ((!!showDissolved && !!hasChildren) || (!showDissolved && !!hasActiveChildren)) {\r\n                            <i class=\"expand-toggler feather-chevron-down\" (click)=\"onExpandTogglerClick(context, $event)\"></i>\r\n                        }\r\n\r\n                        @if (accessorMode === 'CHECKED' && !protected) {\r\n                        <core-checkbox (onClick)=\"onItemCheck(context, $event)\" [inputValue]=\"checked\"\r\n                            [disabled]=\"disabled\"></core-checkbox>\r\n                        }\r\n                        <object [class.active]=\"accessorMode != 'CHECKED' && selectedKey===id.toString()\"\r\n                            [class.highlighted]=\"highlighted\" [class.dissolved]=\"!isActive\"\r\n                            [class.protected]=\"protected\" [appTooltip]=\"title\">\r\n                            {{ title }}\r\n                        </object>\r\n                    </span>\r\n                    @if (!!children.length) {\r\n                    <ul [class.collapsed]=\" !!!expanded\">\r\n                        @for (child of children; track $index) {\r\n                        @if (!!expanded || !!fullRendering) {\r\n\r\n                        <ng-container *ngTemplateOutlet=\"item; context: { context: child }\"></ng-container>\r\n\r\n                        }\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </li>\r\n                }\r\n            </ng-template>\r\n        </ng-container>\r\n    </div>\r\n</div>", styles: [".core-org-tree-container{--background: var(--color-bg-core-org-tree);--height: 545px;--item-height: 35px;--arrow-font-size: 18px;--ul-padding: 20px;--display: \"block\";--square-color: black;--square-size: 9px;--line-color: \"transparent\";--title-wrapper-max-width: 250px;--active-item-color: #F37540;--size-scrollbar-width: 10px;--line-size: 1px;--reduced-icon-wrapper-height: 50px;--reduced-panel-height: calc(var(--height) - var(--reduced-icon-wrapper-height));--scroll-container-height: calc(var(--height) - var(--size-core-reducer-icon-wrapper-height) - var(--size-pagination-height));color:#000;background-color:var(--color-bg-core-org-tree)!important;height:var(--height);background:var(--background);width:var(--size-core-org-tree-width);transition:width .5s ease-out}.core-org-tree-container .hidden-tool{display:block;position:absolute;background-color:transparent;width:var(--ul-padding);height:var(--ul-padding);top:0;left:0}@keyframes reducedPanelOn{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.core-org-tree-container .custom-org-tree{display:var(--display)}.core-org-tree-container .core-org-tree-header{height:var(--size-core-org-tree-header-height)}.core-org-tree-container .core-org-tree-header input{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2 - var(--size-scrollbar-width) + 6px);max-width:100%;transform:translate(14px,8px);border:1px solid #E6EBED}.core-org-tree-container .core-org-tree-header input.full-width{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2)}.core-org-tree-container .check-inheritance-wrapper{padding:15px}.core-org-tree-container .m5>input{color:gray}.core-org-tree-container .form-control{border:none}.core-org-tree-container .core-reducer-icon-wrapper{height:var(--size-core-reducer-icon-wrapper-height);padding:var(--size-layout-block-cell-spacing)}.core-org-tree-container .scroll-container{background:var(--background);height:var(--scroll-container-height);overflow:auto;position:relative;width:100%}.core-org-tree-container .scroll-container::-webkit-scrollbar-corner{background-color:transparent}.core-org-tree-container .scroll-container::-webkit-scrollbar{width:8px;height:8px}.core-org-tree-container .scroll-container *{box-sizing:border-box;padding:0;margin:0}.core-org-tree-container .scroll-container ul{display:table;vertical-align:top;padding-left:var(--ul-padding);transition:all .5s ease-out;width:100%}.core-org-tree-container .scroll-container ul>li>span:hover{height:35px;background-color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;width:100%}.core-org-tree-container .scroll-container ul>li>span:active{background-color:#f1f1f1;height:35px;border-radius:20px}.core-org-tree-container .scroll-container ul>li>span>object{user-select:none;max-width:var(--title-wrapper-max-width);overflow-x:hidden;text-overflow:ellipsis;-webkit-user-select:none}.core-org-tree-container .scroll-container ul>li>span>object.active{color:var(--active-item-color)}.core-org-tree-container .scroll-container ul .highlighted{color:var(--color-core-org-tree-highlighted);font-weight:700}.core-org-tree-container .scroll-container ul .dissolved{color:#848484;text-decoration:line-through dashed}.core-org-tree-container .scroll-container ul .dissolved.active{color:#c9252b!important}.core-org-tree-container .scroll-container ul>li{display:block;position:relative}.core-org-tree-container .scroll-container ul>li:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -1);top:calc(var(--item-height) / 2);height:calc(var(--item-height) / 2);border-top:solid var(--line-size) var(--line-color);border-right:none;border-bottom:none;border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li>span{display:flex;align-items:center;height:var(--item-height);white-space:nowrap;font-size:13px;padding-left:8px;transform:translate(10px);cursor:pointer}.core-org-tree-container .scroll-container ul>li>span>i{color:var(--square-color);cursor:pointer;font-size:var(--square-size);width:var(--square-size);height:var(--square-size)}.core-org-tree-container .scroll-container ul>li>span>.expand-toggler{font-size:var(--arrow-font-size);width:24px;height:24px;position:absolute;z-index:1;transform:translate(-100%) rotate(0);transition:.5s ease-out;display:flex;align-items:center;justify-content:center}.core-org-tree-container .scroll-container ul>li>span>.check-toggler{margin-left:5px;margin-right:5px}.core-org-tree-container .scroll-container ul>li>ul>li>span:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);height:var(--line-size);border-top:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li.collapsed>span>.expand-toggler{transform:translate(-100%) rotate(-90deg);transition:.5s ease-out}.core-org-tree-container .scroll-container ul>li.collapsed:before{border-left:none}.core-org-tree-container .scroll-container ul>li:not(.collapsed):not(.has-children):before{border-left:none}.core-org-tree-container .scroll-container ul:not(.root):before{content:\"\";display:block;position:absolute;width:var(--line-size);left:calc(var(--ul-padding) * -1);height:calc(100% - var(--item-height) * 1.5);border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul:not(.root)>li:last-child:not(.collapsed).has-children:after{content:\"\";display:block;position:absolute;height:calc(100% - var(--item-height));width:calc(var(--ul-padding) / 2);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);border-left:solid var(--line-size) var(--background);z-index:0}.core-org-tree-container .scroll-container ul.collapsed:not(.root){display:none}.core-org-tree-container .collapsed>li:before{display:none!important}.core-org-tree-container.full-width .scroll-container{width:auto}.core-org-tree-container.reduced{width:50px;padding:0;transition:width .5s ease-out}.core-org-tree-container.reduced .scroll-container{overflow:hidden}.core-org-tree-container.reduced .scroll-container>ul.root{display:none}.core-org-tree-container.reduced .scroll-container>.reduced-panel{color:var(--active-item-color);width:50px;height:var(--reduced-panel-height);writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;font-weight:700;animation:reducedPanelOn .5s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreLoadingSurfaceComponent, selector: "core-loading-surface", inputs: ["loading", "height"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }], deferBlockDependencies: [() => [i3.NgTemplateOutlet]] }); }
+        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "displayContent", first: true, predicate: ["displayContent"], descendants: true }, { propertyName: "reducedIconWrapper", first: true, predicate: ["reducedIconWrapper"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-org-tree-container\" [class.full-width]=\"!!fullWidthMode\" *ngIf=\"!!data\" [ngStyle]=\"{\r\n        position : 'relative',\r\n        width: '100%',\r\n        minWidth: '310px',\r\n        height: height + 'px'\r\n    }\">\r\n    <div #displayContent class=\"custom-org-tree\">\r\n        @if (showSearch) {\r\n        <div class=\"core-org-tree-header d-flex-between\">\r\n            <div class=\"m5\">\r\n                <input type=\"text\" class=\"form-control\" [(ngModel)]=\"search\" (ngModelChange)=\"onSearchChange($event)\"\r\n                    [placeholder]=\"searchPlaceholder | translate: lang\" [class.full-width]=\"!!fullWidthMode\">\r\n            </div>\r\n        </div>\r\n        }\r\n        <ng-container>\r\n\r\n            <div #scrollContainer class=\"scroll-container\" [ngStyle]=\"{\r\n                height: height - layoutService.coreOrgTreeTopHeight * (showSearch ? 1 : 0) - layoutService.coreOrgTreeBottomHeight + 'px',\r\n                overflow: 'scroll'\r\n                }\">\r\n                <div class=\"hidden-tool\" (click)=\"onHiddenToolClick($event)\"></div>\r\n                <core-loading-surface [loading]=\"loading\" [height]=\"scrollContainerHeight\"></core-loading-surface>\r\n                <!-- @for (root of dataFiltered; track root) { -->\r\n                @for (root of data; track $index) {\r\n                @defer(on viewport(scrollContainer)) {\r\n                <ul class=\"root\" [class.collapsed]=\"!!!root.tree$Expanded\">\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: root }\"></ng-container>\r\n                </ul>\r\n                } @placeholder() {\r\n                Placeholder...\r\n                } @loading() {\r\n                Loading...\r\n                } @error() {\r\n                Error...\r\n                }\r\n\r\n                }\r\n            </div>\r\n            <div [ngStyle]=\"{\r\n                display: 'block',\r\n                position: 'absolute',\r\n                bottom: '0px',\r\n                left: '0px',\r\n                right: '0px',\r\n                height: layoutService.corePaginationHeight + 'px',\r\n                paddingLeft: layoutService.basicSpacing + 'px',\r\n                paddingRight: layoutService.basicSpacing + 'px',\r\n                lineHeight: layoutService.corePaginationHeight + 'px',\r\n                overflow: 'hidden'\r\n            }\">\r\n                <div [ngStyle]=\"{\r\n                    height: layoutService.corePaginationHeight + 'px',\r\n                    position: 'relative',\r\n                    display: 'flex',\r\n                    alignItems: 'center',\r\n                    justifyContent: 'space-between'\r\n                }\">\r\n                    <div>\r\n                        <core-checkbox [(ngModel)]=\"showDissolved\"\r\n                            (ngModelChange)=\"onCheckIncludeDissolvedChange($event)\"\r\n                            [text]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS_ABBREVIATED'\"\r\n                            [tooltip]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS'\" tooltipPosition=\"above\"></core-checkbox>\r\n                    </div>\r\n                    @if (accessorMode === 'CHECKED') {\r\n                        <div class=\"check-inheritance-wrapper\">\r\n                            @if (showCheckInheritance) {\r\n                                <core-checkbox [(ngModel)]=\"checkInheritance\"\r\n                                    (ngModelChange)=\"onCheckInheritanceChange($event)\"\r\n                                    [text]=\"'UI.CORE_ORG_TREE.CHECK_INHERITANCE'\"></core-checkbox>\r\n                                }\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n\r\n            <ng-template #item let-context=\"context\" let-id=\"context.id\" let-title=\"context.tree$Title\"\r\n                let-highlighted=\"context.tree$Highlighted\" let-hasChildren=\"context.tree$HasChildren\"\r\n                let-hasActiveChildren=\"context.tree$HasActiveChildren\" let-children=\"context.tree$Children\"\r\n                let-expanded=\"context.tree$Expanded\" let-isActive=\"context.isActive\" let-active=\"context.tree$Active\"\r\n                let-checked=\"context.tree$Checked\" let-protected=\"context.protected\">\r\n\r\n                @if ((!showDissolved && !!isActive) || (!!showDissolved)) {\r\n                <li [class.has-children]=\"!!hasChildren\" [class.collapsed]=\"!!hasChildren && !!!expanded\">\r\n                    <!-- (click)=\"accessorMode !== 'CHECKED' ? onObjectClick(context, $event) : $event.preventDefault()\" -->\r\n                    <span (click)=\"onObjectClick(context, $event)\">\r\n                        @if ((!!showDissolved && !!hasChildren) || (!showDissolved && !!hasActiveChildren)) {\r\n                            <i class=\"expand-toggler feather-chevron-down\" (click)=\"onExpandTogglerClick(context, $event)\"></i>\r\n                        }\r\n\r\n                        @if (accessorMode === 'CHECKED' && !protected) {\r\n                        <core-checkbox (onClick)=\"onItemCheck(context, $event)\" [inputValue]=\"checked\"\r\n                            [disabled]=\"disabled\"></core-checkbox>\r\n                        }\r\n                        <object [class.active]=\"accessorMode != 'CHECKED' && selectedKey===id.toString()\"\r\n                            [class.highlighted]=\"highlighted\" [class.dissolved]=\"!isActive\"\r\n                            [class.protected]=\"protected\" [appTooltip]=\"title\">\r\n                            {{ title }}\r\n                        </object>\r\n                    </span>\r\n                    @if (!!children.length) {\r\n                    <ul [class.collapsed]=\" !!!expanded\">\r\n                        @for (child of children; track $index) {\r\n                        @if (!!expanded || !!fullRendering) {\r\n\r\n                        <ng-container *ngTemplateOutlet=\"item; context: { context: child }\"></ng-container>\r\n\r\n                        }\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </li>\r\n                }\r\n            </ng-template>\r\n        </ng-container>\r\n    </div>\r\n</div>", styles: [".core-org-tree-container{--background: var(--color-bg-core-org-tree);--height: 545px;--item-height: 35px;--arrow-font-size: 18px;--ul-padding: 20px;--display: \"block\";--square-color: black;--square-size: 9px;--line-color: \"transparent\";--title-wrapper-max-width: 250px;--active-item-color: #F37540;--size-scrollbar-width: 10px;--line-size: 1px;--reduced-icon-wrapper-height: 50px;--reduced-panel-height: calc(var(--height) - var(--reduced-icon-wrapper-height));--scroll-container-height: calc(var(--height) - var(--size-core-reducer-icon-wrapper-height) - var(--size-pagination-height));color:#000;background-color:var(--color-bg-core-org-tree)!important;height:var(--height);background:var(--background);width:var(--size-core-org-tree-width);transition:width .5s ease-out}.core-org-tree-container .hidden-tool{display:block;position:absolute;background-color:transparent;width:var(--ul-padding);height:var(--ul-padding);top:0;left:0}@keyframes reducedPanelOn{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.core-org-tree-container .custom-org-tree{display:var(--display)}.core-org-tree-container .core-org-tree-header{height:var(--size-core-org-tree-header-height)}.core-org-tree-container .core-org-tree-header input{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2 - var(--size-scrollbar-width) + 6px);max-width:100%;transform:translate(14px,8px);border:1px solid #E6EBED}.core-org-tree-container .core-org-tree-header input.full-width{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2)}.core-org-tree-container .check-inheritance-wrapper{padding:15px}.core-org-tree-container .m5>input{color:gray}.core-org-tree-container .form-control{border:none}.core-org-tree-container .core-reducer-icon-wrapper{height:var(--size-core-reducer-icon-wrapper-height);padding:var(--size-layout-block-cell-spacing)}.core-org-tree-container .scroll-container{background:var(--background);height:var(--scroll-container-height);overflow:auto;position:relative;width:100%}.core-org-tree-container .scroll-container::-webkit-scrollbar-corner{background-color:transparent}.core-org-tree-container .scroll-container::-webkit-scrollbar{width:8px;height:8px}.core-org-tree-container .scroll-container *{box-sizing:border-box;padding:0;margin:0}.core-org-tree-container .scroll-container ul{display:table;vertical-align:top;padding-left:var(--ul-padding);transition:all .5s ease-out;width:100%}.core-org-tree-container .scroll-container ul>li>span:hover{height:35px;background-color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;width:100%}.core-org-tree-container .scroll-container ul>li>span:active{background-color:#f1f1f1;height:35px;border-radius:20px}.core-org-tree-container .scroll-container ul>li>span>object{user-select:none;max-width:var(--title-wrapper-max-width);overflow-x:hidden;text-overflow:ellipsis;-webkit-user-select:none}.core-org-tree-container .scroll-container ul>li>span>object.active{color:var(--active-item-color)}.core-org-tree-container .scroll-container ul .highlighted{color:var(--color-core-org-tree-highlighted);font-weight:700}.core-org-tree-container .scroll-container ul .dissolved{color:#848484;text-decoration:line-through dashed}.core-org-tree-container .scroll-container ul .dissolved.active{color:#c9252b!important}.core-org-tree-container .scroll-container ul>li{display:block;position:relative}.core-org-tree-container .scroll-container ul>li:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -1);top:calc(var(--item-height) / 2);height:calc(var(--item-height) / 2);border-top:solid var(--line-size) var(--line-color);border-right:none;border-bottom:none;border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li>span{display:flex;align-items:center;height:var(--item-height);white-space:nowrap;font-size:13px;padding-left:8px;transform:translate(10px);cursor:pointer}.core-org-tree-container .scroll-container ul>li>span>i{color:var(--square-color);cursor:pointer;font-size:var(--square-size);width:var(--square-size);height:var(--square-size)}.core-org-tree-container .scroll-container ul>li>span>.expand-toggler{font-size:var(--arrow-font-size);width:24px;height:24px;position:absolute;z-index:1;transform:translate(-100%) rotate(0);transition:.5s ease-out;display:flex;align-items:center;justify-content:center}.core-org-tree-container .scroll-container ul>li>span>.check-toggler{margin-left:5px;margin-right:5px}.core-org-tree-container .scroll-container ul>li>ul>li>span:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);height:var(--line-size);border-top:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li.collapsed>span>.expand-toggler{transform:translate(-100%) rotate(-90deg);transition:.5s ease-out}.core-org-tree-container .scroll-container ul>li.collapsed:before{border-left:none}.core-org-tree-container .scroll-container ul>li:not(.collapsed):not(.has-children):before{border-left:none}.core-org-tree-container .scroll-container ul:not(.root):before{content:\"\";display:block;position:absolute;width:var(--line-size);left:calc(var(--ul-padding) * -1);height:calc(100% - var(--item-height) * 1.5);border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul:not(.root)>li:last-child:not(.collapsed).has-children:after{content:\"\";display:block;position:absolute;height:calc(100% - var(--item-height));width:calc(var(--ul-padding) / 2);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);border-left:solid var(--line-size) var(--background);z-index:0}.core-org-tree-container .scroll-container ul.collapsed:not(.root){display:none}.core-org-tree-container .collapsed>li:before{display:none!important}.core-org-tree-container.full-width .scroll-container{width:auto}.core-org-tree-container.reduced{width:50px;padding:0;transition:width .5s ease-out}.core-org-tree-container.reduced .scroll-container{overflow:hidden}.core-org-tree-container.reduced .scroll-container>ul.root{display:none}.core-org-tree-container.reduced .scroll-container>.reduced-panel{color:var(--active-item-color);width:50px;height:var(--reduced-panel-height);writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;font-weight:700;animation:reducedPanelOn .5s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreLoadingSurfaceComponent, selector: "core-loading-surface", inputs: ["loading", "height"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }], deferBlockDependencies: [() => [i3.NgTemplateOutlet]] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreOrgTreeComponent, decorators: [{
             type: Component,
@@ -13196,7 +13385,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                             multi: true,
                             useExisting: CoreOrgTreeComponent,
                         },
-                    ], template: "<div #container class=\"core-org-tree-container\" [class.full-width]=\"!!fullWidthMode\" *ngIf=\"!!data\" [ngStyle]=\"{\r\n        position : 'relative',\r\n        width: '100%',\r\n        minWidth: '310px',\r\n        height: height + 'px'\r\n    }\">\r\n    <div #displayContent class=\"custom-org-tree\">\r\n        @if (showSearch) {\r\n        <div class=\"core-org-tree-header d-flex-between\">\r\n            <div class=\"m5\">\r\n                <input type=\"text\" class=\"form-control\" [(ngModel)]=\"search\" (ngModelChange)=\"onSearchChange($event)\"\r\n                    [placeholder]=\"searchPlaceholder | translate: lang\" [class.full-width]=\"!!fullWidthMode\">\r\n            </div>\r\n        </div>\r\n        }\r\n        <ng-container>\r\n\r\n            <div #scrollContainer class=\"scroll-container\" [ngStyle]=\"{\r\n                height: height - layoutService.coreOrgTreeTopHeight * (showSearch ? 1 : 0) - layoutService.coreOrgTreeBottomHeight + 'px',\r\n                overflow: 'scroll'\r\n                }\">\r\n                <div class=\"hidden-tool\" (click)=\"onHiddenToolClick($event)\"></div>\r\n                <core-loading-surface [loading]=\"loading\" [height]=\"scrollContainerHeight\"></core-loading-surface>\r\n                <!-- @for (root of dataFiltered; track root) { -->\r\n                @for (root of data; track $index) {\r\n                @defer(on viewport(scrollContainer)) {\r\n                <ul class=\"root\" [class.collapsed]=\"!!!root.tree$Expanded\">\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: root }\"></ng-container>\r\n                </ul>\r\n                } @placeholder() {\r\n                Placeholder...\r\n                } @loading() {\r\n                Loading...\r\n                } @error() {\r\n                Error...\r\n                }\r\n\r\n                }\r\n            </div>\r\n            <div [ngStyle]=\"{\r\n                display: 'block',\r\n                position: 'absolute',\r\n                bottom: '0px',\r\n                left: '0px',\r\n                right: '0px',\r\n                height: layoutService.corePaginationHeight + 'px',\r\n                paddingLeft: layoutService.basicSpacing + 'px',\r\n                paddingRight: layoutService.basicSpacing + 'px',\r\n                lineHeight: layoutService.corePaginationHeight + 'px',\r\n                overflow: 'hidden'\r\n            }\">\r\n                <div [ngStyle]=\"{\r\n                    height: layoutService.corePaginationHeight + 'px',\r\n                    position: 'relative',\r\n                    display: 'flex',\r\n                    alignItems: 'center',\r\n                    justifyContent: 'space-between'\r\n                }\">\r\n                    <div>\r\n                        <core-checkbox [(ngModel)]=\"showDissolved\"\r\n                            (ngModelChange)=\"onCheckIncludeDissolvedChange($event)\"\r\n                            [text]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS_ABBREVIATED'\"\r\n                            [tooltip]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS'\" tooltipPosition=\"above\"></core-checkbox>\r\n                    </div>\r\n                    <div class=\"check-inheritance-wrapper\" *ngIf=\"accessorMode === 'CHECKED'\">\r\n                        <core-checkbox *ngIf=\"showCheckInheritance\" [(ngModel)]=\"checkInheritance\"\r\n                            (ngModelChange)=\"onCheckInheritanceChange($event)\"\r\n                            [text]=\"'UI.CORE_ORG_TREE.CHECK_INHERITANCE'\"></core-checkbox>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <ng-template #item let-context=\"context\" let-id=\"context.id\" let-title=\"context.tree$Title\"\r\n                let-highlighted=\"context.tree$Highlighted\" let-hasChildren=\"context.tree$HasChildren\"\r\n                let-hasActiveChildren=\"context.tree$HasActiveChildren\" let-children=\"context.tree$Children\"\r\n                let-expanded=\"context.tree$Expanded\" let-isActive=\"context.isActive\" let-active=\"context.tree$Active\"\r\n                let-checked=\"context.tree$Checked\" let-protected=\"context.protected\">\r\n\r\n                @if ((!showDissolved && !!isActive) || (!!showDissolved)) {\r\n                <li [class.has-children]=\"!!hasChildren\" [class.collapsed]=\"!!hasChildren && !!!expanded\">\r\n                    <!-- (click)=\"accessorMode !== 'CHECKED' ? onObjectClick(context, $event) : $event.preventDefault()\" -->\r\n                    <span (click)=\"onObjectClick(context, $event)\">\r\n                        @if ((!!showDissolved && !!hasChildren) || (!showDissolved && !!hasActiveChildren)) {\r\n                            <i class=\"expand-toggler feather-chevron-down\" (click)=\"onExpandTogglerClick(context, $event)\"></i>\r\n                        }\r\n\r\n                        @if (accessorMode === 'CHECKED' && !protected) {\r\n                        <core-checkbox (onClick)=\"onItemCheck(context, $event)\" [inputValue]=\"checked\"\r\n                            [disabled]=\"disabled\"></core-checkbox>\r\n                        }\r\n                        <object [class.active]=\"accessorMode != 'CHECKED' && selectedKey===id.toString()\"\r\n                            [class.highlighted]=\"highlighted\" [class.dissolved]=\"!isActive\"\r\n                            [class.protected]=\"protected\" [appTooltip]=\"title\">\r\n                            {{ title }}\r\n                        </object>\r\n                    </span>\r\n                    @if (!!children.length) {\r\n                    <ul [class.collapsed]=\" !!!expanded\">\r\n                        @for (child of children; track $index) {\r\n                        @if (!!expanded || !!fullRendering) {\r\n\r\n                        <ng-container *ngTemplateOutlet=\"item; context: { context: child }\"></ng-container>\r\n\r\n                        }\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </li>\r\n                }\r\n            </ng-template>\r\n        </ng-container>\r\n    </div>\r\n</div>", styles: [".core-org-tree-container{--background: var(--color-bg-core-org-tree);--height: 545px;--item-height: 35px;--arrow-font-size: 18px;--ul-padding: 20px;--display: \"block\";--square-color: black;--square-size: 9px;--line-color: \"transparent\";--title-wrapper-max-width: 250px;--active-item-color: #F37540;--size-scrollbar-width: 10px;--line-size: 1px;--reduced-icon-wrapper-height: 50px;--reduced-panel-height: calc(var(--height) - var(--reduced-icon-wrapper-height));--scroll-container-height: calc(var(--height) - var(--size-core-reducer-icon-wrapper-height) - var(--size-pagination-height));color:#000;background-color:var(--color-bg-core-org-tree)!important;height:var(--height);background:var(--background);width:var(--size-core-org-tree-width);transition:width .5s ease-out}.core-org-tree-container .hidden-tool{display:block;position:absolute;background-color:transparent;width:var(--ul-padding);height:var(--ul-padding);top:0;left:0}@keyframes reducedPanelOn{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.core-org-tree-container .custom-org-tree{display:var(--display)}.core-org-tree-container .core-org-tree-header{height:var(--size-core-org-tree-header-height)}.core-org-tree-container .core-org-tree-header input{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2 - var(--size-scrollbar-width) + 6px);max-width:100%;transform:translate(14px,8px);border:1px solid #E6EBED}.core-org-tree-container .core-org-tree-header input.full-width{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2)}.core-org-tree-container .check-inheritance-wrapper{padding:15px}.core-org-tree-container .m5>input{color:gray}.core-org-tree-container .form-control{border:none}.core-org-tree-container .core-reducer-icon-wrapper{height:var(--size-core-reducer-icon-wrapper-height);padding:var(--size-layout-block-cell-spacing)}.core-org-tree-container .scroll-container{background:var(--background);height:var(--scroll-container-height);overflow:auto;position:relative;width:100%}.core-org-tree-container .scroll-container::-webkit-scrollbar-corner{background-color:transparent}.core-org-tree-container .scroll-container::-webkit-scrollbar{width:8px;height:8px}.core-org-tree-container .scroll-container *{box-sizing:border-box;padding:0;margin:0}.core-org-tree-container .scroll-container ul{display:table;vertical-align:top;padding-left:var(--ul-padding);transition:all .5s ease-out;width:100%}.core-org-tree-container .scroll-container ul>li>span:hover{height:35px;background-color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;width:100%}.core-org-tree-container .scroll-container ul>li>span:active{background-color:#f1f1f1;height:35px;border-radius:20px}.core-org-tree-container .scroll-container ul>li>span>object{user-select:none;max-width:var(--title-wrapper-max-width);overflow-x:hidden;text-overflow:ellipsis;-webkit-user-select:none}.core-org-tree-container .scroll-container ul>li>span>object.active{color:var(--active-item-color)}.core-org-tree-container .scroll-container ul .highlighted{color:var(--color-core-org-tree-highlighted);font-weight:700}.core-org-tree-container .scroll-container ul .dissolved{color:#848484;text-decoration:line-through dashed}.core-org-tree-container .scroll-container ul .dissolved.active{color:#c9252b!important}.core-org-tree-container .scroll-container ul>li{display:block;position:relative}.core-org-tree-container .scroll-container ul>li:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -1);top:calc(var(--item-height) / 2);height:calc(var(--item-height) / 2);border-top:solid var(--line-size) var(--line-color);border-right:none;border-bottom:none;border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li>span{display:flex;align-items:center;height:var(--item-height);white-space:nowrap;font-size:13px;padding-left:8px;transform:translate(10px);cursor:pointer}.core-org-tree-container .scroll-container ul>li>span>i{color:var(--square-color);cursor:pointer;font-size:var(--square-size);width:var(--square-size);height:var(--square-size)}.core-org-tree-container .scroll-container ul>li>span>.expand-toggler{font-size:var(--arrow-font-size);width:24px;height:24px;position:absolute;z-index:1;transform:translate(-100%) rotate(0);transition:.5s ease-out;display:flex;align-items:center;justify-content:center}.core-org-tree-container .scroll-container ul>li>span>.check-toggler{margin-left:5px;margin-right:5px}.core-org-tree-container .scroll-container ul>li>ul>li>span:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);height:var(--line-size);border-top:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li.collapsed>span>.expand-toggler{transform:translate(-100%) rotate(-90deg);transition:.5s ease-out}.core-org-tree-container .scroll-container ul>li.collapsed:before{border-left:none}.core-org-tree-container .scroll-container ul>li:not(.collapsed):not(.has-children):before{border-left:none}.core-org-tree-container .scroll-container ul:not(.root):before{content:\"\";display:block;position:absolute;width:var(--line-size);left:calc(var(--ul-padding) * -1);height:calc(100% - var(--item-height) * 1.5);border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul:not(.root)>li:last-child:not(.collapsed).has-children:after{content:\"\";display:block;position:absolute;height:calc(100% - var(--item-height));width:calc(var(--ul-padding) / 2);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);border-left:solid var(--line-size) var(--background);z-index:0}.core-org-tree-container .scroll-container ul.collapsed:not(.root){display:none}.core-org-tree-container .collapsed>li:before{display:none!important}.core-org-tree-container.full-width .scroll-container{width:auto}.core-org-tree-container.reduced{width:50px;padding:0;transition:width .5s ease-out}.core-org-tree-container.reduced .scroll-container{overflow:hidden}.core-org-tree-container.reduced .scroll-container>ul.root{display:none}.core-org-tree-container.reduced .scroll-container>.reduced-panel{color:var(--active-item-color);width:50px;height:var(--reduced-panel-height);writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;font-weight:700;animation:reducedPanelOn .5s ease-out}\n"] }]
+                    ], template: "<div #container class=\"core-org-tree-container\" [class.full-width]=\"!!fullWidthMode\" *ngIf=\"!!data\" [ngStyle]=\"{\r\n        position : 'relative',\r\n        width: '100%',\r\n        minWidth: '310px',\r\n        height: height + 'px'\r\n    }\">\r\n    <div #displayContent class=\"custom-org-tree\">\r\n        @if (showSearch) {\r\n        <div class=\"core-org-tree-header d-flex-between\">\r\n            <div class=\"m5\">\r\n                <input type=\"text\" class=\"form-control\" [(ngModel)]=\"search\" (ngModelChange)=\"onSearchChange($event)\"\r\n                    [placeholder]=\"searchPlaceholder | translate: lang\" [class.full-width]=\"!!fullWidthMode\">\r\n            </div>\r\n        </div>\r\n        }\r\n        <ng-container>\r\n\r\n            <div #scrollContainer class=\"scroll-container\" [ngStyle]=\"{\r\n                height: height - layoutService.coreOrgTreeTopHeight * (showSearch ? 1 : 0) - layoutService.coreOrgTreeBottomHeight + 'px',\r\n                overflow: 'scroll'\r\n                }\">\r\n                <div class=\"hidden-tool\" (click)=\"onHiddenToolClick($event)\"></div>\r\n                <core-loading-surface [loading]=\"loading\" [height]=\"scrollContainerHeight\"></core-loading-surface>\r\n                <!-- @for (root of dataFiltered; track root) { -->\r\n                @for (root of data; track $index) {\r\n                @defer(on viewport(scrollContainer)) {\r\n                <ul class=\"root\" [class.collapsed]=\"!!!root.tree$Expanded\">\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: root }\"></ng-container>\r\n                </ul>\r\n                } @placeholder() {\r\n                Placeholder...\r\n                } @loading() {\r\n                Loading...\r\n                } @error() {\r\n                Error...\r\n                }\r\n\r\n                }\r\n            </div>\r\n            <div [ngStyle]=\"{\r\n                display: 'block',\r\n                position: 'absolute',\r\n                bottom: '0px',\r\n                left: '0px',\r\n                right: '0px',\r\n                height: layoutService.corePaginationHeight + 'px',\r\n                paddingLeft: layoutService.basicSpacing + 'px',\r\n                paddingRight: layoutService.basicSpacing + 'px',\r\n                lineHeight: layoutService.corePaginationHeight + 'px',\r\n                overflow: 'hidden'\r\n            }\">\r\n                <div [ngStyle]=\"{\r\n                    height: layoutService.corePaginationHeight + 'px',\r\n                    position: 'relative',\r\n                    display: 'flex',\r\n                    alignItems: 'center',\r\n                    justifyContent: 'space-between'\r\n                }\">\r\n                    <div>\r\n                        <core-checkbox [(ngModel)]=\"showDissolved\"\r\n                            (ngModelChange)=\"onCheckIncludeDissolvedChange($event)\"\r\n                            [text]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS_ABBREVIATED'\"\r\n                            [tooltip]=\"'UI.CORE_ORG_TREE.SHOW_OUTDATED_UNITS'\" tooltipPosition=\"above\"></core-checkbox>\r\n                    </div>\r\n                    @if (accessorMode === 'CHECKED') {\r\n                        <div class=\"check-inheritance-wrapper\">\r\n                            @if (showCheckInheritance) {\r\n                                <core-checkbox [(ngModel)]=\"checkInheritance\"\r\n                                    (ngModelChange)=\"onCheckInheritanceChange($event)\"\r\n                                    [text]=\"'UI.CORE_ORG_TREE.CHECK_INHERITANCE'\"></core-checkbox>\r\n                                }\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n\r\n            <ng-template #item let-context=\"context\" let-id=\"context.id\" let-title=\"context.tree$Title\"\r\n                let-highlighted=\"context.tree$Highlighted\" let-hasChildren=\"context.tree$HasChildren\"\r\n                let-hasActiveChildren=\"context.tree$HasActiveChildren\" let-children=\"context.tree$Children\"\r\n                let-expanded=\"context.tree$Expanded\" let-isActive=\"context.isActive\" let-active=\"context.tree$Active\"\r\n                let-checked=\"context.tree$Checked\" let-protected=\"context.protected\">\r\n\r\n                @if ((!showDissolved && !!isActive) || (!!showDissolved)) {\r\n                <li [class.has-children]=\"!!hasChildren\" [class.collapsed]=\"!!hasChildren && !!!expanded\">\r\n                    <!-- (click)=\"accessorMode !== 'CHECKED' ? onObjectClick(context, $event) : $event.preventDefault()\" -->\r\n                    <span (click)=\"onObjectClick(context, $event)\">\r\n                        @if ((!!showDissolved && !!hasChildren) || (!showDissolved && !!hasActiveChildren)) {\r\n                            <i class=\"expand-toggler feather-chevron-down\" (click)=\"onExpandTogglerClick(context, $event)\"></i>\r\n                        }\r\n\r\n                        @if (accessorMode === 'CHECKED' && !protected) {\r\n                        <core-checkbox (onClick)=\"onItemCheck(context, $event)\" [inputValue]=\"checked\"\r\n                            [disabled]=\"disabled\"></core-checkbox>\r\n                        }\r\n                        <object [class.active]=\"accessorMode != 'CHECKED' && selectedKey===id.toString()\"\r\n                            [class.highlighted]=\"highlighted\" [class.dissolved]=\"!isActive\"\r\n                            [class.protected]=\"protected\" [appTooltip]=\"title\">\r\n                            {{ title }}\r\n                        </object>\r\n                    </span>\r\n                    @if (!!children.length) {\r\n                    <ul [class.collapsed]=\" !!!expanded\">\r\n                        @for (child of children; track $index) {\r\n                        @if (!!expanded || !!fullRendering) {\r\n\r\n                        <ng-container *ngTemplateOutlet=\"item; context: { context: child }\"></ng-container>\r\n\r\n                        }\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </li>\r\n                }\r\n            </ng-template>\r\n        </ng-container>\r\n    </div>\r\n</div>", styles: [".core-org-tree-container{--background: var(--color-bg-core-org-tree);--height: 545px;--item-height: 35px;--arrow-font-size: 18px;--ul-padding: 20px;--display: \"block\";--square-color: black;--square-size: 9px;--line-color: \"transparent\";--title-wrapper-max-width: 250px;--active-item-color: #F37540;--size-scrollbar-width: 10px;--line-size: 1px;--reduced-icon-wrapper-height: 50px;--reduced-panel-height: calc(var(--height) - var(--reduced-icon-wrapper-height));--scroll-container-height: calc(var(--height) - var(--size-core-reducer-icon-wrapper-height) - var(--size-pagination-height));color:#000;background-color:var(--color-bg-core-org-tree)!important;height:var(--height);background:var(--background);width:var(--size-core-org-tree-width);transition:width .5s ease-out}.core-org-tree-container .hidden-tool{display:block;position:absolute;background-color:transparent;width:var(--ul-padding);height:var(--ul-padding);top:0;left:0}@keyframes reducedPanelOn{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.core-org-tree-container .custom-org-tree{display:var(--display)}.core-org-tree-container .core-org-tree-header{height:var(--size-core-org-tree-header-height)}.core-org-tree-container .core-org-tree-header input{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2 - var(--size-scrollbar-width) + 6px);max-width:100%;transform:translate(14px,8px);border:1px solid #E6EBED}.core-org-tree-container .core-org-tree-header input.full-width{width:calc(var(--size-core-org-tree-width) - var(--size-layout-block-cell-spacing) * 2)}.core-org-tree-container .check-inheritance-wrapper{padding:15px}.core-org-tree-container .m5>input{color:gray}.core-org-tree-container .form-control{border:none}.core-org-tree-container .core-reducer-icon-wrapper{height:var(--size-core-reducer-icon-wrapper-height);padding:var(--size-layout-block-cell-spacing)}.core-org-tree-container .scroll-container{background:var(--background);height:var(--scroll-container-height);overflow:auto;position:relative;width:100%}.core-org-tree-container .scroll-container::-webkit-scrollbar-corner{background-color:transparent}.core-org-tree-container .scroll-container::-webkit-scrollbar{width:8px;height:8px}.core-org-tree-container .scroll-container *{box-sizing:border-box;padding:0;margin:0}.core-org-tree-container .scroll-container ul{display:table;vertical-align:top;padding-left:var(--ul-padding);transition:all .5s ease-out;width:100%}.core-org-tree-container .scroll-container ul>li>span:hover{height:35px;background-color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;width:100%}.core-org-tree-container .scroll-container ul>li>span:active{background-color:#f1f1f1;height:35px;border-radius:20px}.core-org-tree-container .scroll-container ul>li>span>object{user-select:none;max-width:var(--title-wrapper-max-width);overflow-x:hidden;text-overflow:ellipsis;-webkit-user-select:none}.core-org-tree-container .scroll-container ul>li>span>object.active{color:var(--active-item-color)}.core-org-tree-container .scroll-container ul .highlighted{color:var(--color-core-org-tree-highlighted);font-weight:700}.core-org-tree-container .scroll-container ul .dissolved{color:#848484;text-decoration:line-through dashed}.core-org-tree-container .scroll-container ul .dissolved.active{color:#c9252b!important}.core-org-tree-container .scroll-container ul>li{display:block;position:relative}.core-org-tree-container .scroll-container ul>li:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -1);top:calc(var(--item-height) / 2);height:calc(var(--item-height) / 2);border-top:solid var(--line-size) var(--line-color);border-right:none;border-bottom:none;border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li>span{display:flex;align-items:center;height:var(--item-height);white-space:nowrap;font-size:13px;padding-left:8px;transform:translate(10px);cursor:pointer}.core-org-tree-container .scroll-container ul>li>span>i{color:var(--square-color);cursor:pointer;font-size:var(--square-size);width:var(--square-size);height:var(--square-size)}.core-org-tree-container .scroll-container ul>li>span>.expand-toggler{font-size:var(--arrow-font-size);width:24px;height:24px;position:absolute;z-index:1;transform:translate(-100%) rotate(0);transition:.5s ease-out;display:flex;align-items:center;justify-content:center}.core-org-tree-container .scroll-container ul>li>span>.check-toggler{margin-left:5px;margin-right:5px}.core-org-tree-container .scroll-container ul>li>ul>li>span:before{content:\"\";display:block;position:absolute;width:var(--ul-padding);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);height:var(--line-size);border-top:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul>li.collapsed>span>.expand-toggler{transform:translate(-100%) rotate(-90deg);transition:.5s ease-out}.core-org-tree-container .scroll-container ul>li.collapsed:before{border-left:none}.core-org-tree-container .scroll-container ul>li:not(.collapsed):not(.has-children):before{border-left:none}.core-org-tree-container .scroll-container ul:not(.root):before{content:\"\";display:block;position:absolute;width:var(--line-size);left:calc(var(--ul-padding) * -1);height:calc(100% - var(--item-height) * 1.5);border-left:solid var(--line-size) var(--line-color);z-index:0}.core-org-tree-container .scroll-container ul:not(.root)>li:last-child:not(.collapsed).has-children:after{content:\"\";display:block;position:absolute;height:calc(100% - var(--item-height));width:calc(var(--ul-padding) / 2);left:calc(var(--ul-padding) * -2);top:calc(var(--item-height) / 2);border-left:solid var(--line-size) var(--background);z-index:0}.core-org-tree-container .scroll-container ul.collapsed:not(.root){display:none}.core-org-tree-container .collapsed>li:before{display:none!important}.core-org-tree-container.full-width .scroll-container{width:auto}.core-org-tree-container.reduced{width:50px;padding:0;transition:width .5s ease-out}.core-org-tree-container.reduced .scroll-container{overflow:hidden}.core-org-tree-container.reduced .scroll-container>ul.root{display:none}.core-org-tree-container.reduced .scroll-container>.reduced-panel{color:var(--active-item-color);width:50px;height:var(--reduced-panel-height);writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;font-weight:700;animation:reducedPanelOn .5s ease-out}\n"] }]
         }], ctorParameters: () => [{ type: AuthService }, { type: RecursiveService }, { type: MultiLanguageService }, { type: LayoutService }, { type: CoreOrgTreeService }, { type: AlertService }, { type: OrganizationService }], propDecorators: { lineColor: [{
                 type: Input
             }], fullWidthMode: [{
@@ -15339,7 +15528,7 @@ class CorePageListComponent extends CoreFormControlBaseComponent {
     }
     queryListSubscribe() {
         if (!!!this.queryListSubscription && !!this.queryListStream$) {
-            this.queryListSubscription = this.queryListStream$.pipe(catchError(err => {
+            this.queryListSubscription = this.queryListStream$.pipe(catchError$1(err => {
                 return of({ ok: false, status: 400, body: { messageCode: this.appService.formatHttpError(err) } });
             }), finalize$1(() => {
                 this.loading = false;
@@ -15517,7 +15706,7 @@ class CorePageListComponent extends CoreFormControlBaseComponent {
                                 .subscribe((x) => {
                                 if (x.ok && x.status === 200) {
                                     const body = x.body;
-                                    if (body.statusCode === 200 || x.body.statusCode == '200') {
+                                    if (body.statusCode === 200 /*|| x.body.statusCode == '200'*/) {
                                         this.forceReloadingFlag$.next(!!!this.forceReloadingFlag$.value);
                                         activateRequest.ids = [];
                                         this.buttonGroupStatus?.mustBeHidden$.next(EMPTY_SELECTION_HIDDEN_BUTTON);
@@ -15541,7 +15730,7 @@ class CorePageListComponent extends CoreFormControlBaseComponent {
                                 .subscribe((x) => {
                                 if (x.ok && x.status === 200) {
                                     const body = x.body;
-                                    if (body.statusCode === 200 || x.body.statusCode == '200') {
+                                    if (body.statusCode === 200 /*|| x.body.statusCode == '200'*/) {
                                         this.forceReloadingFlag$.next(!!!this.forceReloadingFlag$.value);
                                         inactivateRequest.ids = [];
                                         this.buttonGroupStatus?.mustBeHidden$.next(EMPTY_SELECTION_HIDDEN_BUTTON);
@@ -15573,7 +15762,7 @@ class CorePageListComponent extends CoreFormControlBaseComponent {
                             .subscribe((x) => {
                             if (x.ok && x.status === 200) {
                                 const body = x.body;
-                                if (body.statusCode === 200 || x.body.statusCode == '200') {
+                                if (body.statusCode === 200 /*|| x.body.statusCode == '200'*/) {
                                     this.forceReloadingFlag$.next(!!!this.forceReloadingFlag$.value);
                                     request.ids = [];
                                 }
@@ -16090,7 +16279,7 @@ class CorePageListComponent extends CoreFormControlBaseComponent {
                             .subscribe((x) => {
                             if (x.ok && x.status === 200) {
                                 const body = x.body;
-                                if (body.statusCode === 200 || x.body.statusCode == '200') {
+                                if (body.statusCode === 200 /*|| x.body.statusCode == '200'*/) {
                                     this.forceReloadingFlag$.next(!!!this.forceReloadingFlag$.value);
                                     requestApprove.ids = [];
                                 }
@@ -16128,7 +16317,7 @@ class CorePageListComponent extends CoreFormControlBaseComponent {
                             .subscribe((x) => {
                             if (x.ok && x.status === 200) {
                                 const body = x.body;
-                                if (body.statusCode === 200 || x.body.statusCode == '200') {
+                                if (body.statusCode === 200 /*|| x.body.statusCode == '200'*/) {
                                     this.forceReloadingFlag$.next(!!!this.forceReloadingFlag$.value);
                                     requestPendingApprove.ids = [];
                                 }
@@ -20585,7 +20774,7 @@ class CoreDropdownComponent extends CoreFormControlBaseComponent {
         else {
             request$ = this.appService.post(this.optionApi, this.optionHttpPayload);
         }
-        request$.pipe(tap$1(() => this.loading = true), catchError(err => {
+        request$.pipe(tap$1(() => this.loading = true), catchError$1(err => {
             return of({
                 ok: false,
                 status: 500,
@@ -26911,7 +27100,7 @@ class CorePageEditComponent {
             this.cdr.markForCheck();
         }), switchMap(id => {
             return this.corePageEditService.getById(id, this.crud.r)
-                .pipe(catchError(err => {
+                .pipe(catchError$1(err => {
                 this.loading = false;
                 const msg = err?.error?.message || // API-defined message
                     err?.message || // Native JS or HttpErrorResponse
@@ -27207,7 +27396,7 @@ class CorePageEditComponent {
                 .pipe(tap$1((response) => {
                 console.log('🔍 Inspecting response before subscribe:', response);
                 // You can also trigger analytics, loggers, etc.
-            }), catchError(err => {
+            }), catchError$1(err => {
                 this.loading = false;
                 this.cdr.detectChanges();
                 return of(err);
@@ -27269,7 +27458,7 @@ class CorePageEditComponent {
                 .pipe(tap$1((response) => {
                 console.log('🔍 Inspecting response before subscribe:', response);
                 // You can also trigger analytics, loggers, etc.
-            }), catchError(err => {
+            }), catchError$1(err => {
                 this.loading = false;
                 const msg = err?.error?.message || // API-defined message
                     err?.message || // Native JS or HttpErrorResponse
@@ -31333,7 +31522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const hrmSchemaRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-DPS-44a3.mjs').then(m => m.HrmSchemaComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-Bgcd9oqO.mjs').then(m => m.HrmSchemaComponent)
     }
 ];
 
@@ -33506,7 +33695,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const simpleChatRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-BBC0agsQ.mjs').then(m => m.SimpleChatComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-CORJcSXP.mjs').then(m => m.SimpleChatComponent)
     }
 ];
 
@@ -35050,7 +35239,7 @@ class SysFunctionUrlMapperComponent extends BaseEditComponent {
         this.subscriptions.push(this.form.get('functionId')?.valueChanges.pipe(filter(x => !!x), distinctUntilChanged(), switchMap(x => {
             return this.appService.get(api.SYS_FUNCTION_READ + '?id=' + x);
         })).subscribe(x => {
-            if (x.ok && x === 200) {
+            if (x.ok && x.status === 200) {
                 const body = x.body;
                 if (body.statusCode === 200) {
                     this.form.patchValue(body.innerBody);
@@ -36720,11 +36909,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-Dg9i9xfk.mjs').then(m => m.TemplateListComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-DhHh7uk3.mjs').then(m => m.TemplateListComponent),
     },
     {
         path: ":id",
-        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-DquamtEW.mjs').then(m => m.CoreTemplateEditorComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-fXB6492V.mjs').then(m => m.CoreTemplateEditorComponent),
         canDeactivate: [CanDeactivateGuard]
     },
     {
@@ -36753,7 +36942,7 @@ const coreFormDesignRoutes = [
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-DG6DwsTg.mjs').then(function (n) { return n.c; }).then(m => m.CoreFormDesignComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-_wzTnIee.mjs').then(function (n) { return n.c; }).then(m => m.CoreFormDesignComponent)
     }
 ];
 
@@ -37646,7 +37835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreNavigationTrackerRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-CYpHkiXM.mjs').then(m => m.TrackerStudioComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-DxwHNKW5.mjs').then(m => m.TrackerStudioComponent)
     }
 ];
 
@@ -39835,33 +40024,33 @@ const coreWorkflowRoutes = [
                     {
                         path: 'form-assign/:id',
                         outlet: "formAssignAux",
-                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-DPQm1Xzc.mjs').then(m => m.WfFormAssignComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-CTwMGHCL.mjs').then(m => m.WfFormAssignComponent),
                         canDeactivate: [CanDeactivateGuard]
                     }
                 ]
             },
             {
                 path: 'global-config',
-                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-oEr0_M3b.mjs').then(m => m.WfGlobalConfigComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-C0FY6YVB.mjs').then(m => m.WfGlobalConfigComponent)
             },
             {
                 path: 'db-settings',
-                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-B-OxVg4F.mjs').then(m => m.DbSettingsComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-BpIse2rU.mjs').then(m => m.DbSettingsComponent)
             },
             {
                 path: 'workflow-consume',
-                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-DMCnXtOv.mjs').then(m => m.CoreWorkflowConsumeComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-CSsLmLR2.mjs').then(m => m.CoreWorkflowConsumeComponent),
                 children: [
                     {
                         path: ':id',
                         outlet: "workflowConsume",
-                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-C_3pE7eQ.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-DCmSKu9J.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
                     }
                 ]
             },
             {
                 path: 'workflow-consume/:id',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-C_3pE7eQ.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-DCmSKu9J.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
             },
             {
                 path: 'workflow-group-edit/:id',
@@ -39871,17 +40060,17 @@ const coreWorkflowRoutes = [
             },
             {
                 path: 'design/:id',
-                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-CgqbmHd5.mjs').then(m => m.wfDesignWrapperRoutes),
+                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-BQUP7aD3.mjs').then(m => m.wfDesignWrapperRoutes),
             },
         ]
     },
     {
         path: 'react/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-DvluEd1O.mjs').then(m => m.WfInstanceStepReactComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-C1lVDinr.mjs').then(m => m.WfInstanceStepReactComponent)
     },
     {
         path: 'status/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-BGc1pFqY.mjs').then(m => m.WfInstanceStatusComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-BXGA_qii.mjs').then(m => m.WfInstanceStatusComponent)
     }
 ];
 
@@ -40084,19 +40273,41 @@ class CoreWorkflowListComponent extends BaseComponent {
         this.appService = appService;
         this.alertService = alertService;
         this.mls = mls;
+        this.controller = null;
         this.$tabHeader = signal('Drafts');
         this.$loading = signal(false);
         this.$sortMode = signal(false);
         this.searchTearm$ = new BehaviorSubject('');
-        this.orderChanges$ = new Subject();
+        this.orderChanges$ = new BehaviorSubject([]);
+        this.tabHeaderChanges$ = new BehaviorSubject('Drafts');
+        this.workflowDeletedFlag$ = new BehaviorSubject(false);
+        this.workflowPublishedFlag$ = new BehaviorSubject(false);
+        this.mergedState$ = combineLatest([
+            this.searchTearm$,
+            this.orderChanges$,
+            this.tabHeaderChanges$,
+            this.workflowDeletedFlag$,
+            this.workflowPublishedFlag$
+        ]).pipe(debounceTime(300), distinctUntilChanged(([s1, o1, t1, d1, p1], [s2, o2, t2, d2, p2]) => s1 === s2 &&
+            JSON.stringify(o1) === JSON.stringify(o2) &&
+            t1 === t2 &&
+            d1 === d2 &&
+            p1 === p2), map$1(([searchTerm, orderChanges, tabHeader, deletedFlag, publishedFlag]) => ({
+            searchTerm,
+            orderChanges,
+            tabHeader,
+            deletedFlag,
+            publishedFlag
+        })));
         this.isDevMode = isDevMode();
         this.pointerdown$ = new Subject();
         this.$activeWorkflowGroup = signal(undefined);
         this.$activeWorkflow = signal(undefined);
         effect(() => {
             const tabHeader = this.$tabHeader();
-            const published = tabHeader === 'Published';
-            this.coreWorkflowService.refresh(undefined, this.searchTearm$.value, undefined, published);
+            //const published = tabHeader === 'Published'
+            this.tabHeaderChanges$.next(tabHeader);
+            //this.coreWorkflowService.refresh(undefined, this.searchTearm$.value, undefined, published)
         });
         this.doublePointDown = this.pointerdown$.pipe(buffer(this.pointerdown$.pipe(debounceTime(500))), filter(clicks => clicks.length >= 2)).subscribe(() => {
             if (!!this.$activeWorkflow()) {
@@ -40131,20 +40342,19 @@ class CoreWorkflowListComponent extends BaseComponent {
     deleteWorkflow(flow) {
         if (confirm(`Are you sure about deleting this flow "${flow.name}"`)) {
             this.$loading.set(true);
-            this.subscriptions.push(this.appService.post('/api/WfWorkflow/DeleteTogetherWithAfInstance', { id: flow.id }).pipe(catchError(err => {
-                this.$loading.set(false);
+            this.subscriptions.push(this.appService.post('/api/WfWorkflow/DeleteTogetherWithAfInstance', { id: flow.id }).pipe(tap$1(() => this.$loading.set(true)), catchError$1(err => {
                 return of(err);
-            })).subscribe(x => {
-                this.$loading.set(false);
+            }), finalize$1(() => this.$loading.set(false))).subscribe(x => {
                 if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
-                    this.coreWorkflowService.refresh(undefined, this.searchTearm$.value);
+                    //this.coreWorkflowService.refresh(undefined, this.searchTearm$.value);
+                    this.workflowDeletedFlag$.next(!this.workflowDeletedFlag$.value);
                 }
             }));
         }
     }
     toggleLock(flow, group) {
         this.subscriptions.push(this.coreWorkflowService.toggleFlowLock(flow.id)
-            .pipe(tap$1(_ => this.$loading.set(true)), catchError(err => {
+            .pipe(tap$1(_ => this.$loading.set(true)), catchError$1(err => {
             console.error('🚨 Backend update failed:', err);
             this.$loading.set(false);
             return of({ ok: false, status: 500, body: { statusCode: 500 } });
@@ -40195,16 +40405,86 @@ class CoreWorkflowListComponent extends BaseComponent {
     }
     ngAfterViewInit() {
         requestAnimationFrame(() => {
-            this.coreWorkflowService.refresh(undefined, this.searchTearm$.value);
-            this.subscriptions.push(this.searchTearm$.pipe(debounceTime(500), distinctUntilChanged()).subscribe(searchTerm => {
-                this.coreWorkflowService.refresh(undefined, searchTerm);
+            //this.coreWorkflowService.refresh(undefined, this.searchTearm$.value);
+            /*
+            this.subscriptions.push(
+              this.mergedState$.pipe(
+                tap(() => this.$loading.set(true)),
+                debounceTime(500),
+                distinctUntilChanged(),
+                switchMap((x) => {
+                  if (this.controller) this.controller.abort();
+                  return this.coreWorkflowService.refreshObservable('/api/WfWorkflowGroup/GetAllWithWorkflows', x.searchTerm, undefined, false)
+                }),
+                finalize(() => {
+                  this.$loading.set(false)
+                  this.controller = null;
+                })
+              ).subscribe(x => {
+                if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
+                  this.coreWorkflowService.$allGroups.set(
+                    (x.body?.innerBody as IWfWorkflowGroup[])
+                      .map(x => ({ ...x, orderNum: x.orderNum ?? 999 }))
+                      .sort((a, b) => a.orderNum - b.orderNum)
+                  )
+                }
+              })
+            )
+            */
+            this.subscriptions.push(this.mergedState$.pipe(tap$1(() => this.$loading.set(true)), debounceTime(500), distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)), switchMap(x => {
+                // 🧹 Cancel previous request if still running
+                if (this.controller)
+                    this.controller.abort();
+                // 🧩 Create a new controller for this request
+                this.controller = new AbortController();
+                // 🔹 Pass the signal to your service
+                return this.coreWorkflowService.refreshObservable('/api/WfWorkflowGroup/GetAllWithWorkflows', x.searchTerm, undefined, false, this.controller.signal).pipe(
+                // Always catch inside switchMap so the stream doesn’t die
+                catchError$1(err => {
+                    console.error('🚨 Backend fetch failed:', err);
+                    return of({
+                        ok: true,
+                        status: 200,
+                        body: {
+                            statusCode: 400,
+                            messageCode: 'REQUEST_CANCELLED',
+                            errorType: 1,
+                            innerBody: null
+                        }
+                    });
+                }));
+            }), finalize$1(() => {
+                this.$loading.set(false);
+                if (this.controller) {
+                    this.controller.abort();
+                    this.controller = null;
+                }
+            }))
+                .subscribe(x => {
+                this.$loading.set(false);
+                if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
+                    const groups = x.body.innerBody
+                        .map(g => ({ ...g, orderNum: g.orderNum ?? 999 }))
+                        .sort((a, b) => a.orderNum - b.orderNum);
+                    this.coreWorkflowService.$allGroups.set(groups);
+                }
+                else {
+                    console.warn('⚠️ GetAllWithWorkflows returned non-200 statusCode', x.body);
+                }
             }));
             this.subscriptions.push(this.orderChanges$
-                .pipe(debounceTime(800), // wait 800ms after last change
+                .pipe(skip(1), debounceTime(800), // wait 800ms after last change
             distinctUntilChanged((a, b) => JSON.stringify(a.map(x => ({ id: x.id, orderNum: x.orderNum }))) ===
-                JSON.stringify(b.map(x => ({ id: x.id, orderNum: x.orderNum })))), switchMap(newOrder => this.coreWorkflowService.updateGroupOrder(newOrder)), catchError(err => {
+                JSON.stringify(b.map(x => ({ id: x.id, orderNum: x.orderNum })))), switchMap(newOrder => {
+                if (this.controller)
+                    this.controller.abort();
+                return this.coreWorkflowService.updateGroupOrder(newOrder);
+            }), catchError$1(err => {
                 console.error('🚨 Backend update failed:', err);
                 return of({ ok: false, status: 500, body: { statusCode: 500 } });
+            }), finalize$1(() => {
+                if (this.controller)
+                    this.controller = null;
             }))
                 .subscribe(x => {
                 if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
@@ -40352,7 +40632,7 @@ class CoreWorkflowGroupEditComponent extends BaseEditComponent {
         this.formInitStringValue = e;
     }
     onSubmitSuccess(e) {
-        this.coreWorkflowService.refresh(undefined, '');
+        //this.coreWorkflowService.refresh(undefined, '');
         this.router.navigate([{ outlets: { workflowAux: null } }], { relativeTo: this.route.parent });
     }
     ngOnDestroy() {
@@ -42412,4 +42692,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  */
 
 export { CoreButtonGroupVnsComponent as $, AppService as A, BaseComponent as B, ChatService as C, DialogService as D, EnumCoreTablePipeType as E, FullscreenModalLoaderComponent as F, CoreDatePickerComponent as G, CoreFormControlSeekerComponent as H, ImageErrorResolverDirective as I, CoreCurrencyInputComponent as J, EnumActorSourceType as K, CoreParamControlComponent as L, MultiLanguageService as M, CoreRadioGroupComponent as N, GptService as O, ApplicationHelpService as P, HotKeysDirective as Q, EnumCorePageEditMode as R, SocketService as S, TranslatePipe as T, CoreFormComponent as U, NavigatorService as V, JsonService as W, AppConfigService as X, EnumCoreButtonVNSCode as Y, READONLY_WORKFLOW_FIELDS as Z, noneAutoClosedAlertOptions as _, CorePageListComponent as a, CommonHttpRequestService as a$, CoreStickerCollectionComponent as a0, HtmlTooltipDirective as a1, CoreControlNoFormArrayComponent as a2, EnumFormDesignMode as a3, CoreControlComponent as a4, JsonSafePipe as a5, CoreAttachmentComponent as a6, CoreMonthSelectorComponent as a7, EnumImageResolverType as a8, NormalizeHumanNamePipe as a9, EnumStyleButtonClass as aA, CanActivateFunctionUrlMapperGuard as aB, InitializationCanActivateFn as aC, InitializationCanMatchFn as aD, httpInterceptorProviders as aE, InterceptorSkipHeader as aF, appTypeInterceptor as aG, baseUrlInterceptor as aH, authInterceptor as aI, graphInterceptor as aJ, tokenInterceptor as aK, responseInterceptor as aL, timeZoneInterceptor as aM, cachingInterceptor as aN, langInterceptor as aO, EnumFilterOperator as aP, OnlineUsersComponent as aQ, ActionService as aR, AppInitializationService as aS, AuthService as aT, CacheService as aU, EnumSwUpdateVersionUpdatesEventType as aV, CheckForUpdateService as aW, EnumDeviceType as aX, EnumBrowserType as aY, EnumOsType as aZ, ClientService as a_, CoreIosSwitcherComponent as aa, SunnyRotatingComponent as ab, MapAppdemoToServerPipePipe as ac, MapAttachmentToServerPipe as ad, MapNewsfeedMediaToServerPipe as ae, StringHtmlPipe as af, UploadedFilenameCutoffPipe as ag, DialogStateComponent as ah, FooterComponent as ai, RightchatComponent as aj, WaittingScreenComponent as ak, longAlertOptions as al, attachmentOptions as am, CORE_VNS_BUTTONS as an, defaultPaging as ao, DESKTOP_SCREEN_HEDER_HEIGHT as ap, MOBILE_SCREEN_HEDER_HEIGHT as aq, themeBlue as ar, DATE_VALUE_ACCESSOR as as, DateValueAccessor as at, EnumDragType as au, EnumErrorType as av, EnumIconClass as aw, EnumProfileInfoSector as ax, EnumSignalRType as ay, EnumSortDirection as az, CoreCheckboxComponent as b, MutationViewComponent as b$, TLA_CONFIG as b0, ConfigService as b1, CoreTableService as b2, DndService as b3, DocxMergeService as b4, FilterKitService as b5, GrpcService as b6, HeaderService as b7, HistoryService as b8, HttpErrorHandler as b9, TopicPermissionService as bA, TopicTreeService as bB, UploadedFileService as bC, UrlService as bD, UserActivityService as bE, EvaluateDialogService as bF, EnumWorkScheduleViewMode as bG, WorkShiftDndService as bH, AtShiftPatternComponent as bI, AtShiftPatternApplyComponent as bJ, AtShiftPatternEditComponent as bK, AtWorksignComponent as bL, AtWorksignService as bM, FunctionComponent as bN, IndividualScheduleApplyComponent as bO, FunctionEditComponent as bP, FunctionIgnoreComponent as bQ, FunctionIgnoreEditComponent as bR, GroupFunctionComponent as bS, GroupFunctionEditComponent as bT, hrmSchemaRoutes as bU, InMemoryComponent as bV, LanguageComponent as bW, LanguageEditComponent as bX, MenuComponent as bY, MenuEditComponent as bZ, MutationLogComponent as b_, HubConnectionService as ba, IpServiceService as bb, LayoutService as bc, LiquidJsService as bd, MapService as be, MenuService as bf, MessageService as bg, ModalService as bh, OrganizationService as bi, PkceService as bj, PositionTransferService as bk, EnumNotificationDir as bl, NotificationActionType as bm, PushNotificationService as bn, RandomAvatarService as bo, RequestCache as bp, RequestCacheWithMap as bq, ResponseService as br, RoutingService as bs, EnumSsrsExpressFileExtension as bt, EnumSsrsExpressExportFormat as bu, SsrsExpressService as bv, StatisticService as bw, StatisticAuthService as bx, SysMenuService as by, TimeSheetService as bz, BaseEditComponent as c, EnumCoreFileUploaderType as c$, PaSalaryPolicyComponent as c0, PaSalaryPolicyEditComponent as c1, PortalRouteComponent as c2, ScheduleOverviewComponent as c3, simpleChatRoutes as c4, PortalRouteEditComponent as c5, SysOtherListComponent as c6, SysOtherListEditComponent as c7, SysOtherListTypeComponent as c8, SysOtherListTypeEditComponent as c9, NewlyCreatedTokenService as cA, CoreApiProgressComponent as cB, CoreButtonGroupComponent as cC, EnumCoreButtonCode as cD, ActionSvgEditComponent as cE, CoreButtonGroupService as cF, CoreButtonVnsComponent as cG, CoreCommonParamKitComponent as cH, CoreCompareDbPipelineComponent as cI, CoreCompositionState as cJ, CoreCompositionService as cK, CoreCompositionComponent as cL, CoreConfirmDialogComponent as cM, ConfirmDialogStateComponent as cN, CoreLazyMountComponent as cO, CoreRootMenuItemPickerComponent as cP, CoreRootMenuItemPickerService as cQ, ECoreTableToolCode as cR, ECoreTableToolClass as cS, CoreTableComponent as cT, CoreContractSeekerComponent as cU, CoreControlNoGridBufferComponent as cV, CoreControlNoSeekerComponent as cW, coreDocGenRoutes as cX, CoreDocgenToolbarComponent as cY, CoreEmployeeScheduleComponent as cZ, CoreEmployeeSeekerComponent as c_, SysActionComponent as ca, SysActionEditComponent as cb, SysFunctionActionComponent as cc, SysFunctionActionEditComponent as cd, SysFunctionActionMapperComponent as ce, SysFunctionUrlMapperComponent as cf, FunctionEditService as cg, SysModuleComponent as ch, SysModuleEditComponent as ci, SysRouteAccessComponent as cj, liner_to_nested_array_script as ck, blob_to_base64_script as cl, AlertComponent as cm, EnumAlertType as cn, IAlertOptions as co, AnimatedTextService as cp, AnimatedTextComponent as cq, BaseDropdownComponent as cr, ButtonGroupModule as cs, ButtonGroupService as ct, ButtonGroupComponent as cu, EnumButtonCaptionCode as cv, CoreButtonComponent as cw, CoreAccordionComponent as cx, CoreAccordionService as cy, CoreActiveUserCountComponent as cz, EnumFormBaseContolType as d, CorePositionConcurrentSeekerComponent as d$, CoreFileUploaderComponent as d0, CoreFilterHubComponent as d1, CoreFilterHubService as d2, ControlBase as d3, Textbox as d4, CoreControlService as d5, CustomValidators as d6, URL_PATTERN as d7, coreFormDesignRoutes as d8, CoreFormTabComponent as d9, EnumCoreOrgTreeaAccessorMode as dA, EnumCoreOrgTreeaSearchMode as dB, CoreOrgTreeComponent as dC, CoreOrgTreeState as dD, CoreOrgTreeService as dE, CoreOrgUnitSeekerComponent as dF, CoreOrgchartflexComponent as dG, CoreOrgParamComponent as dH, EnumCorePageEditBootstrapClass as dI, EnumCorePageEditFieldType as dJ, CorePageEditService as dK, CorePageEditLiteComponent as dL, CorePageEditTabComponent as dM, EnumExType as dN, CorePageListService as dO, CorePageListState as dP, CorePageListContentComponent as dQ, EnumCoreViewItemType as dR, CorePageViewComponent as dS, CorePaginationComponent as dT, CorePaginationFullComponent as dU, CorePaginationFullService as dV, CoreFileFormatPickerComponent as dW, CorePermissionService as dX, EnumPermissionObjectType as dY, CorePermissionComponent as dZ, CorePermissionActionsComponent as d_, CoreFormLiteComponent as da, CoreFormControlBaseComponent as db, EnumCoreSeekerColumnJob as dc, EnumCoreSeekerColumnStaffProfile as dd, EnumCoreSeekerColumnContract as de, EnumCoreSeekerColumnWorking as df, EnumCoreSeekerColumnWage as dg, EnumCoreSeekerColumnPosition as dh, EnumCoreSeekerColumnPositionConcurrent as di, EnumCoreSeekerColumnAutoForm as dj, SeekerService as dk, CoreGridBufferComponent as dl, CoreHeaderParamsComponent as dm, CoreHelperComponent as dn, CoreLineComponent as dp, CoreLiquidWysiwygComponent as dq, CoreListComponent as dr, CoreListLazyComponent as ds, CoreLoadingSurfaceComponent as dt, CoreMccComponent as du, CoreMonthPickerComponent as dv, CoreNavigationTrackerComponent as dw, coreNavigationTrackerRoutes as dx, CoreOauthCallbackComponent as dy, CoreOauthCallbackOffice365Component as dz, CorePageEditComponent as e, UnicodeService as e$, CorePositionSeekerComponent as e0, CoreQrcodeComponent as e1, EnumOparator as e2, CoreQueryBuilderComponent as e3, CoreReducerIconComponent as e4, CoreRotatingTextComponent as e5, CoreRouteAccumulatorComponent as e6, CoreRoutingHistoryComponent as e7, CoreSalaryPolicyPickerComponent as e8, CoreScrollComponent as e9, CorePieComponent as eA, CoreScatterPlotComponent as eB, EnumHrComparisonCode as eC, EnumICoreStatisticWidgetDataType as eD, CoreStatisticWidgetComponent as eE, DecisionComponent as eF, EvaluateDialogComponent as eG, HuconcurrentlyComponent as eH, JobComponent as eI, LanguageChangerComponent as eJ, DEFAULT_SVG as eK, ItemComponent as eL, NavigatorComponent as eM, OtpInputComponent as eN, OtpInputService as eO, PageTitleComponent as eP, PaginationComponent as eQ, FilterPipe as eR, normalizeHumanName as eS, PositionComponent as eT, PositionEditService as eU, CoreDatetimeService as eV, FileService as eW, LongTaskService as eX, EnumRecursiveFields as eY, RecursiveService as eZ, StringService as e_, CoreScrollLazyComponent as ea, CoreSeenByComponent as eb, CoreShiftCardComponent as ec, CoreShiftCellComponent as ed, CoreShiftCollectionComponent as ee, CoreShiftStickerComponent as ef, STICKER_COLOR_SCHEMA as eg, CoreStatusStickerComponent as eh, CoreSubFormGroupComponent as ei, CoreTabListComponent as ej, CoreTagsComponent as ek, CoreTopicPickerComponent as el, EnumCoreArticleCategoryTreeaAccessorMode as em, CoreTopicTreeComponent as en, CoreTreeComponent as eo, EnumCoreTreeGridEditMode as ep, CoreTreeGridComponent as eq, CoreWageSeekerComponent as er, CoreWorkingSeekerComponent as es, coreWorkflowRoutes as et, CoreWorkflowBuilderComponent as eu, CoreWorkflowGroupEditComponent as ev, CoreYearPickerComponent as ew, CoreYearSelectorComponent as ex, EnumCoreD3ScaleType as ey, CoreD3Service as ez, CorePageHeaderComponent as f, StaffProfileComponent as f0, ThreedotsComponent as f1, TooltipComponent as f2, UserActivityComponent as f3, WageComponent as f4, tooltip_directive as f5, coreStickerCollection_component as f6, dragReorder_directive as f7, CoreTabsComponent as g, CoreWorkflowService as h, EnumCoreFormControlSeekerSourceType as i, AlertService as j, CoreFormService as k, DbService as l, AiHintForColumnComponent as m, CoreWorkflowListComponent as n, TooltipDirective as o, DragReorderDirective as p, CanDeactivateGuard as q, TableCellPipe as r, MapAvatarToServerPipe as s, alertOptions as t, CoreTerminalSpinnerComponent as u, CoreFormDesignService as v, EnumWorkflowStepType as w, DomService as x, CoreDropdownComponent as y, CoreChecklistComponent as z };
-//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-DLhfwWOV.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-DsL5Ex6R.mjs.map