ngx-histaff-alpha 6.0.1 → 6.0.3

package/fesm2022/{ngx-histaff-alpha-ngx-histaff-alpha-35-x2sjB.mjs → ngx-histaff-alpha-ngx-histaff-alpha-Cdkej_1g.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Injectable, Pipe, Directive, ViewChild, forwardRef, HostListener, inject, Input, isDevMode, Inject, signal, InjectionToken, computed, effect, EventEmitter, Output, ViewContainerRef, createComponent, ViewEncapsulation, ChangeDetectorRef, input, ChangeDetectionStrategy, ViewChildren, viewChild, viewChildren, output, TemplateRef, NgModule, DestroyRef, ElementRef, Renderer2 } from '@angular/core';
+import { Component, Injectable, Pipe, Directive, ViewChild, forwardRef, HostListener, inject, Input, isDevMode, Inject, signal, InjectionToken, computed, effect, EventEmitter, Output, ViewContainerRef, ApplicationRef, Injector, 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 { 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 { api, EnumTranslateKey } from 'alpha-global-constants';
@@ -8793,14 +8793,29 @@ class SocketService {
             console.warn("No user logged in");
             return;
         }
-        const connection = new HubConnectionBuilder()
-            .withUrl(this.appConfigService.BASE_URL + '/hubs/signal', {
+        /*
+        const connection: HubConnection = new HubConnectionBuilder()
+          .withUrl(this.appConfigService.BASE_URL + '/hubs/signal', {
             accessTokenFactory: () => token,
             transport: this.appConfigService.BASE_URL?.includes('localhost')
-                ? undefined
-                : HttpTransportType.WebSockets | HttpTransportType.ServerSentEvents | HttpTransportType.LongPolling
+              ? undefined
+              : HttpTransportType.WebSockets | HttpTransportType.ServerSentEvents | HttpTransportType.LongPolling
+          })
+          .configureLogging(LogLevel/~*.None*~/.Information) // experimental
+          .build()
+        */
+        const isLocal = this.appConfigService.BASE_URL?.includes('localhost') ||
+            location.hostname === 'localhost' ||
+            location.hostname === '127.0.0.1' ||
+            location.hostname === '::1';
+        const connection = new HubConnectionBuilder()
+            .withUrl(`${this.appConfigService.BASE_URL}/hubs/signal`, {
+            accessTokenFactory: () => token,
+            ...(isLocal
+                ? {} // dev: allow fallbacks if you want
+                : { skipNegotiation: true, transport: HttpTransportType.WebSockets })
         })
-            .configureLogging(LogLevel /*.None*/.Information) // experimental
+            .configureLogging(LogLevel.Information) // or LogLevel.None in prod
             .build();
         connection.on("ReceiveSystemMessage", message => {
             console.log("System message: ", message);
@@ -9988,18 +10003,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
             }] } });
 
 class TooltipDirective {
-    constructor(elRef, appRef, injector, envInjector, zone) {
-        this.elRef = elRef;
-        this.appRef = appRef;
-        this.injector = injector;
-        this.envInjector = envInjector;
-        this.zone = zone;
+    constructor() {
         this.showAnyway = false;
         this.color = 'white';
         this.backgroundColor = "#464646";
-        this.position = 'under'; // not used yet
-        this.alertService = inject(AlertService);
+        this.position = 'under';
         this.vcRef = inject(ViewContainerRef);
+        this.appRef = inject(ApplicationRef);
+        this.injector = inject(Injector);
+        this.envInjector = inject(EnvironmentInjector);
     }
     shouldShow(el) {
         return this.showAnyway ||
@@ -10031,7 +10043,7 @@ class TooltipDirective {
             this.adjustForOverflow(hostRect, dim);
         });
     }
-    onMouseLeave(e) {
+    destroy() {
         if (!this.componentRef)
             return;
         this.appRef.detachView(this.componentRef.hostView);
@@ -10039,6 +10051,12 @@ class TooltipDirective {
         this.componentRef.destroy();
         this.componentRef = undefined;
     }
+    onMouseLeave(e) {
+        this.destroy();
+    }
+    onClick(e) {
+        this.destroy();
+    }
     adjustForOverflow(hostRect, dim) {
         if (!this.componentRef)
             return;
@@ -10089,8 +10107,8 @@ class TooltipDirective {
         nativeEl.style.pointerEvents = '';
         this.componentRef.changeDetectorRef.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.EnvironmentInjector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.5", type: TooltipDirective, isStandalone: true, selector: "[appTooltip]", inputs: { appTooltip: "appTooltip", showAnyway: "showAnyway", color: "color", backgroundColor: "backgroundColor", position: "position" }, host: { listeners: { "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.5", type: TooltipDirective, isStandalone: true, selector: "[appTooltip]", inputs: { appTooltip: "appTooltip", showAnyway: "showAnyway", color: "color", backgroundColor: "backgroundColor", position: "position" }, host: { listeners: { "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "click": "onClick($event)" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
@@ -10098,10 +10116,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                     selector: '[appTooltip]',
                     host: {
                         '(mouseenter)': 'onMouseEnter($event)',
-                        '(mouseleave)': 'onMouseLeave($event)'
+                        '(mouseleave)': 'onMouseLeave($event)',
+                        '(click)': 'onClick($event)'
                     }
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.EnvironmentInjector }, { type: i0.NgZone }], propDecorators: { appTooltip: [{
+        }], propDecorators: { appTooltip: [{
                 type: Input
             }], showAnyway: [{
                 type: Input
@@ -10340,7 +10359,7 @@ class ItemComponent {
         this.subscriptions.map(x => x.unsubscribe());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ItemComponent, deps: [{ token: i1$2.Router }, { token: NavigatorService }, { token: MultiLanguageService }, { token: LayoutService }, { token: MenuService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: ItemComponent, isStandalone: true, selector: "app-item", inputs: { item: "item", level: "level" }, viewQueries: [{ propertyName: "me", first: true, predicate: ["me"], descendants: true }, { propertyName: "children", first: true, predicate: ["children"], descendants: true }, { propertyName: "link", first: true, predicate: ["link"], descendants: true }, { propertyName: "subArrow", first: true, predicate: ["subArrow"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<li #me [id]=\"'main-menu-' + item.id\" class=\"parent\" [attr.data-path]=\"item.tree$Path\" [attr.data-level]=\"level\" [class.reduced]=\"leftbarReduced\"\r\n    [class.active]=\"!wideMode && active\" [class.expanded]=\"item.tree$Expanded\"\r\n    [class.highlighted]=\"item.tree$Highlighted\" [class.li-thin-mode]=\"!wideMode\" [class.menu-item]=\"!wideMode\"\r\n    [appTooltip]=\"caption\" [position]=\"'right'\" [ngStyle]=\"{\r\n        marginTop: (level===1 && !wideMode) ? navigatorService.iconGutterY + 'px' : '',\r\n        marginBottom: (level===1 && !wideMode) ? navigatorService.iconGutterY + 'px' : ''\r\n    }\">\r\n    <div class=\"menu-item-wrapper\" [attr.data-level]=\"level\" (click)=\"onClick($event, item)\" [class.active]=\"active\"\r\n        [class.module-thin-mode]=\"!wideMode && level===1\" [class.thin-branch]=\"!wideMode && level > 1\" [appTooltip]=\"!wideMode && level===1 ? caption : ''\" [position]=\"'right'\" [showAnyway]=\"!wideMode && level===1\">\r\n\r\n        @if (wideMode) {\r\n        @if (!!!leftbarReduced) {\r\n        @if (!!hasChildren) {\r\n        <span [innerHtml]=\"subMenuSvgIconRight | stringHtml\" class=\"sub-icon-right\"></span>\r\n        }\r\n        }\r\n        }\r\n\r\n        @if (!!item.iconSvg) {\r\n        <!-- <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n            (click)=\"onModuleIconClick($event, item);false\" [ngStyle]=\"{\r\n                position: 'absolute',\r\n                left: wideMode ? '13px' : 'unset'\r\n            }\"><span [innerHtml]=\"item.iconSvg | stringHtml\"></span></i> -->\r\n        <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n                [ngStyle]=\"{\r\n                    position: 'absolute',\r\n                    left: wideMode ? '13px' : 'unset'\r\n                }\"><span [innerHtml]=\"item.iconSvg | stringHtml\"></span></i>\r\n        } @else if (!!item.iconClass) {\r\n        <!-- <i [attr.data-level]=\"level\" [class]=\"item.iconClass + ' module-icon'\"\r\n            [appTooltip]=\"wideMode ? caption : undefined\" (click)=\"onModuleIconClick($event, item);false\" [ngStyle]=\"{\r\n                left: wideMode ? '13px' : 'unset'\r\n            }\"></i> -->\r\n        <i [attr.data-level]=\"level\" [class]=\"item.iconClass + ' module-icon'\"\r\n                [appTooltip]=\"wideMode ? caption : undefined\" [ngStyle]=\"{\r\n                    left: wideMode ? '13px' : 'unset'\r\n                }\"></i>\r\n        } @else if (!item.parent) {\r\n        <!-- <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n            (click)=\"onModuleIconClick($event, item);false\" [ngStyle]=\"{\r\n                position: 'absolute',\r\n                left: wideMode ? '13px' : 'unset'\r\n            }\"><span [innerHtml]=\"defaultSvg | stringHtml\"></span></i> -->\r\n        <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n            [ngStyle]=\"{\r\n                position: 'absolute',\r\n                left: wideMode ? '13px' : 'unset'\r\n            }\"><span [innerHtml]=\"defaultSvg | stringHtml\"></span></i>\r\n        }\r\n\r\n        @if (!wideMode || (!leftbarReduced && hasChildren)) {\r\n        <a #link [attr.data-level]=\"level\" class=\"has-submenu\" [appTooltip]=\"level > 1 ? caption : undefined\"\r\n            [class.thin-mode]=\"!wideMode\">\r\n\r\n            \r\n            <!-- <ng-container (click)=\"subArrowClicked($event, item);false\">\r\n                <span #subArrow *ngIf=\"(!!item.pictureBase64 || !!item.pictureUri)\"\r\n                    [class]=\"'img-span plus level' + level\">\r\n                    <img [src]=\"item.pictureBase64 || item.pictureUri\" *ngIf=\"!!item.pictureBase64\">\r\n                </span>\r\n                <span #subArrow *ngIf=\"!!!item.pictureBase64 && !!!item.pictureUri\"\r\n                    [class]=\"'plus level' + level\"></span>\r\n            </ng-container> -->\r\n\r\n            <img *ngIf=\"(!!item.pictureBase64 || !!item.pictureUri)\" [src]=\"item.pictureBase64 || item.pictureUri\">\r\n\r\n            {{ caption }}\r\n\r\n        </a>\r\n        } @else {\r\n        <!-- <a [attr.data-level]=\"level\" [routerLink]=\"item.url\" (click)=\"onClick($event, item)\"\r\n            [class.thin-mode]=\"!wideMode\" [appTooltip]=\"wideMode ? caption : undefined\">\r\n            {{ caption }}\r\n        </a> -->\r\n        <a [attr.data-level]=\"level\" [routerLink]=\"item.url\"\r\n            [class.thin-mode]=\"!wideMode\" [appTooltip]=\"wideMode ? caption : undefined\">\r\n            {{ caption }}\r\n        </a>\r\n        }\r\n\r\n    </div>\r\n\r\n    @if (!!wideMode && !!hasChildren && !!item.tree$Children!.length && !!!leftbarReduced) {\r\n    <ul #children class=\"d-none\" [class.ul-thin-mode]=\"!wideMode\" [ngStyle]=\"{\r\n            padding: 0,\r\n        }\" [class.submenu]=\"!wideMode\">\r\n        <div>\r\n            @for (child of item.tree$Children; track $index) {\r\n            <app-item [item]=\"child\" [level]=\"level+1\" (clicked)=\"onClick($event, child)\"></app-item>\r\n            }\r\n        </div>\r\n    </ul>\r\n    }\r\n\r\n</li>", styles: [".navigator-container{--active-item-color: #DD5F2A;--active-item-background-color: white;--active-item-border-color: white;--line-height: 16px;--level-gap: 10px;--thin-mode-padding: 8px;--thin-mode-width: 66px;--wide-mode-width: 280px;--left-bar-current-width: 280px;--bg-color: #F1F1F1;--color: black;--hover-bg-color: #E1E3E5;--hover-color: black;--icon-border-radius: 0px;--icon-gutter-y: 8px;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navigator-container .d-none{display:none}.navigator-container svg{width:24px;height:24px}.navigator-container .module-thin-mode{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin-bottom:5px!important;height:50px!important}.navigator-container .module-thin-mode svg{color:var(--color)}.navigator-container .module-thin-mode i{color:var(--color)!important}.navigator-container .li-thin-mode[data-level=\"1\"]{height:50px!important;margin-left:0!important;margin-right:0!important}.navigator-container .li-thin-mode .thin-branch{overflow:hidden}.navigator-container .li-thin-mode .thin-branch a{padding-left:15px;padding-right:15px;overflow:hidden;max-width:calc(100% - var(--size-layout-block-cell-spacing) * 2);text-overflow:ellipsis}.navigator-container .li-thin-mode .thin-branch:hover{background:#e1e3e5!important}.navigator-container .li-thin-mode:hover[data-level=\"1\"]>ul.ul-thin-mode{transform:translate(calc(var(--thin-mode-width)))}.navigator-container .li-thin-mode:hover:not([data-level=\"1\"])>ul.ul-thin-mode{transform:translate(calc(var(--wide-mode-width) - var(--size-layout-block-cell-spacing)))}.navigator-container .li-thin-mode.active .module-thin-mode{width:50px!important;transform:translate(var(--thin-mode-padding))}.navigator-container .li-thin-mode.active .module-thin-mode i{color:var(--active-item-color)!important}.navigator-container .li-thin-mode.active .module-thin-mode svg{color:var(--active-item-color)!important}.navigator-container .li-thin-mode.active>ul.ul-thin-mode{background-color:#fff;opacity:1;height:unset;overflow-y:auto;box-shadow:.4rem 0 2rem #0000002e}.navigator-container .li-thin-mode.active>ul.ul-thin-mode>div>app-item>li>div>a{display:block!important}.navigator-container .li-thin-mode.active[data-level=\"1\"]>ul.ul-thin-mode{display:block;transform:translate(calc(var(--thin-mode-width)))}.navigator-container .li-thin-mode.active:not([data-level=\"1\"])>ul.ul-thin-mode{display:block;transform:translate(calc(var(--wide-mode-width) - var(--size-layout-block-cell-spacing)))}.navigator-container ul.ul-thin-mode{display:none}.navigator-container .parent{color:var(--color);background-color:var(--bg-color);--children-height: 0px;box-sizing:border-box;width:100%;transition:width 1s ease-out}.navigator-container .parent ul{animation:fadeIn .25s linear}.navigator-container .parent i.module-icon{position:absolute;display:inline-block;font-size:var(--size-left-bar-icon-font-size)!important;width:var(--size-left-bar-icon-font-size)!important;height:var(--size-left-bar-icon-font-size)!important}.navigator-container .parent .menu-item-wrapper{position:relative!important;margin-left:0!important;padding-left:0;border:none!important;cursor:pointer}.navigator-container .parent .menu-item-wrapper .sub-icon-right{display:block;position:absolute;right:0;top:5px;transform:rotate(0);transition:transform .5s ease-out}.navigator-container .parent .menu-item-wrapper .rotate90{transform:rotate(90deg)}.navigator-container .parent .menu-item-wrapper[data-level=\"1\"].module-thin-mode:hover{background-color:var(--hover-bg-color);width:50px;transform:translate(8px);color:var(--hover-color)!important}.navigator-container .parent a.thin-mode{left:0!important;display:none;padding-left:15px;padding-right:15px;overflow:hidden;text-overflow:ellipsis}.navigator-container .parent a{color:inherit;position:absolute!important;margin-left:0!important;padding-left:0;border:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none}.navigator-container .parent a:hover{color:var(--color)!important}.navigator-container .parent a[data-level=\"1\"]:not(.thin-mode){left:var(--size-header-logo-left);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2)}.navigator-container .parent a[data-level=\"2\"]:not(.thin-mode){left:calc(var(--size-header-logo-left));max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2)}.navigator-container .parent a[data-level=\"3\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 1);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 1)}.navigator-container .parent a[data-level=\"4\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 2);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 2)}.navigator-container .parent a[data-level=\"5\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 3);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 3)}.navigator-container .parent a[data-level=\"6\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 4);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 4)}.navigator-container .parent[data-level=\"1\"]{margin:10px 0}.navigator-container .parent[data-level=\"1\"] a{margin-left:0}.navigator-container .parent[data-level=\"2\"]:not(.ul-thin-mode) a{margin-left:10px}.navigator-container .parent[data-level=\"3\"]:not(.ul-thin-mode) a{margin-left:20px}.navigator-container .parent[data-level=\"4\"]:not(.ul-thin-mode) a{margin-left:30px}.navigator-container .parent[data-level=\"5\"]:not(.ul-thin-mode) a{margin-left:40px}.navigator-container .parent[data-level=\"6\"]:not(.ul-thin-mode) a{margin-left:50px}.navigator-container .parent .menu-item-wrapper{height:35px;display:flex;align-items:center;margin:0}.navigator-container .parent .menu-item-wrapper>i{display:inline-block;cursor:pointer}.navigator-container .parent .menu-item-wrapper:not(.module-thin-mode){margin-left:var(--thin-mode-padding)!important;margin-right:var(--thin-mode-padding)!important}.navigator-container .parent>ul:not(.ul-thin-mode){position:relative;overflow:hidden;transition:opacity .5s ease-out}.navigator-container .parent>ul.ul-thin-mode{overflow-x:hidden;display:none;margin-left:0!important;opacity:1;transition:opacity .5s ease-out}.navigator-container .parent>ul.ul-thin-mode{overflow-y:auto}.navigator-container .parent.active[data-level=\"2\"]>.menu-item-wrapper>a{transition:.5s ease-out}.navigator-container .parent.highlighted>.menu-item-wrapper>a{color:var(--color-core-org-tree-highlighted)!important;font-weight:700!important}.navigator-container .parent.expanded>ul:not(.submenu){display:block;opacity:1;transition:opacity .5s ease-out}.navigator-container .parent:not(.li-thin-mode) a{margin-left:0}.navigator-container .parent.reduced .menu-item-wrapper{padding:0}.navigator-container .expanded:not(.li-thin-mode)>.menu-item-wrapper{background-color:var(--active-item-background-color);display:flex;justify-content:flex-start}.navigator-container .expanded>ul:not(.submenu){overflow:visible!important}.navigator-container .expanded.reduced>.menu-item-wrapper{justify-content:flex-start!important;border-top-left-radius:50px;border-bottom-left-radius:50px;width:37px}.navigator-container .parent.reduced>.menu-item-wrapper{justify-content:flex-start!important;width:37px}.navigator-container .parent.expanded.reduced>.menu-item-wrapper{background-color:#fff;left:10px!important}.navigator-container .parent.expanded.reduced>.menu-item-wrapper>i{left:9px!important;top:8px!important}.navigator-container .parent.reduced>.menu-item-wrapper{left:10px!important}.navigator-container .parent.reduced>.menu-item-wrapper>i{left:9px!important}.navigator-container li.parent:not(.li-thin-mode) .menu-item-wrapper:hover{background-color:var(--hover-bg-color);box-shadow:inset 10px 0 var(--hover-bg-color),inset -10px 0 var(--hover-bg-color)}\n"], dependencies: [{ kind: "component", type: ItemComponent, selector: "app-item", inputs: ["item", "level"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "pipe", type: StringHtmlPipe, name: "stringHtml" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: ItemComponent, isStandalone: true, selector: "app-item", inputs: { item: "item", level: "level" }, viewQueries: [{ propertyName: "me", first: true, predicate: ["me"], descendants: true }, { propertyName: "children", first: true, predicate: ["children"], descendants: true }, { propertyName: "link", first: true, predicate: ["link"], descendants: true }, { propertyName: "subArrow", first: true, predicate: ["subArrow"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<li #me [id]=\"'main-menu-' + item.id\" class=\"parent\" [attr.data-path]=\"item.tree$Path\" [attr.data-level]=\"level\" [class.reduced]=\"leftbarReduced\"\r\n    [class.active]=\"!wideMode && active\" [class.expanded]=\"item.tree$Expanded\"\r\n    [class.highlighted]=\"item.tree$Highlighted\" [class.li-thin-mode]=\"!wideMode\" [class.menu-item]=\"!wideMode\"\r\n    [appTooltip]=\"caption\" [position]=\"'right'\" [ngStyle]=\"{\r\n        marginTop: (level===1 && !wideMode) ? navigatorService.iconGutterY + 'px' : '',\r\n        marginBottom: (level===1 && !wideMode) ? navigatorService.iconGutterY + 'px' : ''\r\n    }\">\r\n    <div class=\"menu-item-wrapper\" [attr.data-level]=\"level\" (click)=\"onClick($event, item)\" [class.active]=\"active\"\r\n        [class.module-thin-mode]=\"!wideMode && level===1\" [class.thin-branch]=\"!wideMode && level > 1\" [appTooltip]=\"!wideMode && level===1 ? caption : ''\" [position]=\"'right'\" [showAnyway]=\"!wideMode && level===1\">\r\n\r\n        @if (wideMode) {\r\n        @if (!!!leftbarReduced) {\r\n        @if (!!hasChildren) {\r\n        <span [innerHtml]=\"subMenuSvgIconRight | stringHtml\" class=\"sub-icon-right\"></span>\r\n        }\r\n        }\r\n        }\r\n\r\n        @if (!!item.iconSvg) {\r\n        <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n                [ngStyle]=\"{\r\n                    position: 'absolute',\r\n                    left: wideMode ? '13px' : 'unset'\r\n                }\"><span [innerHtml]=\"item.iconSvg | stringHtml\"></span></i>\r\n        } @else if (!!item.iconClass) {\r\n        <i [attr.data-level]=\"level\" [class]=\"item.iconClass + ' module-icon'\"\r\n                [appTooltip]=\"wideMode ? caption : undefined\" [ngStyle]=\"{\r\n                    left: wideMode ? '13px' : 'unset'\r\n                }\"></i>\r\n        } @else if (!item.parent) {\r\n        <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n            [ngStyle]=\"{\r\n                position: 'absolute',\r\n                left: wideMode ? '13px' : 'unset'\r\n            }\"><span [innerHtml]=\"defaultSvg | stringHtml\"></span></i>\r\n        }\r\n\r\n        @if (!wideMode || (!leftbarReduced && hasChildren)) {\r\n        <a #link [attr.data-level]=\"level\" class=\"has-submenu\" [appTooltip]=\"level > 1 ? caption : undefined\"\r\n            [class.thin-mode]=\"!wideMode\">\r\n\r\n            <img *ngIf=\"(!!item.pictureBase64 || !!item.pictureUri)\" [src]=\"item.pictureBase64 || item.pictureUri\">\r\n\r\n            {{ caption }}\r\n\r\n        </a>\r\n        } @else {\r\n        <a [attr.data-level]=\"level\" [routerLink]=\"item.url\"\r\n            [class.thin-mode]=\"!wideMode\" [appTooltip]=\"wideMode ? caption : undefined\">\r\n            {{ caption }}\r\n        </a>\r\n        }\r\n\r\n    </div>\r\n\r\n    @if (!!wideMode && !!hasChildren && !!item.tree$Children!.length && !!!leftbarReduced) {\r\n    <ul #children class=\"d-none\" [class.ul-thin-mode]=\"!wideMode\" [ngStyle]=\"{\r\n            padding: 0,\r\n        }\" [class.submenu]=\"!wideMode\">\r\n        <div>\r\n            @for (child of item.tree$Children; track $index) {\r\n            <app-item [item]=\"child\" [level]=\"level+1\" (clicked)=\"onClick($event, child)\"></app-item>\r\n            }\r\n        </div>\r\n    </ul>\r\n    }\r\n\r\n</li>", styles: [".navigator-container{--active-item-color: #DD5F2A;--active-item-background-color: white;--active-item-border-color: white;--line-height: 16px;--level-gap: 10px;--thin-mode-padding: 8px;--thin-mode-width: 66px;--wide-mode-width: 280px;--left-bar-current-width: 280px;--bg-color: #F1F1F1;--color: black;--hover-bg-color: #E1E3E5;--hover-color: black;--icon-border-radius: 0px;--icon-gutter-y: 8px;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navigator-container .d-none{display:none}.navigator-container svg{width:24px;height:24px}.navigator-container .module-thin-mode{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin-bottom:5px!important;height:50px!important}.navigator-container .module-thin-mode svg{color:var(--color)}.navigator-container .module-thin-mode i{color:var(--color)!important}.navigator-container .li-thin-mode[data-level=\"1\"]{height:50px!important;margin-left:0!important;margin-right:0!important}.navigator-container .li-thin-mode .thin-branch{overflow:hidden}.navigator-container .li-thin-mode .thin-branch a{padding-left:15px;padding-right:15px;overflow:hidden;max-width:calc(100% - var(--size-layout-block-cell-spacing) * 2);text-overflow:ellipsis}.navigator-container .li-thin-mode .thin-branch:hover{background:#e1e3e5!important}.navigator-container .li-thin-mode:hover[data-level=\"1\"]>ul.ul-thin-mode{transform:translate(calc(var(--thin-mode-width)))}.navigator-container .li-thin-mode:hover:not([data-level=\"1\"])>ul.ul-thin-mode{transform:translate(calc(var(--wide-mode-width) - var(--size-layout-block-cell-spacing)))}.navigator-container .li-thin-mode.active .module-thin-mode{width:50px!important;transform:translate(var(--thin-mode-padding))}.navigator-container .li-thin-mode.active .module-thin-mode i{color:var(--active-item-color)!important}.navigator-container .li-thin-mode.active .module-thin-mode svg{color:var(--active-item-color)!important}.navigator-container .li-thin-mode.active>ul.ul-thin-mode{background-color:#fff;opacity:1;height:unset;overflow-y:auto;box-shadow:.4rem 0 2rem #0000002e}.navigator-container .li-thin-mode.active>ul.ul-thin-mode>div>app-item>li>div>a{display:block!important}.navigator-container .li-thin-mode.active[data-level=\"1\"]>ul.ul-thin-mode{display:block;transform:translate(calc(var(--thin-mode-width)))}.navigator-container .li-thin-mode.active:not([data-level=\"1\"])>ul.ul-thin-mode{display:block;transform:translate(calc(var(--wide-mode-width) - var(--size-layout-block-cell-spacing)))}.navigator-container ul.ul-thin-mode{display:none}.navigator-container .parent{color:var(--color);background-color:var(--bg-color);--children-height: 0px;box-sizing:border-box;width:100%;transition:width 1s ease-out}.navigator-container .parent ul{animation:fadeIn .25s linear}.navigator-container .parent i.module-icon{position:absolute;display:inline-block;font-size:var(--size-left-bar-icon-font-size)!important;width:var(--size-left-bar-icon-font-size)!important;height:var(--size-left-bar-icon-font-size)!important}.navigator-container .parent .menu-item-wrapper{position:relative!important;margin-left:0!important;padding-left:0;border:none!important;cursor:pointer}.navigator-container .parent .menu-item-wrapper .sub-icon-right{display:block;position:absolute;right:0;top:5px;transform:rotate(0);transition:transform .5s ease-out}.navigator-container .parent .menu-item-wrapper .rotate90{transform:rotate(90deg)}.navigator-container .parent .menu-item-wrapper[data-level=\"1\"].module-thin-mode:hover{background-color:var(--hover-bg-color);width:50px;transform:translate(8px);color:var(--hover-color)!important}.navigator-container .parent a.thin-mode{left:0!important;display:none;padding-left:15px;padding-right:15px;overflow:hidden;text-overflow:ellipsis}.navigator-container .parent a{color:inherit;position:absolute!important;margin-left:0!important;padding-left:0;border:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none}.navigator-container .parent a:hover{color:var(--color)!important}.navigator-container .parent a[data-level=\"1\"]:not(.thin-mode){left:var(--size-header-logo-left);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2)}.navigator-container .parent a[data-level=\"2\"]:not(.thin-mode){left:calc(var(--size-header-logo-left));max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2)}.navigator-container .parent a[data-level=\"3\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 1);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 1)}.navigator-container .parent a[data-level=\"4\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 2);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 2)}.navigator-container .parent a[data-level=\"5\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 3);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 3)}.navigator-container .parent a[data-level=\"6\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 4);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 4)}.navigator-container .parent[data-level=\"1\"]{margin:10px 0}.navigator-container .parent[data-level=\"1\"] a{margin-left:0}.navigator-container .parent[data-level=\"2\"]:not(.ul-thin-mode) a{margin-left:10px}.navigator-container .parent[data-level=\"3\"]:not(.ul-thin-mode) a{margin-left:20px}.navigator-container .parent[data-level=\"4\"]:not(.ul-thin-mode) a{margin-left:30px}.navigator-container .parent[data-level=\"5\"]:not(.ul-thin-mode) a{margin-left:40px}.navigator-container .parent[data-level=\"6\"]:not(.ul-thin-mode) a{margin-left:50px}.navigator-container .parent .menu-item-wrapper{height:35px;display:flex;align-items:center;margin:0}.navigator-container .parent .menu-item-wrapper>i{display:inline-block;cursor:pointer}.navigator-container .parent .menu-item-wrapper:not(.module-thin-mode){margin-left:var(--thin-mode-padding)!important;margin-right:var(--thin-mode-padding)!important}.navigator-container .parent>ul:not(.ul-thin-mode){position:relative;overflow:hidden;transition:opacity .5s ease-out}.navigator-container .parent>ul.ul-thin-mode{overflow-x:hidden;display:none;margin-left:0!important;opacity:1;transition:opacity .5s ease-out}.navigator-container .parent>ul.ul-thin-mode{overflow-y:auto}.navigator-container .parent.active[data-level=\"2\"]>.menu-item-wrapper>a{transition:.5s ease-out}.navigator-container .parent.highlighted>.menu-item-wrapper>a{color:var(--color-core-org-tree-highlighted)!important;font-weight:700!important}.navigator-container .parent.expanded>ul:not(.submenu){display:block;opacity:1;transition:opacity .5s ease-out}.navigator-container .parent:not(.li-thin-mode) a{margin-left:0}.navigator-container .parent.reduced .menu-item-wrapper{padding:0}.navigator-container .expanded:not(.li-thin-mode)>.menu-item-wrapper{background-color:var(--active-item-background-color);display:flex;justify-content:flex-start}.navigator-container .expanded>ul:not(.submenu){overflow:visible!important}.navigator-container .expanded.reduced>.menu-item-wrapper{justify-content:flex-start!important;border-top-left-radius:50px;border-bottom-left-radius:50px;width:37px}.navigator-container .parent.reduced>.menu-item-wrapper{justify-content:flex-start!important;width:37px}.navigator-container .parent.expanded.reduced>.menu-item-wrapper{background-color:#fff;left:10px!important}.navigator-container .parent.expanded.reduced>.menu-item-wrapper>i{left:9px!important;top:8px!important}.navigator-container .parent.reduced>.menu-item-wrapper{left:10px!important}.navigator-container .parent.reduced>.menu-item-wrapper>i{left:9px!important}.navigator-container li.parent:not(.li-thin-mode) .menu-item-wrapper:hover{background-color:var(--hover-bg-color);box-shadow:inset 10px 0 var(--hover-bg-color),inset -10px 0 var(--hover-bg-color)}\n"], dependencies: [{ kind: "component", type: ItemComponent, selector: "app-item", inputs: ["item", "level"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "pipe", type: StringHtmlPipe, name: "stringHtml" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ItemComponent, decorators: [{
             type: Component,
@@ -10349,7 +10368,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         RouterModule,
                         TooltipDirective,
                         StringHtmlPipe,
-                    ], encapsulation: ViewEncapsulation.None, template: "<li #me [id]=\"'main-menu-' + item.id\" class=\"parent\" [attr.data-path]=\"item.tree$Path\" [attr.data-level]=\"level\" [class.reduced]=\"leftbarReduced\"\r\n    [class.active]=\"!wideMode && active\" [class.expanded]=\"item.tree$Expanded\"\r\n    [class.highlighted]=\"item.tree$Highlighted\" [class.li-thin-mode]=\"!wideMode\" [class.menu-item]=\"!wideMode\"\r\n    [appTooltip]=\"caption\" [position]=\"'right'\" [ngStyle]=\"{\r\n        marginTop: (level===1 && !wideMode) ? navigatorService.iconGutterY + 'px' : '',\r\n        marginBottom: (level===1 && !wideMode) ? navigatorService.iconGutterY + 'px' : ''\r\n    }\">\r\n    <div class=\"menu-item-wrapper\" [attr.data-level]=\"level\" (click)=\"onClick($event, item)\" [class.active]=\"active\"\r\n        [class.module-thin-mode]=\"!wideMode && level===1\" [class.thin-branch]=\"!wideMode && level > 1\" [appTooltip]=\"!wideMode && level===1 ? caption : ''\" [position]=\"'right'\" [showAnyway]=\"!wideMode && level===1\">\r\n\r\n        @if (wideMode) {\r\n        @if (!!!leftbarReduced) {\r\n        @if (!!hasChildren) {\r\n        <span [innerHtml]=\"subMenuSvgIconRight | stringHtml\" class=\"sub-icon-right\"></span>\r\n        }\r\n        }\r\n        }\r\n\r\n        @if (!!item.iconSvg) {\r\n        <!-- <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n            (click)=\"onModuleIconClick($event, item);false\" [ngStyle]=\"{\r\n                position: 'absolute',\r\n                left: wideMode ? '13px' : 'unset'\r\n            }\"><span [innerHtml]=\"item.iconSvg | stringHtml\"></span></i> -->\r\n        <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n                [ngStyle]=\"{\r\n                    position: 'absolute',\r\n                    left: wideMode ? '13px' : 'unset'\r\n                }\"><span [innerHtml]=\"item.iconSvg | stringHtml\"></span></i>\r\n        } @else if (!!item.iconClass) {\r\n        <!-- <i [attr.data-level]=\"level\" [class]=\"item.iconClass + ' module-icon'\"\r\n            [appTooltip]=\"wideMode ? caption : undefined\" (click)=\"onModuleIconClick($event, item);false\" [ngStyle]=\"{\r\n                left: wideMode ? '13px' : 'unset'\r\n            }\"></i> -->\r\n        <i [attr.data-level]=\"level\" [class]=\"item.iconClass + ' module-icon'\"\r\n                [appTooltip]=\"wideMode ? caption : undefined\" [ngStyle]=\"{\r\n                    left: wideMode ? '13px' : 'unset'\r\n                }\"></i>\r\n        } @else if (!item.parent) {\r\n        <!-- <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n            (click)=\"onModuleIconClick($event, item);false\" [ngStyle]=\"{\r\n                position: 'absolute',\r\n                left: wideMode ? '13px' : 'unset'\r\n            }\"><span [innerHtml]=\"defaultSvg | stringHtml\"></span></i> -->\r\n        <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n            [ngStyle]=\"{\r\n                position: 'absolute',\r\n                left: wideMode ? '13px' : 'unset'\r\n            }\"><span [innerHtml]=\"defaultSvg | stringHtml\"></span></i>\r\n        }\r\n\r\n        @if (!wideMode || (!leftbarReduced && hasChildren)) {\r\n        <a #link [attr.data-level]=\"level\" class=\"has-submenu\" [appTooltip]=\"level > 1 ? caption : undefined\"\r\n            [class.thin-mode]=\"!wideMode\">\r\n\r\n            \r\n            <!-- <ng-container (click)=\"subArrowClicked($event, item);false\">\r\n                <span #subArrow *ngIf=\"(!!item.pictureBase64 || !!item.pictureUri)\"\r\n                    [class]=\"'img-span plus level' + level\">\r\n                    <img [src]=\"item.pictureBase64 || item.pictureUri\" *ngIf=\"!!item.pictureBase64\">\r\n                </span>\r\n                <span #subArrow *ngIf=\"!!!item.pictureBase64 && !!!item.pictureUri\"\r\n                    [class]=\"'plus level' + level\"></span>\r\n            </ng-container> -->\r\n\r\n            <img *ngIf=\"(!!item.pictureBase64 || !!item.pictureUri)\" [src]=\"item.pictureBase64 || item.pictureUri\">\r\n\r\n            {{ caption }}\r\n\r\n        </a>\r\n        } @else {\r\n        <!-- <a [attr.data-level]=\"level\" [routerLink]=\"item.url\" (click)=\"onClick($event, item)\"\r\n            [class.thin-mode]=\"!wideMode\" [appTooltip]=\"wideMode ? caption : undefined\">\r\n            {{ caption }}\r\n        </a> -->\r\n        <a [attr.data-level]=\"level\" [routerLink]=\"item.url\"\r\n            [class.thin-mode]=\"!wideMode\" [appTooltip]=\"wideMode ? caption : undefined\">\r\n            {{ caption }}\r\n        </a>\r\n        }\r\n\r\n    </div>\r\n\r\n    @if (!!wideMode && !!hasChildren && !!item.tree$Children!.length && !!!leftbarReduced) {\r\n    <ul #children class=\"d-none\" [class.ul-thin-mode]=\"!wideMode\" [ngStyle]=\"{\r\n            padding: 0,\r\n        }\" [class.submenu]=\"!wideMode\">\r\n        <div>\r\n            @for (child of item.tree$Children; track $index) {\r\n            <app-item [item]=\"child\" [level]=\"level+1\" (clicked)=\"onClick($event, child)\"></app-item>\r\n            }\r\n        </div>\r\n    </ul>\r\n    }\r\n\r\n</li>", styles: [".navigator-container{--active-item-color: #DD5F2A;--active-item-background-color: white;--active-item-border-color: white;--line-height: 16px;--level-gap: 10px;--thin-mode-padding: 8px;--thin-mode-width: 66px;--wide-mode-width: 280px;--left-bar-current-width: 280px;--bg-color: #F1F1F1;--color: black;--hover-bg-color: #E1E3E5;--hover-color: black;--icon-border-radius: 0px;--icon-gutter-y: 8px;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navigator-container .d-none{display:none}.navigator-container svg{width:24px;height:24px}.navigator-container .module-thin-mode{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin-bottom:5px!important;height:50px!important}.navigator-container .module-thin-mode svg{color:var(--color)}.navigator-container .module-thin-mode i{color:var(--color)!important}.navigator-container .li-thin-mode[data-level=\"1\"]{height:50px!important;margin-left:0!important;margin-right:0!important}.navigator-container .li-thin-mode .thin-branch{overflow:hidden}.navigator-container .li-thin-mode .thin-branch a{padding-left:15px;padding-right:15px;overflow:hidden;max-width:calc(100% - var(--size-layout-block-cell-spacing) * 2);text-overflow:ellipsis}.navigator-container .li-thin-mode .thin-branch:hover{background:#e1e3e5!important}.navigator-container .li-thin-mode:hover[data-level=\"1\"]>ul.ul-thin-mode{transform:translate(calc(var(--thin-mode-width)))}.navigator-container .li-thin-mode:hover:not([data-level=\"1\"])>ul.ul-thin-mode{transform:translate(calc(var(--wide-mode-width) - var(--size-layout-block-cell-spacing)))}.navigator-container .li-thin-mode.active .module-thin-mode{width:50px!important;transform:translate(var(--thin-mode-padding))}.navigator-container .li-thin-mode.active .module-thin-mode i{color:var(--active-item-color)!important}.navigator-container .li-thin-mode.active .module-thin-mode svg{color:var(--active-item-color)!important}.navigator-container .li-thin-mode.active>ul.ul-thin-mode{background-color:#fff;opacity:1;height:unset;overflow-y:auto;box-shadow:.4rem 0 2rem #0000002e}.navigator-container .li-thin-mode.active>ul.ul-thin-mode>div>app-item>li>div>a{display:block!important}.navigator-container .li-thin-mode.active[data-level=\"1\"]>ul.ul-thin-mode{display:block;transform:translate(calc(var(--thin-mode-width)))}.navigator-container .li-thin-mode.active:not([data-level=\"1\"])>ul.ul-thin-mode{display:block;transform:translate(calc(var(--wide-mode-width) - var(--size-layout-block-cell-spacing)))}.navigator-container ul.ul-thin-mode{display:none}.navigator-container .parent{color:var(--color);background-color:var(--bg-color);--children-height: 0px;box-sizing:border-box;width:100%;transition:width 1s ease-out}.navigator-container .parent ul{animation:fadeIn .25s linear}.navigator-container .parent i.module-icon{position:absolute;display:inline-block;font-size:var(--size-left-bar-icon-font-size)!important;width:var(--size-left-bar-icon-font-size)!important;height:var(--size-left-bar-icon-font-size)!important}.navigator-container .parent .menu-item-wrapper{position:relative!important;margin-left:0!important;padding-left:0;border:none!important;cursor:pointer}.navigator-container .parent .menu-item-wrapper .sub-icon-right{display:block;position:absolute;right:0;top:5px;transform:rotate(0);transition:transform .5s ease-out}.navigator-container .parent .menu-item-wrapper .rotate90{transform:rotate(90deg)}.navigator-container .parent .menu-item-wrapper[data-level=\"1\"].module-thin-mode:hover{background-color:var(--hover-bg-color);width:50px;transform:translate(8px);color:var(--hover-color)!important}.navigator-container .parent a.thin-mode{left:0!important;display:none;padding-left:15px;padding-right:15px;overflow:hidden;text-overflow:ellipsis}.navigator-container .parent a{color:inherit;position:absolute!important;margin-left:0!important;padding-left:0;border:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none}.navigator-container .parent a:hover{color:var(--color)!important}.navigator-container .parent a[data-level=\"1\"]:not(.thin-mode){left:var(--size-header-logo-left);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2)}.navigator-container .parent a[data-level=\"2\"]:not(.thin-mode){left:calc(var(--size-header-logo-left));max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2)}.navigator-container .parent a[data-level=\"3\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 1);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 1)}.navigator-container .parent a[data-level=\"4\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 2);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 2)}.navigator-container .parent a[data-level=\"5\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 3);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 3)}.navigator-container .parent a[data-level=\"6\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 4);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 4)}.navigator-container .parent[data-level=\"1\"]{margin:10px 0}.navigator-container .parent[data-level=\"1\"] a{margin-left:0}.navigator-container .parent[data-level=\"2\"]:not(.ul-thin-mode) a{margin-left:10px}.navigator-container .parent[data-level=\"3\"]:not(.ul-thin-mode) a{margin-left:20px}.navigator-container .parent[data-level=\"4\"]:not(.ul-thin-mode) a{margin-left:30px}.navigator-container .parent[data-level=\"5\"]:not(.ul-thin-mode) a{margin-left:40px}.navigator-container .parent[data-level=\"6\"]:not(.ul-thin-mode) a{margin-left:50px}.navigator-container .parent .menu-item-wrapper{height:35px;display:flex;align-items:center;margin:0}.navigator-container .parent .menu-item-wrapper>i{display:inline-block;cursor:pointer}.navigator-container .parent .menu-item-wrapper:not(.module-thin-mode){margin-left:var(--thin-mode-padding)!important;margin-right:var(--thin-mode-padding)!important}.navigator-container .parent>ul:not(.ul-thin-mode){position:relative;overflow:hidden;transition:opacity .5s ease-out}.navigator-container .parent>ul.ul-thin-mode{overflow-x:hidden;display:none;margin-left:0!important;opacity:1;transition:opacity .5s ease-out}.navigator-container .parent>ul.ul-thin-mode{overflow-y:auto}.navigator-container .parent.active[data-level=\"2\"]>.menu-item-wrapper>a{transition:.5s ease-out}.navigator-container .parent.highlighted>.menu-item-wrapper>a{color:var(--color-core-org-tree-highlighted)!important;font-weight:700!important}.navigator-container .parent.expanded>ul:not(.submenu){display:block;opacity:1;transition:opacity .5s ease-out}.navigator-container .parent:not(.li-thin-mode) a{margin-left:0}.navigator-container .parent.reduced .menu-item-wrapper{padding:0}.navigator-container .expanded:not(.li-thin-mode)>.menu-item-wrapper{background-color:var(--active-item-background-color);display:flex;justify-content:flex-start}.navigator-container .expanded>ul:not(.submenu){overflow:visible!important}.navigator-container .expanded.reduced>.menu-item-wrapper{justify-content:flex-start!important;border-top-left-radius:50px;border-bottom-left-radius:50px;width:37px}.navigator-container .parent.reduced>.menu-item-wrapper{justify-content:flex-start!important;width:37px}.navigator-container .parent.expanded.reduced>.menu-item-wrapper{background-color:#fff;left:10px!important}.navigator-container .parent.expanded.reduced>.menu-item-wrapper>i{left:9px!important;top:8px!important}.navigator-container .parent.reduced>.menu-item-wrapper{left:10px!important}.navigator-container .parent.reduced>.menu-item-wrapper>i{left:9px!important}.navigator-container li.parent:not(.li-thin-mode) .menu-item-wrapper:hover{background-color:var(--hover-bg-color);box-shadow:inset 10px 0 var(--hover-bg-color),inset -10px 0 var(--hover-bg-color)}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<li #me [id]=\"'main-menu-' + item.id\" class=\"parent\" [attr.data-path]=\"item.tree$Path\" [attr.data-level]=\"level\" [class.reduced]=\"leftbarReduced\"\r\n    [class.active]=\"!wideMode && active\" [class.expanded]=\"item.tree$Expanded\"\r\n    [class.highlighted]=\"item.tree$Highlighted\" [class.li-thin-mode]=\"!wideMode\" [class.menu-item]=\"!wideMode\"\r\n    [appTooltip]=\"caption\" [position]=\"'right'\" [ngStyle]=\"{\r\n        marginTop: (level===1 && !wideMode) ? navigatorService.iconGutterY + 'px' : '',\r\n        marginBottom: (level===1 && !wideMode) ? navigatorService.iconGutterY + 'px' : ''\r\n    }\">\r\n    <div class=\"menu-item-wrapper\" [attr.data-level]=\"level\" (click)=\"onClick($event, item)\" [class.active]=\"active\"\r\n        [class.module-thin-mode]=\"!wideMode && level===1\" [class.thin-branch]=\"!wideMode && level > 1\" [appTooltip]=\"!wideMode && level===1 ? caption : ''\" [position]=\"'right'\" [showAnyway]=\"!wideMode && level===1\">\r\n\r\n        @if (wideMode) {\r\n        @if (!!!leftbarReduced) {\r\n        @if (!!hasChildren) {\r\n        <span [innerHtml]=\"subMenuSvgIconRight | stringHtml\" class=\"sub-icon-right\"></span>\r\n        }\r\n        }\r\n        }\r\n\r\n        @if (!!item.iconSvg) {\r\n        <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n                [ngStyle]=\"{\r\n                    position: 'absolute',\r\n                    left: wideMode ? '13px' : 'unset'\r\n                }\"><span [innerHtml]=\"item.iconSvg | stringHtml\"></span></i>\r\n        } @else if (!!item.iconClass) {\r\n        <i [attr.data-level]=\"level\" [class]=\"item.iconClass + ' module-icon'\"\r\n                [appTooltip]=\"wideMode ? caption : undefined\" [ngStyle]=\"{\r\n                    left: wideMode ? '13px' : 'unset'\r\n                }\"></i>\r\n        } @else if (!item.parent) {\r\n        <i [attr.data-level]=\"level\" class=\"'module-icon'\" [appTooltip]=\"wideMode ? caption : undefined\"\r\n            [ngStyle]=\"{\r\n                position: 'absolute',\r\n                left: wideMode ? '13px' : 'unset'\r\n            }\"><span [innerHtml]=\"defaultSvg | stringHtml\"></span></i>\r\n        }\r\n\r\n        @if (!wideMode || (!leftbarReduced && hasChildren)) {\r\n        <a #link [attr.data-level]=\"level\" class=\"has-submenu\" [appTooltip]=\"level > 1 ? caption : undefined\"\r\n            [class.thin-mode]=\"!wideMode\">\r\n\r\n            <img *ngIf=\"(!!item.pictureBase64 || !!item.pictureUri)\" [src]=\"item.pictureBase64 || item.pictureUri\">\r\n\r\n            {{ caption }}\r\n\r\n        </a>\r\n        } @else {\r\n        <a [attr.data-level]=\"level\" [routerLink]=\"item.url\"\r\n            [class.thin-mode]=\"!wideMode\" [appTooltip]=\"wideMode ? caption : undefined\">\r\n            {{ caption }}\r\n        </a>\r\n        }\r\n\r\n    </div>\r\n\r\n    @if (!!wideMode && !!hasChildren && !!item.tree$Children!.length && !!!leftbarReduced) {\r\n    <ul #children class=\"d-none\" [class.ul-thin-mode]=\"!wideMode\" [ngStyle]=\"{\r\n            padding: 0,\r\n        }\" [class.submenu]=\"!wideMode\">\r\n        <div>\r\n            @for (child of item.tree$Children; track $index) {\r\n            <app-item [item]=\"child\" [level]=\"level+1\" (clicked)=\"onClick($event, child)\"></app-item>\r\n            }\r\n        </div>\r\n    </ul>\r\n    }\r\n\r\n</li>", styles: [".navigator-container{--active-item-color: #DD5F2A;--active-item-background-color: white;--active-item-border-color: white;--line-height: 16px;--level-gap: 10px;--thin-mode-padding: 8px;--thin-mode-width: 66px;--wide-mode-width: 280px;--left-bar-current-width: 280px;--bg-color: #F1F1F1;--color: black;--hover-bg-color: #E1E3E5;--hover-color: black;--icon-border-radius: 0px;--icon-gutter-y: 8px;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navigator-container .d-none{display:none}.navigator-container svg{width:24px;height:24px}.navigator-container .module-thin-mode{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin-bottom:5px!important;height:50px!important}.navigator-container .module-thin-mode svg{color:var(--color)}.navigator-container .module-thin-mode i{color:var(--color)!important}.navigator-container .li-thin-mode[data-level=\"1\"]{height:50px!important;margin-left:0!important;margin-right:0!important}.navigator-container .li-thin-mode .thin-branch{overflow:hidden}.navigator-container .li-thin-mode .thin-branch a{padding-left:15px;padding-right:15px;overflow:hidden;max-width:calc(100% - var(--size-layout-block-cell-spacing) * 2);text-overflow:ellipsis}.navigator-container .li-thin-mode .thin-branch:hover{background:#e1e3e5!important}.navigator-container .li-thin-mode:hover[data-level=\"1\"]>ul.ul-thin-mode{transform:translate(calc(var(--thin-mode-width)))}.navigator-container .li-thin-mode:hover:not([data-level=\"1\"])>ul.ul-thin-mode{transform:translate(calc(var(--wide-mode-width) - var(--size-layout-block-cell-spacing)))}.navigator-container .li-thin-mode.active .module-thin-mode{width:50px!important;transform:translate(var(--thin-mode-padding))}.navigator-container .li-thin-mode.active .module-thin-mode i{color:var(--active-item-color)!important}.navigator-container .li-thin-mode.active .module-thin-mode svg{color:var(--active-item-color)!important}.navigator-container .li-thin-mode.active>ul.ul-thin-mode{background-color:#fff;opacity:1;height:unset;overflow-y:auto;box-shadow:.4rem 0 2rem #0000002e}.navigator-container .li-thin-mode.active>ul.ul-thin-mode>div>app-item>li>div>a{display:block!important}.navigator-container .li-thin-mode.active[data-level=\"1\"]>ul.ul-thin-mode{display:block;transform:translate(calc(var(--thin-mode-width)))}.navigator-container .li-thin-mode.active:not([data-level=\"1\"])>ul.ul-thin-mode{display:block;transform:translate(calc(var(--wide-mode-width) - var(--size-layout-block-cell-spacing)))}.navigator-container ul.ul-thin-mode{display:none}.navigator-container .parent{color:var(--color);background-color:var(--bg-color);--children-height: 0px;box-sizing:border-box;width:100%;transition:width 1s ease-out}.navigator-container .parent ul{animation:fadeIn .25s linear}.navigator-container .parent i.module-icon{position:absolute;display:inline-block;font-size:var(--size-left-bar-icon-font-size)!important;width:var(--size-left-bar-icon-font-size)!important;height:var(--size-left-bar-icon-font-size)!important}.navigator-container .parent .menu-item-wrapper{position:relative!important;margin-left:0!important;padding-left:0;border:none!important;cursor:pointer}.navigator-container .parent .menu-item-wrapper .sub-icon-right{display:block;position:absolute;right:0;top:5px;transform:rotate(0);transition:transform .5s ease-out}.navigator-container .parent .menu-item-wrapper .rotate90{transform:rotate(90deg)}.navigator-container .parent .menu-item-wrapper[data-level=\"1\"].module-thin-mode:hover{background-color:var(--hover-bg-color);width:50px;transform:translate(8px);color:var(--hover-color)!important}.navigator-container .parent a.thin-mode{left:0!important;display:none;padding-left:15px;padding-right:15px;overflow:hidden;text-overflow:ellipsis}.navigator-container .parent a{color:inherit;position:absolute!important;margin-left:0!important;padding-left:0;border:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none}.navigator-container .parent a:hover{color:var(--color)!important}.navigator-container .parent a[data-level=\"1\"]:not(.thin-mode){left:var(--size-header-logo-left);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2)}.navigator-container .parent a[data-level=\"2\"]:not(.thin-mode){left:calc(var(--size-header-logo-left));max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2)}.navigator-container .parent a[data-level=\"3\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 1);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 1)}.navigator-container .parent a[data-level=\"4\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 2);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 2)}.navigator-container .parent a[data-level=\"5\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 3);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 3)}.navigator-container .parent a[data-level=\"6\"]:not(.thin-mode){left:calc(var(--size-header-logo-left) + var(--level-gap) * 4);max-width:calc(var(--left-bar-current-width) - var(--size-header-logo-left) - var(--size-scrollbar-width) - var(--size-layout-block-cell-spacing) * 2 - var(--level-gap) * 4)}.navigator-container .parent[data-level=\"1\"]{margin:10px 0}.navigator-container .parent[data-level=\"1\"] a{margin-left:0}.navigator-container .parent[data-level=\"2\"]:not(.ul-thin-mode) a{margin-left:10px}.navigator-container .parent[data-level=\"3\"]:not(.ul-thin-mode) a{margin-left:20px}.navigator-container .parent[data-level=\"4\"]:not(.ul-thin-mode) a{margin-left:30px}.navigator-container .parent[data-level=\"5\"]:not(.ul-thin-mode) a{margin-left:40px}.navigator-container .parent[data-level=\"6\"]:not(.ul-thin-mode) a{margin-left:50px}.navigator-container .parent .menu-item-wrapper{height:35px;display:flex;align-items:center;margin:0}.navigator-container .parent .menu-item-wrapper>i{display:inline-block;cursor:pointer}.navigator-container .parent .menu-item-wrapper:not(.module-thin-mode){margin-left:var(--thin-mode-padding)!important;margin-right:var(--thin-mode-padding)!important}.navigator-container .parent>ul:not(.ul-thin-mode){position:relative;overflow:hidden;transition:opacity .5s ease-out}.navigator-container .parent>ul.ul-thin-mode{overflow-x:hidden;display:none;margin-left:0!important;opacity:1;transition:opacity .5s ease-out}.navigator-container .parent>ul.ul-thin-mode{overflow-y:auto}.navigator-container .parent.active[data-level=\"2\"]>.menu-item-wrapper>a{transition:.5s ease-out}.navigator-container .parent.highlighted>.menu-item-wrapper>a{color:var(--color-core-org-tree-highlighted)!important;font-weight:700!important}.navigator-container .parent.expanded>ul:not(.submenu){display:block;opacity:1;transition:opacity .5s ease-out}.navigator-container .parent:not(.li-thin-mode) a{margin-left:0}.navigator-container .parent.reduced .menu-item-wrapper{padding:0}.navigator-container .expanded:not(.li-thin-mode)>.menu-item-wrapper{background-color:var(--active-item-background-color);display:flex;justify-content:flex-start}.navigator-container .expanded>ul:not(.submenu){overflow:visible!important}.navigator-container .expanded.reduced>.menu-item-wrapper{justify-content:flex-start!important;border-top-left-radius:50px;border-bottom-left-radius:50px;width:37px}.navigator-container .parent.reduced>.menu-item-wrapper{justify-content:flex-start!important;width:37px}.navigator-container .parent.expanded.reduced>.menu-item-wrapper{background-color:#fff;left:10px!important}.navigator-container .parent.expanded.reduced>.menu-item-wrapper>i{left:9px!important;top:8px!important}.navigator-container .parent.reduced>.menu-item-wrapper{left:10px!important}.navigator-container .parent.reduced>.menu-item-wrapper>i{left:9px!important}.navigator-container li.parent:not(.li-thin-mode) .menu-item-wrapper:hover{background-color:var(--hover-bg-color);box-shadow:inset 10px 0 var(--hover-bg-color),inset -10px 0 var(--hover-bg-color)}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.Router }, { type: NavigatorService }, { type: MultiLanguageService }, { type: LayoutService }, { type: MenuService }], propDecorators: { item: [{
                 type: Input
             }], level: [{
@@ -32003,7 +32022,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const simpleChatRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-AWCZ1DaC.mjs').then(m => m.SimpleChatComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-pfDu7xsS.mjs').then(m => m.SimpleChatComponent)
     }
 ];
 
@@ -35334,11 +35353,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-Dzv1PYHF.mjs').then(m => m.TemplateListComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-PEZqQRKV.mjs').then(m => m.TemplateListComponent),
     },
     {
         path: ":id",
-        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-C6YLFg9S.mjs').then(m => m.CoreTemplateEditorComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-C6b_O0bF.mjs').then(m => m.CoreTemplateEditorComponent),
         canDeactivate: [CanDeactivateGuard]
     },
     {
@@ -35367,7 +35386,7 @@ const coreFormDesignRoutes = [
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-Dn_tL4gx.mjs').then(function (n) { return n.c; }).then(m => m.CoreFormDesignComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-D55VoJ3n.mjs').then(function (n) { return n.c; }).then(m => m.CoreFormDesignComponent)
     }
 ];
 
@@ -36261,7 +36280,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreNavigationTrackerRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-DnaGOglm.mjs').then(m => m.TrackerStudioComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-Duxo8SYb.mjs').then(m => m.TrackerStudioComponent)
     }
 ];
 
@@ -38897,29 +38916,29 @@ const coreWorkflowRoutes = [
                     {
                         path: 'form-assign/:id',
                         outlet: "formAssignAux",
-                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-DhARzq_7.mjs').then(m => m.WfFormAssignComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-C3OXH1vm.mjs').then(m => m.WfFormAssignComponent),
                         canDeactivate: [CanDeactivateGuard]
                     }
                 ]
             },
             {
                 path: 'db-settings',
-                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-BFTA_zTk.mjs').then(m => m.DbSettingsComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-D-fvD1um.mjs').then(m => m.DbSettingsComponent)
             },
             {
                 path: 'workflow-consume',
-                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-BHPfWQWV.mjs').then(m => m.CoreWorkflowConsumeComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-i46QfMwc.mjs').then(m => m.CoreWorkflowConsumeComponent),
                 children: [
                     {
                         path: ':id',
                         outlet: "workflowConsume",
-                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-DwjaqylR.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-8GvJcbLo.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
                     }
                 ]
             },
             {
                 path: 'workflow-consume/:id',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-DwjaqylR.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-8GvJcbLo.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
             },
             {
                 path: 'workflow-group-edit/:id',
@@ -38929,17 +38948,17 @@ const coreWorkflowRoutes = [
             },
             {
                 path: 'design/:id',
-                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-o4yVb_cX.mjs').then(m => m.wfDesignWrapperRoutes),
+                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-cs9Ppmjm.mjs').then(m => m.wfDesignWrapperRoutes),
             },
         ]
     },
     {
         path: 'react/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-MTnwAwZ5.mjs').then(m => m.WfInstanceStepReactComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-BL-nMjRh.mjs').then(m => m.WfInstanceStepReactComponent)
     },
     {
         path: 'status/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-DVspXFmp.mjs').then(m => m.WfInstanceStatusComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-tffCamHp.mjs').then(m => m.WfInstanceStatusComponent)
     }
 ];
 
@@ -41470,4 +41489,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  */
 
 export { EnumFormDesignMode as $, AppService as A, BaseComponent as B, ChatService as C, DialogService as D, EnumCoreTablePipeType as E, FullscreenModalLoaderComponent as F, EnumActorSourceType as G, CoreParamControlComponent as H, ImageErrorResolverDirective as I, CoreRadioGroupComponent as J, GptService as K, ApplicationHelpService as L, MultiLanguageService as M, HotKeysDirective as N, NavigatorService as O, JsonService as P, AppConfigService as Q, EnumCorePageEditMode as R, SocketService as S, TranslatePipe as T, EnumCoreButtonVNSCode as U, READONLY_WORKFLOW_FIELDS as V, noneAutoClosedAlertOptions as W, CoreFormComponent as X, CoreButtonGroupVnsComponent as Y, HtmlTooltipDirective as Z, CoreControlNoFormArrayComponent as _, CorePageListComponent as a, CoreTableService as a$, CoreControlComponent as a0, JsonSafePipe as a1, CoreAttachmentComponent as a2, CoreMonthSelectorComponent as a3, EnumImageResolverType as a4, NormalizeHumanNamePipe as a5, CoreIosSwitcherComponent as a6, CoreFormService as a7, SunnyRotatingComponent as a8, MapAppdemoToServerPipePipe as a9, InitializationCanMatchFn as aA, httpInterceptorProviders as aB, InterceptorSkipHeader as aC, appTypeInterceptor as aD, baseUrlInterceptor as aE, authInterceptor as aF, graphInterceptor as aG, tokenInterceptor as aH, responseInterceptor as aI, timeZoneInterceptor as aJ, cachingInterceptor as aK, langInterceptor as aL, EnumFilterOperator as aM, OnlineUsersComponent as aN, ActionService as aO, AppInitializationService as aP, AuthService as aQ, CacheService as aR, EnumSwUpdateVersionUpdatesEventType as aS, CheckForUpdateService as aT, EnumDeviceType as aU, EnumBrowserType as aV, EnumOsType as aW, ClientService as aX, CommonHttpRequestService as aY, TLA_CONFIG as aZ, ConfigService as a_, MapAttachmentToServerPipe as aa, MapNewsfeedMediaToServerPipe as ab, StringHtmlPipe as ac, UploadedFilenameCutoffPipe as ad, DialogStateComponent as ae, FooterComponent as af, RightchatComponent as ag, WaittingScreenComponent as ah, longAlertOptions as ai, attachmentOptions as aj, CORE_VNS_BUTTONS as ak, defaultPaging as al, DESKTOP_SCREEN_HEDER_HEIGHT as am, MOBILE_SCREEN_HEDER_HEIGHT as an, themeBlue as ao, DATE_VALUE_ACCESSOR as ap, DateValueAccessor as aq, EnumDragType as ar, EnumErrorType as as, EnumIconClass as at, EnumProfileInfoSector as au, EnumSignalRType as av, EnumSortDirection as aw, EnumStyleButtonClass as ax, CanActivateFunctionUrlMapperGuard as ay, InitializationCanActivateFn as az, CoreCheckboxComponent as b, PortalRouteEditComponent as b$, DndService as b0, FilterKitService as b1, GrpcService as b2, HeaderService as b3, HistoryService as b4, HttpErrorHandler as b5, HubConnectionService as b6, IpServiceService as b7, LayoutService as b8, MapService as b9, EvaluateDialogService as bA, EnumWorkScheduleViewMode as bB, WorkShiftDndService as bC, AtShiftPatternComponent as bD, AtShiftPatternApplyComponent as bE, AtShiftPatternEditComponent as bF, AtWorksignComponent as bG, AtWorksignService as bH, FunctionComponent as bI, IndividualScheduleApplyComponent as bJ, FunctionEditComponent as bK, FunctionIgnoreComponent as bL, FunctionIgnoreEditComponent as bM, GroupFunctionComponent as bN, GroupFunctionEditComponent as bO, InMemoryComponent as bP, LanguageComponent as bQ, LanguageEditComponent as bR, MenuComponent as bS, MenuEditComponent as bT, MutationLogComponent as bU, MutationViewComponent as bV, PaSalaryPolicyComponent as bW, PaSalaryPolicyEditComponent as bX, PortalRouteComponent as bY, ScheduleOverviewComponent as bZ, simpleChatRoutes as b_, MenuService as ba, MessageService as bb, ModalService as bc, OrganizationService as bd, PkceService as be, PositionTransferService as bf, EnumNotificationDir as bg, NotificationActionType as bh, PushNotificationService as bi, RandomAvatarService as bj, RequestCache as bk, RequestCacheWithMap as bl, ResponseService as bm, RoutingService as bn, EnumSsrsExpressFileExtension as bo, EnumSsrsExpressExportFormat as bp, SsrsExpressService as bq, StatisticService as br, StatisticAuthService as bs, SysMenuService as bt, TimeSheetService as bu, TopicPermissionService as bv, TopicTreeService as bw, UploadedFileService as bx, UrlService as by, UserActivityService as bz, BaseEditComponent as c, CoreControlService as c$, SysOtherListComponent as c0, SysOtherListEditComponent as c1, SysOtherListTypeComponent as c2, SysOtherListTypeEditComponent as c3, SysActionComponent as c4, SysActionEditComponent as c5, SysFunctionActionComponent as c6, SysFunctionActionEditComponent as c7, SysFunctionActionMapperComponent as c8, SysFunctionUrlMapperComponent as c9, CoreButtonVnsComponent as cA, CoreCommonParamKitComponent as cB, CoreCompareDbPipelineComponent as cC, CoreCompositionState as cD, CoreCompositionService as cE, CoreCompositionComponent as cF, CoreConfirmDialogComponent as cG, ConfirmDialogStateComponent as cH, CoreLazyMountComponent as cI, CoreRootMenuItemPickerComponent as cJ, CoreRootMenuItemPickerService as cK, ECoreTableToolCode as cL, ECoreTableToolClass as cM, CoreTableComponent as cN, CoreContractSeekerComponent as cO, CoreControlNoGridBufferComponent as cP, CoreControlNoSeekerComponent as cQ, coreDocGenRoutes as cR, CoreDocgenToolbarComponent as cS, CoreEmployeeScheduleComponent as cT, CoreEmployeeSeekerComponent as cU, EnumCoreFileUploaderType as cV, CoreFileUploaderComponent as cW, CoreFilterHubComponent as cX, CoreFilterHubService as cY, ControlBase as cZ, Textbox as c_, FunctionEditService as ca, SysModuleComponent as cb, SysModuleEditComponent as cc, SysRouteAccessComponent as cd, liner_to_nested_array_script as ce, blob_to_base64_script as cf, AlertComponent as cg, EnumAlertType as ch, IAlertOptions as ci, AnimatedTextService as cj, AnimatedTextComponent as ck, BaseDropdownComponent as cl, ButtonGroupModule as cm, ButtonGroupService as cn, ButtonGroupComponent as co, EnumButtonCaptionCode as cp, CoreButtonComponent as cq, CoreAccordionComponent as cr, CoreAccordionService as cs, CoreActiveUserCountComponent as ct, NewlyCreatedTokenService as cu, CoreApiProgressComponent as cv, CoreButtonGroupComponent as cw, EnumCoreButtonCode as cx, ActionSvgEditComponent as cy, CoreButtonGroupService as cz, EnumFormBaseContolType as d, CoreRotatingTextComponent as d$, CustomValidators as d0, URL_PATTERN as d1, coreFormDesignRoutes as d2, CoreFormTabComponent as d3, CoreFormLiteComponent as d4, CoreFormControlBaseComponent as d5, EnumCoreSeekerColumnJob as d6, EnumCoreSeekerColumnStaffProfile as d7, EnumCoreSeekerColumnContract as d8, EnumCoreSeekerColumnWorking as d9, CoreOrgchartflexComponent as dA, CoreOrgParamComponent as dB, EnumCorePageEditBootstrapClass as dC, EnumCorePageEditFieldType as dD, CorePageEditService as dE, CorePageEditLiteComponent as dF, CorePageEditTabComponent as dG, EnumExType as dH, CorePageListService as dI, CorePageListState as dJ, CorePageListContentComponent as dK, EnumCoreViewItemType as dL, CorePageViewComponent as dM, CorePaginationComponent as dN, CorePaginationFullComponent as dO, CorePaginationFullService as dP, CoreFileFormatPickerComponent as dQ, CorePermissionService as dR, EnumPermissionObjectType as dS, CorePermissionComponent as dT, CorePermissionActionsComponent as dU, CorePositionConcurrentSeekerComponent as dV, CorePositionSeekerComponent as dW, CoreQrcodeComponent as dX, EnumOparator as dY, CoreQueryBuilderComponent as dZ, CoreReducerIconComponent as d_, EnumCoreSeekerColumnWage as da, EnumCoreSeekerColumnPosition as db, EnumCoreSeekerColumnPositionConcurrent as dc, EnumCoreSeekerColumnAutoForm as dd, SeekerService as de, CoreGridBufferComponent as df, CoreHeaderParamsComponent as dg, CoreHelperComponent as dh, CoreLineComponent as di, CoreLiquidWysiwygComponent as dj, CoreListComponent as dk, CoreListLazyComponent as dl, CoreLoadingSurfaceComponent as dm, CoreMccComponent as dn, CoreMonthPickerComponent as dp, CoreNavigationTrackerComponent as dq, coreNavigationTrackerRoutes as dr, CoreOauthCallbackComponent as ds, CoreOauthCallbackOffice365Component as dt, EnumCoreOrgTreeaAccessorMode as du, EnumCoreOrgTreeaSearchMode as dv, CoreOrgTreeComponent as dw, CoreOrgTreeState as dx, CoreOrgTreeService as dy, CoreOrgUnitSeekerComponent as dz, CorePageEditComponent as e, tooltip_directive as e$, CoreRouteAccumulatorComponent as e0, CoreRoutingHistoryComponent as e1, CoreSalaryPolicyPickerComponent as e2, CoreScrollComponent as e3, CoreScrollLazyComponent as e4, CoreSeenByComponent as e5, CoreShiftCardComponent as e6, CoreShiftCellComponent as e7, CoreShiftCollectionComponent as e8, CoreShiftStickerComponent as e9, EvaluateDialogComponent as eA, HuconcurrentlyComponent as eB, JobComponent as eC, LanguageChangerComponent as eD, DEFAULT_SVG as eE, ItemComponent as eF, NavigatorComponent as eG, OtpInputComponent as eH, OtpInputService as eI, PageTitleComponent as eJ, PaginationComponent as eK, FilterPipe as eL, normalizeHumanName as eM, PositionComponent as eN, PositionEditService as eO, CoreDatetimeService as eP, FileService as eQ, LongTaskService as eR, EnumRecursiveFields as eS, RecursiveService as eT, StringService as eU, UnicodeService as eV, StaffProfileComponent as eW, ThreedotsComponent as eX, TooltipComponent as eY, UserActivityComponent as eZ, WageComponent as e_, STICKER_COLOR_SCHEMA as ea, CoreStatusStickerComponent as eb, CoreSubFormGroupComponent as ec, CoreTabListComponent as ed, CoreTagsComponent as ee, CoreTopicPickerComponent as ef, EnumCoreArticleCategoryTreeaAccessorMode as eg, CoreTopicTreeComponent as eh, CoreTreeComponent as ei, EnumCoreTreeGridEditMode as ej, CoreTreeGridComponent as ek, CoreWageSeekerComponent as el, CoreWorkingSeekerComponent as em, coreWorkflowRoutes as en, CoreWorkflowBuilderComponent as eo, CoreWorkflowGroupEditComponent as ep, CoreYearPickerComponent as eq, CoreYearSelectorComponent as er, EnumCoreD3ScaleType as es, CoreD3Service as et, CorePieComponent as eu, CoreScatterPlotComponent as ev, EnumHrComparisonCode as ew, EnumICoreStatisticWidgetDataType as ex, CoreStatisticWidgetComponent as ey, DecisionComponent as ez, CorePageHeaderComponent as f, dragReorder_directive as f0, CoreTabsComponent as g, CoreWorkflowService as h, EnumCoreFormControlSeekerSourceType as i, CoreWorkflowListComponent as j, TooltipDirective as k, DragReorderDirective as l, CanDeactivateGuard as m, AlertService as n, TableCellPipe as o, MapAvatarToServerPipe as p, alertOptions as q, CoreTerminalSpinnerComponent as r, CoreFormDesignService as s, EnumWorkflowStepType as t, DomService as u, CoreDropdownComponent as v, CoreChecklistComponent as w, CoreDatePickerComponent as x, CoreFormControlSeekerComponent as y, CoreCurrencyInputComponent as z };
-//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-35-x2sjB.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-Cdkej_1g.mjs.map