wl-layout 0.0.5

package/README.md

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

package/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "wl-layout",
+  "version": "0.0.5",
+  "description": "layout module for websites",
+  "main": "wl-layout.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "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 };