@netgrif/components-core 6.4.0-beta.3 → 6.4.0-beta.4

package/fesm2015/netgrif-components-core.mjs

@@ -26772,6 +26772,228 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }] } });
 
+class ImportToAdd {
+    constructor(className, fileImportPath) {
+        this.className = className;
+        this.fileImportPath = fileImportPath;
+    }
+}
+
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * File copied from: angular_devkit/core/src/utils/strings.ts
+ */
+const STRING_DASHERIZE_REGEXP = (/[ _]/g);
+const STRING_DECAMELIZE_REGEXP = (/([a-z\d])([A-Z])/g);
+const STRING_CAMELIZE_REGEXP = (/(-|_|\.|\s)+(.)?/g);
+const STRING_UNDERSCORE_REGEXP_1 = (/([a-z\d])([A-Z]+)/g);
+const STRING_UNDERSCORE_REGEXP_2 = (/-|\s+/g);
+/**
+ * Converts a camelized string into all lower case separated by underscores.
+ *
+ * ```javascript
+ * decamelize('innerHTML');         // 'inner_html'
+ * decamelize('action_name');       // 'action_name'
+ * decamelize('css-class-name');    // 'css-class-name'
+ * decamelize('my favorite items'); // 'my favorite items'
+ * ```
+ * @method decamelize
+ * @param str The string to decamelize.
+ * @return the decamelized string.
+ */
+function decamelize(str) {
+    return str.replace(STRING_DECAMELIZE_REGEXP, '$1_$2').toLowerCase();
+}
+/**
+ * Replaces underscores, spaces, or camelCase with dashes.
+ * ```javascript
+ * dasherize('innerHTML');         // 'inner-html'
+ * dasherize('action_name');       // 'action-name'
+ * dasherize('css-class-name');    // 'css-class-name'
+ * dasherize('my favorite items'); // 'my-favorite-items'
+ * ```
+ * @method dasherize
+ * @param str The string to dasherize.
+ * @return the dasherized string.
+ */
+function dasherize(str) {
+    return decamelize(str).replace(STRING_DASHERIZE_REGEXP, '-');
+}
+/**
+ * Returns the lowerCamelCase form of a string.
+ * ```javascript
+ * camelize('innerHTML');          // 'innerHTML'
+ * camelize('action_name');        // 'actionName'
+ * camelize('css-class-name');     // 'cssClassName'
+ * camelize('my favorite items');  // 'myFavoriteItems'
+ * camelize('My Favorite Items');  // 'myFavoriteItems'
+ * ```
+ * @method camelize
+ * @param str The string to camelize.
+ * @return the camelized string.
+ */
+function camelize(str) {
+    return str
+        .replace(STRING_CAMELIZE_REGEXP, (_match, _separator, chr) => {
+        return chr ? chr.toUpperCase() : '';
+    })
+        .replace(/^([A-Z])/, (match) => match.toLowerCase());
+}
+/**
+ * Returns the UpperCamelCase form of a string.
+ * ```javascript
+ * 'innerHTML'.classify();          // 'InnerHTML'
+ * 'action_name'.classify();        // 'ActionName'
+ * 'css-class-name'.classify();     // 'CssClassName'
+ * 'my favorite items'.classify();  // 'MyFavoriteItems'
+ * ```
+ * @method classify
+ * @param str the string to classify
+ * @return the classified string
+ */
+function classify(str) {
+    return str.split('.').map(part => capitalize(camelize(part))).join('.');
+}
+/**
+ * More general than decamelize. Returns the lower\_case\_and\_underscored
+ * form of a string.
+ * ```javascript
+ * 'innerHTML'.underscore();          // 'inner_html'
+ * 'action_name'.underscore();        // 'action_name'
+ * 'css-class-name'.underscore();     // 'css_class_name'
+ * 'my favorite items'.underscore();  // 'my_favorite_items'
+ * ```
+ * @method underscore
+ * @param str The string to underscore.
+ * @return the underscored string.
+ */
+function underscore(str) {
+    return str
+        .replace(STRING_UNDERSCORE_REGEXP_1, '$1_$2')
+        .replace(STRING_UNDERSCORE_REGEXP_2, '_')
+        .toLowerCase();
+}
+/**
+ * Returns the Capitalized form of a string
+ * ```javascript
+ * 'innerHTML'.capitalize()         // 'InnerHTML'
+ * 'action_name'.capitalize()       // 'Action_name'
+ * 'css-class-name'.capitalize()    // 'Css-class-name'
+ * 'my favorite items'.capitalize() // 'My favorite items'
+ * ```
+ * @method capitalize
+ * @param str The string to capitalize.
+ * @return The capitalized string.
+ */
+function capitalize(str) {
+    return str.charAt(0).toUpperCase() + str.substr(1);
+}
+/**
+ * Calculate the levenshtein distance of two strings.
+ * See https://en.wikipedia.org/wiki/Levenshtein_distance.
+ * Based off https://gist.github.com/andrei-m/982927 (for using the faster dynamic programming
+ * version).
+ *
+ * @param a String a.
+ * @param b String b.
+ * @returns A number that represents the distance between the two strings. The greater the number
+ *   the more distant the strings are from each others.
+ */
+function levenshtein(a, b) {
+    if (a.length === 0) {
+        return b.length;
+    }
+    if (b.length === 0) {
+        return a.length;
+    }
+    const matrix = [];
+    // increment along the first column of each row
+    for (let i = 0; i <= b.length; i++) {
+        matrix[i] = [i];
+    }
+    // increment each column in the first row
+    for (let j = 0; j <= a.length; j++) {
+        matrix[0][j] = j;
+    }
+    // Fill in the rest of the matrix
+    for (let i = 1; i <= b.length; i++) {
+        for (let j = 1; j <= a.length; j++) {
+            if (b.charAt(i - 1) === a.charAt(j - 1)) {
+                matrix[i][j] = matrix[i - 1][j - 1];
+            }
+            else {
+                matrix[i][j] = Math.min(matrix[i - 1][j - 1] + 1, // substitution
+                matrix[i][j - 1] + 1, // insertion
+                matrix[i - 1][j] + 1);
+            }
+        }
+    }
+    return matrix[b.length][a.length];
+}
+
+class ViewClassInfo extends ImportToAdd {
+    constructor(path, viewType, customComponentName) {
+        super('', '');
+        if (!customComponentName) {
+            this.prefix = ViewClassInfo.convertPathToClassNamePrefix(path);
+            const classSuffix = ViewClassInfo.resolveClassSuffixForView(viewType);
+            this.nameWithoutComponent = `${classify(this.prefix)}${classSuffix}`;
+            this.fileImportPath = `./views/${path}/${this.prefix}-${dasherize(classSuffix)}.component`;
+        }
+        else {
+            this.prefix = '';
+            this.nameWithoutComponent = classify(customComponentName);
+            this.fileImportPath = `./views/${path}/${dasherize(customComponentName)}.component`;
+        }
+        this.className = `${this.nameWithoutComponent}Component`;
+    }
+    static convertPathToClassNamePrefix(path) {
+        const regexDash = /-/g;
+        return path.replace(regexDash, '_').replace(/\//g, '-').toLocaleLowerCase();
+    }
+    static resolveClassSuffixForView(view) {
+        switch (view) {
+            case 'login':
+                return 'Login';
+            case 'tabView':
+                return 'TabView';
+            case 'taskView':
+                return 'TaskView';
+            case 'caseView':
+                return 'CaseView';
+            case 'emptyView':
+                return 'EmptyView';
+            case 'sidenavView':
+                return 'SidenavView';
+            case 'doubleDrawerView':
+                return 'DoubleDrawerView';
+            case 'toolbarView':
+                return 'ToolbarView';
+            case 'sidenavAndToolbarView':
+                return 'SidenavAndToolbarView';
+            case 'groupView':
+                return 'GroupView';
+            case 'dashboard':
+                return 'Dashboard';
+            case 'treeCaseView':
+                return 'TreeCaseView';
+            case 'workflowView':
+                return 'WorkflowView';
+            case 'roleAssignmentView':
+                return 'RoleAssignmentView';
+            case 'ldapRoleAssignmentView':
+                return 'LdapRoleAssignmentView';
+            default:
+                throw new Error(`Unknown view type '${view}'`);
+        }
+    }
+}
+
 var GroupNavigationConstants;
 (function (GroupNavigationConstants) {
     /**
@@ -26913,35 +27135,209 @@ var GroupNavigationConstants;
 })(GroupNavigationConstants || (GroupNavigationConstants = {}));
 
 /**
- * Holds all identifiers of the Impersonation config process in an accessible manner
+ * Holds component for dynamic routing resolution of group navigation component resolver component by the {@link RoutingBuilderService}.
  */
-var UserImpersonationConstants;
-(function (UserImpersonationConstants) {
-    UserImpersonationConstants["IMPERSONATION_CONFIG_NET_IDENTIFIER"] = "impersonation_config";
-    UserImpersonationConstants["IMPERSONATION_CONFIG_FIELD_IMPERSONATED"] = "impersonated";
-    UserImpersonationConstants["IMPERSONATION_CONFIG_FIELD_ROLES"] = "impersonated_roles";
-    UserImpersonationConstants["IMPERSONATION_CONFIG_FIELD_AUTHS"] = "impersonated_authorities";
-})(UserImpersonationConstants || (UserImpersonationConstants = {}));
+const NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT = new InjectionToken('NaeGroupNavigationComponentResolverComponent');
 
-class ImpersonationService extends AbstractResourceService {
-    constructor(provider, _router, _configService, _userService, _snackbar, _filter, _log, _translate) {
-        super('impersonation', provider, _configService);
-        this.provider = provider;
-        this._router = _router;
+const NAE_ROUTING_CONFIGURATION_PATH = "configPath";
+/**
+ * Uses the information from nae.json to construct the application's routing
+ */
+class RoutingBuilderService {
+    constructor(router, _configService, _viewService, _logger, _dynamicNavigationRouteService, _groupNavigationComponentResolverComponent) {
         this._configService = _configService;
-        this._userService = _userService;
-        this._snackbar = _snackbar;
-        this._filter = _filter;
-        this._log = _log;
-        this._translate = _translate;
-        this._impersonating$ = new Subject();
-        this._sub = this._userService.user$.subscribe(user => this._resolveUserChange(user));
-    }
-    get impersonating$() {
-        return this._impersonating$.asObservable();
-    }
-    impersonateUser(userId) {
-        this.provider.post$('impersonate/user/' + userId, this.SERVER_URL, {}).subscribe((user) => {
+        this._viewService = _viewService;
+        this._logger = _logger;
+        this._dynamicNavigationRouteService = _dynamicNavigationRouteService;
+        this._groupNavigationComponentResolverComponent = _groupNavigationComponentResolverComponent;
+        this._groupNavigationRouteGenerated = false;
+        router.relativeLinkResolution = 'legacy';
+        router.config.splice(0, router.config.length);
+        for (const [pathSegment, view] of Object.entries(_configService.get().views)) {
+            const route = this.constructRouteObject(view, pathSegment);
+            if (route !== undefined) {
+                router.config.push(route);
+            }
+        }
+        router.config.push(...this.defaultRoutesRedirects());
+    }
+    constructRouteObject(view, configPath, ancestors = []) {
+        var _a, _b;
+        const component = this.resolveComponentClass(view, configPath);
+        if (component === undefined) {
+            return undefined;
+        }
+        if (!view.routing) {
+            this._logger.warn(`nae.json configuration is invalid. View at path '${configPath}'` +
+                ` must define a 'routing' attribute. Skipping this view for routing generation.`);
+            return undefined;
+        }
+        const route = {
+            path: view.routing.path,
+            data: {
+                [NAE_ROUTING_CONFIGURATION_PATH]: configPath
+            },
+            component
+        };
+        if (((_a = view === null || view === void 0 ? void 0 : view.layout) === null || _a === void 0 ? void 0 : _a.name) === GroupNavigationConstants.GROUP_NAVIGATION_OUTLET) {
+            if (this._groupNavigationRouteGenerated) {
+                this._logger.warn(`Multiple groupNavigationOutlets are present in nae.json. Duplicate entry found at path ${configPath}`);
+            }
+            else {
+                this._logger.debug(`GroupNavigationOutlet found in nae.json at path '${configPath}'`);
+            }
+            const pathNoParams = route.path;
+            route.path = `${pathNoParams}/:${GroupNavigationConstants.GROUP_NAVIGATION_ROUTER_PARAM}`;
+            route.canActivate = [AuthenticationGuardService];
+            const parentPathSegments = ancestors.map(a => a.path);
+            parentPathSegments.push(pathNoParams);
+            this._dynamicNavigationRouteService.route = parentPathSegments.join('/');
+            this._groupNavigationRouteGenerated = true;
+            return route;
+        }
+        if (view.routing.match !== undefined && view.routing.match) {
+            route['pathMatch'] = 'full';
+        }
+        route['canActivate'] = [];
+        if (view.access === 'private'
+            || view.access.hasOwnProperty('role')
+            || view.access.hasOwnProperty('group')
+            || view.access.hasOwnProperty('authority')) {
+            route['canActivate'].push(AuthenticationGuardService);
+        }
+        if (view.access.hasOwnProperty('role')) {
+            route['canActivate'].push(RoleGuardService);
+        }
+        if (view.access.hasOwnProperty('authority')) {
+            route['canActivate'].push(AuthorityGuardService);
+        }
+        if (view.access.hasOwnProperty('group')) {
+            route['canActivate'].push(GroupGuardService);
+        }
+        if (!!view.children) {
+            route['children'] = [];
+            Object.entries(view.children).forEach(([configPathSegment, childView]) => {
+                // TODO check if routes are constructed correctly regarding empty route segments
+                const childRoute = this.constructRouteObject(childView, `${configPath}/${configPathSegment}`, [...ancestors, route]);
+                if (childRoute !== undefined) {
+                    route['children'].push(childRoute);
+                }
+            });
+        }
+        if (((_b = view === null || view === void 0 ? void 0 : view.layout) === null || _b === void 0 ? void 0 : _b.name) === 'tabView') {
+            if (!view.children) {
+                route['children'] = [];
+            }
+            route['children'].push({
+                path: '**',
+                component
+            });
+        }
+        return route;
+    }
+    resolveComponentClass(view, configPath) {
+        let result;
+        if (!!view.component) {
+            result = this._viewService.resolveNameToClass(view.component.class);
+        }
+        else if (!!view.layout) {
+            result = this.resolveComponentClassFromLayout(view, configPath);
+        }
+        else {
+            this._logger.warn(`nae.json configuration is invalid. View at path '${configPath}'` +
+                ` must define either a 'layout' or a 'component' attribute. Skipping this view for routing generation.`);
+            return undefined;
+        }
+        if (result === undefined) {
+            this._logger.warn(`Some views from nae.json configuration have not been created in the project.` +
+                ` Run create-view schematic to rectify this. Skipping this view for routing generation.`);
+            return undefined;
+        }
+        return result;
+    }
+    resolveComponentClassFromLayout(view, configPath) {
+        if (view.layout.name === GroupNavigationConstants.GROUP_NAVIGATION_OUTLET) {
+            return this._groupNavigationComponentResolverComponent;
+        }
+        const className = RoutingBuilderService.parseClassNameFromView(view, configPath);
+        return this._viewService.resolveNameToClass(className);
+    }
+    static parseClassNameFromView(view, configPath) {
+        if (!!view.layout.componentName) {
+            return `${classify(view.layout.componentName)}Component`;
+        }
+        else {
+            const classInfo = new ViewClassInfo(configPath, view.layout.name, view.layout.componentName);
+            return classInfo.className;
+        }
+    }
+    defaultRoutesRedirects() {
+        const result = [];
+        const servicesConfig = this._configService.getServicesConfiguration();
+        if (!!servicesConfig && !!servicesConfig.routing) {
+            if (!!servicesConfig.routing.defaultRedirect) {
+                result.push({
+                    path: '',
+                    redirectTo: servicesConfig.routing.defaultRedirect,
+                    pathMatch: 'full'
+                });
+            }
+            if (!!servicesConfig.routing.wildcardRedirect) {
+                result.push({
+                    path: '**',
+                    redirectTo: servicesConfig.routing.wildcardRedirect
+                });
+            }
+        }
+        return result;
+    }
+}
+RoutingBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoutingBuilderService, deps: [{ token: i2$3.Router }, { token: ConfigurationService }, { token: ViewService }, { token: LoggerService }, { token: DynamicNavigationRouteProviderService }, { token: NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RoutingBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoutingBuilderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoutingBuilderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i2$3.Router }, { type: ConfigurationService }, { type: ViewService }, { type: LoggerService }, { type: DynamicNavigationRouteProviderService }, { type: i0.Type, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT]
+                    }] }];
+    } });
+
+/**
+ * Holds all identifiers of the Impersonation config process in an accessible manner
+ */
+var UserImpersonationConstants;
+(function (UserImpersonationConstants) {
+    UserImpersonationConstants["IMPERSONATION_CONFIG_NET_IDENTIFIER"] = "impersonation_config";
+    UserImpersonationConstants["IMPERSONATION_CONFIG_FIELD_IMPERSONATED"] = "impersonated";
+    UserImpersonationConstants["IMPERSONATION_CONFIG_FIELD_ROLES"] = "impersonated_roles";
+    UserImpersonationConstants["IMPERSONATION_CONFIG_FIELD_AUTHS"] = "impersonated_authorities";
+})(UserImpersonationConstants || (UserImpersonationConstants = {}));
+
+class ImpersonationService extends AbstractResourceService {
+    constructor(provider, _router, _configService, _userService, _snackbar, _filter, _log, _translate) {
+        super('impersonation', provider, _configService);
+        this.provider = provider;
+        this._router = _router;
+        this._configService = _configService;
+        this._userService = _userService;
+        this._snackbar = _snackbar;
+        this._filter = _filter;
+        this._log = _log;
+        this._translate = _translate;
+        this._impersonating$ = new Subject();
+        this._sub = this._userService.user$.subscribe(user => this._resolveUserChange(user));
+    }
+    get impersonating$() {
+        return this._impersonating$.asObservable();
+    }
+    impersonateUser(userId) {
+        this.provider.post$('impersonate/user/' + userId, this.SERVER_URL, {}).subscribe((user) => {
             this._resolveSuccess(user);
         }, (response => {
             this._resolveError(response);
@@ -27145,6 +27541,8 @@ class AbstractNavigationDoubleDrawerComponent {
         this.rightLoading$ = new LoadingEmitter();
         this.nodeLoading$ = new LoadingEmitter();
         this.itemsOrder = MenuOrder.Ascending;
+        this.hiddenCustomItems = [];
+        this._childCustomViews = {};
     }
     ngOnInit() {
         this._breakpointSubscription = this._breakpoint.observe([Breakpoints.HandsetLandscape]).subscribe(() => {
@@ -27162,6 +27560,14 @@ class AbstractNavigationDoubleDrawerComponent {
         this._currentNodeSubscription = this._uriService.activeNode$.subscribe(node => {
             this.currentNode = node;
         });
+        const viewConfigurationPath = this._activatedRoute.snapshot.data[NAE_ROUTING_CONFIGURATION_PATH];
+        if (!!viewConfigurationPath) {
+            const viewConfiguration = this._config.getViewByPath(viewConfigurationPath);
+            Object.entries(viewConfiguration.children).forEach(([key, childView]) => {
+                this.resolveUriForChildViews(viewConfigurationPath + '/' + key, childView);
+                this.resolveHiddenMenuItemFromChildViews(viewConfigurationPath + '/' + key, childView);
+            });
+        }
     }
     get currentNode() {
         return this._currentNode;
@@ -27353,17 +27759,20 @@ class AbstractNavigationDoubleDrawerComponent {
                 else {
                     this.rightItems = result.map(folder => this.resolveItemCaseToNavigationItem(folder)).filter(i => !!i);
                 }
+                this.resolveCustomViewsInRightSide();
                 this.rightLoading$.off();
             }, error => {
                 this._log.error(error);
                 this.rightItems = [];
                 this.moreItems = [];
+                this.resolveCustomViewsInRightSide();
                 this.rightLoading$.off();
             });
         }, error => {
             this._log.error(error);
             this.rightItems = [];
             this.moreItems = [];
+            this.resolveCustomViewsInRightSide();
             this.rightLoading$.off();
         });
     }
@@ -27389,6 +27798,11 @@ class AbstractNavigationDoubleDrawerComponent {
         this.leftItems = this.leftItems.sort((a, b) => { var _a, _b; return multiplier * ((_a = a === null || a === void 0 ? void 0 : a.navigation) === null || _a === void 0 ? void 0 : _a.title.localeCompare((_b = b === null || b === void 0 ? void 0 : b.navigation) === null || _b === void 0 ? void 0 : _b.title)); });
         this.moreItems = this.moreItems.sort((a, b) => { var _a, _b; return multiplier * ((_a = a === null || a === void 0 ? void 0 : a.navigation) === null || _a === void 0 ? void 0 : _a.title.localeCompare((_b = b === null || b === void 0 ? void 0 : b.navigation) === null || _b === void 0 ? void 0 : _b.title)); });
     }
+    resolveCustomViewsInRightSide() {
+        if (!!this._childCustomViews[this._currentNode.uriPath]) {
+            this.rightItems.push(...Object.values(this._childCustomViews[this._currentNode.uriPath]));
+        }
+    }
     resolveItemCaseToNavigationItem(itemCase) {
         var _a, _b;
         const item = {
@@ -27472,6 +27886,26 @@ class AbstractNavigationDoubleDrawerComponent {
         // this.userPreferenceService._drawerWidthChanged$.next(this.width);
         // this.contentWidth.next(this.width);
     }
+    resolveUriForChildViews(configPath, childView) {
+        if (!childView.processUri)
+            return;
+        if (!this._accessService.canAccessView(childView, configPath))
+            return;
+        if (!this._childCustomViews[childView.processUri]) {
+            this._childCustomViews[childView.processUri] = {};
+        }
+        this._childCustomViews[childView.processUri][configPath] = Object.assign({ id: configPath }, childView);
+    }
+    resolveHiddenMenuItemFromChildViews(configPath, childView) {
+        var _a;
+        if (!childView.navigation)
+            return;
+        if (!this._accessService.canAccessView(childView, configPath))
+            return;
+        if (!!((_a = childView === null || childView === void 0 ? void 0 : childView.navigation) === null || _a === void 0 ? void 0 : _a.hidden)) {
+            this.hiddenCustomItems.push(Object.assign({ id: configPath }, childView));
+        }
+    }
 }
 AbstractNavigationDoubleDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractNavigationDoubleDrawerComponent, deps: [{ token: i2$3.Router }, { token: i2$3.ActivatedRoute }, { token: i1$7.BreakpointObserver }, { token: LanguageService }, { token: i1$2.TranslateService }, { token: UserService }, { token: AccessService }, { token: LoggerService }, { token: ConfigurationService }, { token: UriService }, { token: ImpersonationUserSelectService }, { token: ImpersonationService }, { token: DynamicNavigationRouteProviderService }], target: i0.ɵɵFactoryTarget.Component });
 AbstractNavigationDoubleDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractNavigationDoubleDrawerComponent, selector: "ncc-abstract-navigation-double-drawer", inputs: { portalLeftMenu: "portalLeftMenu", portalRightMenu: "portalRightMenu", imageRouterLink: "imageRouterLink", imageAlt: "imageAlt", image: "image", profileRouterLink: "profileRouterLink", includeUser: "includeUser", includeLanguage: "includeLanguage", includeMoreMenu: "includeMoreMenu", includeImpersonation: "includeImpersonation", allClosable: "allClosable", folderIcon: "folderIcon", openedFolderIcon: "openedFolderIcon", filterIcon: "filterIcon", foldersCategoryName: "foldersCategoryName", viewsCategoryName: "viewsCategoryName" }, ngImport: i0, template: '', isInline: true });
@@ -28083,11 +28517,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: FilterRepository }, { type: TaskResourceService }, { type: AllowedNetsServiceFactory }, { type: BaseAllowedNetsService }, { type: LoggerService }]; } });
 
-/**
- * Holds component for dynamic routing resolution of group navigation component resolver component by the {@link RoutingBuilderService}.
- */
-const NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT = new InjectionToken('NaeGroupNavigationComponentResolverComponent');
-
 var UriContentType;
 (function (UriContentType) {
     UriContentType[UriContentType["PROCESS"] = 0] = "PROCESS";
@@ -33372,397 +33801,6 @@ class MockProfileService {
     }
 }
 
-class ImportToAdd {
-    constructor(className, fileImportPath) {
-        this.className = className;
-        this.fileImportPath = fileImportPath;
-    }
-}
-
-/**
- * @license
- * Copyright Google Inc. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- *
- * File copied from: angular_devkit/core/src/utils/strings.ts
- */
-const STRING_DASHERIZE_REGEXP = (/[ _]/g);
-const STRING_DECAMELIZE_REGEXP = (/([a-z\d])([A-Z])/g);
-const STRING_CAMELIZE_REGEXP = (/(-|_|\.|\s)+(.)?/g);
-const STRING_UNDERSCORE_REGEXP_1 = (/([a-z\d])([A-Z]+)/g);
-const STRING_UNDERSCORE_REGEXP_2 = (/-|\s+/g);
-/**
- * Converts a camelized string into all lower case separated by underscores.
- *
- * ```javascript
- * decamelize('innerHTML');         // 'inner_html'
- * decamelize('action_name');       // 'action_name'
- * decamelize('css-class-name');    // 'css-class-name'
- * decamelize('my favorite items'); // 'my favorite items'
- * ```
- * @method decamelize
- * @param str The string to decamelize.
- * @return the decamelized string.
- */
-function decamelize(str) {
-    return str.replace(STRING_DECAMELIZE_REGEXP, '$1_$2').toLowerCase();
-}
-/**
- * Replaces underscores, spaces, or camelCase with dashes.
- * ```javascript
- * dasherize('innerHTML');         // 'inner-html'
- * dasherize('action_name');       // 'action-name'
- * dasherize('css-class-name');    // 'css-class-name'
- * dasherize('my favorite items'); // 'my-favorite-items'
- * ```
- * @method dasherize
- * @param str The string to dasherize.
- * @return the dasherized string.
- */
-function dasherize(str) {
-    return decamelize(str).replace(STRING_DASHERIZE_REGEXP, '-');
-}
-/**
- * Returns the lowerCamelCase form of a string.
- * ```javascript
- * camelize('innerHTML');          // 'innerHTML'
- * camelize('action_name');        // 'actionName'
- * camelize('css-class-name');     // 'cssClassName'
- * camelize('my favorite items');  // 'myFavoriteItems'
- * camelize('My Favorite Items');  // 'myFavoriteItems'
- * ```
- * @method camelize
- * @param str The string to camelize.
- * @return the camelized string.
- */
-function camelize(str) {
-    return str
-        .replace(STRING_CAMELIZE_REGEXP, (_match, _separator, chr) => {
-        return chr ? chr.toUpperCase() : '';
-    })
-        .replace(/^([A-Z])/, (match) => match.toLowerCase());
-}
-/**
- * Returns the UpperCamelCase form of a string.
- * ```javascript
- * 'innerHTML'.classify();          // 'InnerHTML'
- * 'action_name'.classify();        // 'ActionName'
- * 'css-class-name'.classify();     // 'CssClassName'
- * 'my favorite items'.classify();  // 'MyFavoriteItems'
- * ```
- * @method classify
- * @param str the string to classify
- * @return the classified string
- */
-function classify(str) {
-    return str.split('.').map(part => capitalize(camelize(part))).join('.');
-}
-/**
- * More general than decamelize. Returns the lower\_case\_and\_underscored
- * form of a string.
- * ```javascript
- * 'innerHTML'.underscore();          // 'inner_html'
- * 'action_name'.underscore();        // 'action_name'
- * 'css-class-name'.underscore();     // 'css_class_name'
- * 'my favorite items'.underscore();  // 'my_favorite_items'
- * ```
- * @method underscore
- * @param str The string to underscore.
- * @return the underscored string.
- */
-function underscore(str) {
-    return str
-        .replace(STRING_UNDERSCORE_REGEXP_1, '$1_$2')
-        .replace(STRING_UNDERSCORE_REGEXP_2, '_')
-        .toLowerCase();
-}
-/**
- * Returns the Capitalized form of a string
- * ```javascript
- * 'innerHTML'.capitalize()         // 'InnerHTML'
- * 'action_name'.capitalize()       // 'Action_name'
- * 'css-class-name'.capitalize()    // 'Css-class-name'
- * 'my favorite items'.capitalize() // 'My favorite items'
- * ```
- * @method capitalize
- * @param str The string to capitalize.
- * @return The capitalized string.
- */
-function capitalize(str) {
-    return str.charAt(0).toUpperCase() + str.substr(1);
-}
-/**
- * Calculate the levenshtein distance of two strings.
- * See https://en.wikipedia.org/wiki/Levenshtein_distance.
- * Based off https://gist.github.com/andrei-m/982927 (for using the faster dynamic programming
- * version).
- *
- * @param a String a.
- * @param b String b.
- * @returns A number that represents the distance between the two strings. The greater the number
- *   the more distant the strings are from each others.
- */
-function levenshtein(a, b) {
-    if (a.length === 0) {
-        return b.length;
-    }
-    if (b.length === 0) {
-        return a.length;
-    }
-    const matrix = [];
-    // increment along the first column of each row
-    for (let i = 0; i <= b.length; i++) {
-        matrix[i] = [i];
-    }
-    // increment each column in the first row
-    for (let j = 0; j <= a.length; j++) {
-        matrix[0][j] = j;
-    }
-    // Fill in the rest of the matrix
-    for (let i = 1; i <= b.length; i++) {
-        for (let j = 1; j <= a.length; j++) {
-            if (b.charAt(i - 1) === a.charAt(j - 1)) {
-                matrix[i][j] = matrix[i - 1][j - 1];
-            }
-            else {
-                matrix[i][j] = Math.min(matrix[i - 1][j - 1] + 1, // substitution
-                matrix[i][j - 1] + 1, // insertion
-                matrix[i - 1][j] + 1);
-            }
-        }
-    }
-    return matrix[b.length][a.length];
-}
-
-class ViewClassInfo extends ImportToAdd {
-    constructor(path, viewType, customComponentName) {
-        super('', '');
-        if (!customComponentName) {
-            this.prefix = ViewClassInfo.convertPathToClassNamePrefix(path);
-            const classSuffix = ViewClassInfo.resolveClassSuffixForView(viewType);
-            this.nameWithoutComponent = `${classify(this.prefix)}${classSuffix}`;
-            this.fileImportPath = `./views/${path}/${this.prefix}-${dasherize(classSuffix)}.component`;
-        }
-        else {
-            this.prefix = '';
-            this.nameWithoutComponent = classify(customComponentName);
-            this.fileImportPath = `./views/${path}/${dasherize(customComponentName)}.component`;
-        }
-        this.className = `${this.nameWithoutComponent}Component`;
-    }
-    static convertPathToClassNamePrefix(path) {
-        const regexDash = /-/g;
-        return path.replace(regexDash, '_').replace(/\//g, '-').toLocaleLowerCase();
-    }
-    static resolveClassSuffixForView(view) {
-        switch (view) {
-            case 'login':
-                return 'Login';
-            case 'tabView':
-                return 'TabView';
-            case 'taskView':
-                return 'TaskView';
-            case 'caseView':
-                return 'CaseView';
-            case 'emptyView':
-                return 'EmptyView';
-            case 'sidenavView':
-                return 'SidenavView';
-            case 'doubleDrawerView':
-                return 'DoubleDrawerView';
-            case 'toolbarView':
-                return 'ToolbarView';
-            case 'sidenavAndToolbarView':
-                return 'SidenavAndToolbarView';
-            case 'groupView':
-                return 'GroupView';
-            case 'dashboard':
-                return 'Dashboard';
-            case 'treeCaseView':
-                return 'TreeCaseView';
-            case 'workflowView':
-                return 'WorkflowView';
-            case 'roleAssignmentView':
-                return 'RoleAssignmentView';
-            case 'ldapRoleAssignmentView':
-                return 'LdapRoleAssignmentView';
-            default:
-                throw new Error(`Unknown view type '${view}'`);
-        }
-    }
-}
-
-const NAE_ROUTING_CONFIGURATION_PATH = "configPath";
-/**
- * Uses the information from nae.json to construct the application's routing
- */
-class RoutingBuilderService {
-    constructor(router, _configService, _viewService, _logger, _dynamicNavigationRouteService, _groupNavigationComponentResolverComponent) {
-        this._configService = _configService;
-        this._viewService = _viewService;
-        this._logger = _logger;
-        this._dynamicNavigationRouteService = _dynamicNavigationRouteService;
-        this._groupNavigationComponentResolverComponent = _groupNavigationComponentResolverComponent;
-        this._groupNavigationRouteGenerated = false;
-        router.relativeLinkResolution = 'legacy';
-        router.config.splice(0, router.config.length);
-        for (const [pathSegment, view] of Object.entries(_configService.get().views)) {
-            const route = this.constructRouteObject(view, pathSegment);
-            if (route !== undefined) {
-                router.config.push(route);
-            }
-        }
-        router.config.push(...this.defaultRoutesRedirects());
-    }
-    constructRouteObject(view, configPath, ancestors = []) {
-        var _a, _b;
-        const component = this.resolveComponentClass(view, configPath);
-        if (component === undefined) {
-            return undefined;
-        }
-        if (!view.routing) {
-            this._logger.warn(`nae.json configuration is invalid. View at path '${configPath}'` +
-                ` must define a 'routing' attribute. Skipping this view for routing generation.`);
-            return undefined;
-        }
-        const route = {
-            path: view.routing.path,
-            data: {
-                [NAE_ROUTING_CONFIGURATION_PATH]: configPath
-            },
-            component
-        };
-        if (((_a = view === null || view === void 0 ? void 0 : view.layout) === null || _a === void 0 ? void 0 : _a.name) === GroupNavigationConstants.GROUP_NAVIGATION_OUTLET) {
-            if (this._groupNavigationRouteGenerated) {
-                this._logger.warn(`Multiple groupNavigationOutlets are present in nae.json. Duplicate entry found at path ${configPath}`);
-            }
-            else {
-                this._logger.debug(`GroupNavigationOutlet found in nae.json at path '${configPath}'`);
-            }
-            const pathNoParams = route.path;
-            route.path = `${pathNoParams}/:${GroupNavigationConstants.GROUP_NAVIGATION_ROUTER_PARAM}`;
-            route.canActivate = [AuthenticationGuardService];
-            const parentPathSegments = ancestors.map(a => a.path);
-            parentPathSegments.push(pathNoParams);
-            this._dynamicNavigationRouteService.route = parentPathSegments.join('/');
-            this._groupNavigationRouteGenerated = true;
-            return route;
-        }
-        if (view.routing.match !== undefined && view.routing.match) {
-            route['pathMatch'] = 'full';
-        }
-        route['canActivate'] = [];
-        if (view.access === 'private'
-            || view.access.hasOwnProperty('role')
-            || view.access.hasOwnProperty('group')
-            || view.access.hasOwnProperty('authority')) {
-            route['canActivate'].push(AuthenticationGuardService);
-        }
-        if (view.access.hasOwnProperty('role')) {
-            route['canActivate'].push(RoleGuardService);
-        }
-        if (view.access.hasOwnProperty('authority')) {
-            route['canActivate'].push(AuthorityGuardService);
-        }
-        if (view.access.hasOwnProperty('group')) {
-            route['canActivate'].push(GroupGuardService);
-        }
-        if (!!view.children) {
-            route['children'] = [];
-            Object.entries(view.children).forEach(([configPathSegment, childView]) => {
-                // TODO check if routes are constructed correctly regarding empty route segments
-                const childRoute = this.constructRouteObject(childView, `${configPath}/${configPathSegment}`, [...ancestors, route]);
-                if (childRoute !== undefined) {
-                    route['children'].push(childRoute);
-                }
-            });
-        }
-        if (((_b = view === null || view === void 0 ? void 0 : view.layout) === null || _b === void 0 ? void 0 : _b.name) === 'tabView') {
-            if (!view.children) {
-                route['children'] = [];
-            }
-            route['children'].push({
-                path: '**',
-                component
-            });
-        }
-        return route;
-    }
-    resolveComponentClass(view, configPath) {
-        let result;
-        if (!!view.component) {
-            result = this._viewService.resolveNameToClass(view.component.class);
-        }
-        else if (!!view.layout) {
-            result = this.resolveComponentClassFromLayout(view, configPath);
-        }
-        else {
-            this._logger.warn(`nae.json configuration is invalid. View at path '${configPath}'` +
-                ` must define either a 'layout' or a 'component' attribute. Skipping this view for routing generation.`);
-            return undefined;
-        }
-        if (result === undefined) {
-            this._logger.warn(`Some views from nae.json configuration have not been created in the project.` +
-                ` Run create-view schematic to rectify this. Skipping this view for routing generation.`);
-            return undefined;
-        }
-        return result;
-    }
-    resolveComponentClassFromLayout(view, configPath) {
-        if (view.layout.name === GroupNavigationConstants.GROUP_NAVIGATION_OUTLET) {
-            return this._groupNavigationComponentResolverComponent;
-        }
-        const className = RoutingBuilderService.parseClassNameFromView(view, configPath);
-        return this._viewService.resolveNameToClass(className);
-    }
-    static parseClassNameFromView(view, configPath) {
-        if (!!view.layout.componentName) {
-            return `${classify(view.layout.componentName)}Component`;
-        }
-        else {
-            const classInfo = new ViewClassInfo(configPath, view.layout.name, view.layout.componentName);
-            return classInfo.className;
-        }
-    }
-    defaultRoutesRedirects() {
-        const result = [];
-        const servicesConfig = this._configService.getServicesConfiguration();
-        if (!!servicesConfig && !!servicesConfig.routing) {
-            if (!!servicesConfig.routing.defaultRedirect) {
-                result.push({
-                    path: '',
-                    redirectTo: servicesConfig.routing.defaultRedirect,
-                    pathMatch: 'full'
-                });
-            }
-            if (!!servicesConfig.routing.wildcardRedirect) {
-                result.push({
-                    path: '**',
-                    redirectTo: servicesConfig.routing.wildcardRedirect
-                });
-            }
-        }
-        return result;
-    }
-}
-RoutingBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoutingBuilderService, deps: [{ token: i2$3.Router }, { token: ConfigurationService }, { token: ViewService }, { token: LoggerService }, { token: DynamicNavigationRouteProviderService }, { token: NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RoutingBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoutingBuilderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoutingBuilderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i2$3.Router }, { type: ConfigurationService }, { type: ViewService }, { type: LoggerService }, { type: DynamicNavigationRouteProviderService }, { type: i0.Type, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT]
-                    }] }];
-    } });
-
 /* SERVICES */
 
 /**