@tabler/angular-ui - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

bundles/tabler-angular-ui.umd.js

@@ -196,3 +196,3 @@ (function (global, factory) {
                 selector: 'ui-header',
-                template: "\n    <div class=\"header\">\n      <div class=\"container\">\n        <div class=\"d-flex\">\n          <a class=\"navbar-brand\" routerLink=\"/\">\n            <img src=\"assets/brand/tabler.svg\" class=\"navbar-brand-img\" alt=\"tabler.io\">\n            {{ config?.title }}\n          </a>\n          <div class=\"ml-auto d-flex order-lg-2\">\n            <ui-header-links class=\"nav-item\" [links]=\"config?.links\"></ui-header-links>\n            <ui-header-notifications [notifications]=\"config?.notifications\"\n                                     (action)=\"handleAction($event)\"></ui-header-notifications>\n            <ui-header-profile [profile]=\"config?.user\" [links]=\"config?.profileLinks\"></ui-header-profile>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"header-nav d-none d-lg-flex\">\n      <div class=\"container\">\n        <div class=\"row align-items-center\">\n          <div class=\"col\">\n            <ui-menu [links]=\"config?.menu\"></ui-menu>\n          </div>\n          <div class=\"col-3 ml-auto\">\n            <form class=\"input-icon\">\n              <input type=\"search\" class=\"form-control header-search\" placeholder=\"Search&hellip;\" tabindex=\"1\">\n              <div class=\"input-icon-addon\">\n                <i class=\"fe fe-search\"></i>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
+                template: "\n    <div class=\"header\">\n      <div class=\"container\">\n        <div class=\"d-flex\">\n          <a class=\"navbar-brand\" routerLink=\"/\">\n            <img src=\"assets/brand/tabler.svg\" class=\"navbar-brand-img\" alt=\"tabler.io\">\n            {{ config?.title }}\n          </a>\n          <div class=\"ml-auto d-flex order-lg-2\">\n            <ui-header-links class=\"nav-item\" [links]=\"config?.links\"></ui-header-links>\n            <ui-header-notifications [notifications]=\"config?.notifications\"\n                                     (action)=\"handleAction($event)\"></ui-header-notifications>\n            <ui-header-profile [profile]=\"config?.user\" [links]=\"config?.profileLinks\"></ui-header-profile>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"header-nav\">\n      <div class=\"container\">\n        <div class=\"row align-items-center\">\n          <div class=\"col\">\n            <ui-menu [links]=\"config?.menu\"></ui-menu>\n          </div>\n          <div class=\"col-3 ml-auto\" *ngIf=\"config?.search\">\n            <form class=\"input-icon\">\n              <input type=\"search\" class=\"form-control header-search\" placeholder=\"Search&hellip;\" tabindex=\"1\">\n              <div class=\"input-icon-addon\">\n                <i class=\"fe fe-search\"></i>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
                 styles: []
@@ -229,3 +229,3 @@ },] },
                 selector: 'ui-menu',
-                template: "\n    <ul class=\"nav nav-tabs\">\n      <ng-container *ngFor=\"let item of links\">\n        <li class=\"nav-item\">\n          <a href=\"#\" [routerLink]=\"item.url\" class=\"nav-link\" routerLinkActive=\"active\">\n            <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\n            {{item.name}}\n          </a>\n          <div class=\"nav-submenu nav\" *ngIf=\"item.subpages\">\n            <ng-container *ngFor=\"let subitem of item.subpages\">\n              <a href=\"#\" class=\"nav-item\" [routerLink]=\"subitem.url\" routerLinkActive=\"active\">\n                <i class=\"{{ subitem.icon }}\" *ngIf=\"subitem.icon\"></i>\n                {{subitem.name}}\n              </a>\n            </ng-container>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  ",
+                template: "\n    <ul class=\"nav nav-tabs\" style=\"white-space: nowrap;\">\n      <ng-container *ngFor=\"let item of links\">\n        <li class=\"nav-item d-inline-block\">\n          <a href=\"#\" [routerLink]=\"item.url\" class=\"nav-link\" routerLinkActive=\"active\">\n            <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\n            {{item.name}}\n          </a>\n          <div class=\"nav-submenu nav\" *ngIf=\"item.subpages\">\n            <ng-container *ngFor=\"let subitem of item.subpages\">\n              <a href=\"#\" class=\"nav-item\" [routerLink]=\"subitem.url\" routerLinkActive=\"active\">\n                <i class=\"{{ subitem.icon }}\" *ngIf=\"subitem.icon\"></i>\n                {{subitem.name}}\n              </a>\n            </ng-container>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  ",
                 styles: []
@@ -651,3 +651,3 @@ },] },
                 selector: 'ui-header-links',
-                template: "\n    <ng-container *ngFor=\"let link of links\">\n      <a [href]=\"link.link\" [class]=\"link.class\" [target]=\"link.target || '_self' \">\n        <i [class]=\"link.icon\"></i>\n        {{ link.label }}\n      </a>\n    </ng-container>\n  ",
+                template: "\n    <ng-container *ngFor=\"let link of links\">\n      <a [href]=\"link.link\" [class]=\"link.class\" [target]=\"link.target || '_self' \">\n        <i [class]=\"link.icon\"></i>\n        <span class=\"d-none d-lg-inline\">{{ link.label }}</span>\n      </a>\n    </ng-container>\n  ",
             },] },
@@ -654,0 +654,0 @@ ];

bundles/tabler-angular-ui.umd.min.js

@@ -1,2 +0,2 @@
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/router"),require("rxjs/operators"),require("@angular/common"),require("@angular/forms"),require("@swimlane/ngx-charts"),require("ng2-charts"),require("angular-pipes"),require("ngx-bootstrap/dropdown"),require("ngx-highlightjs")):"function"==typeof define&&define.amd?define("@tabler/angular-ui",["exports","@angular/core","@angular/router","rxjs/operators","@angular/common","@angular/forms","@swimlane/ngx-charts","ng2-charts","angular-pipes","ngx-bootstrap/dropdown","ngx-highlightjs"],t):t((n.tabler=n.tabler||{},n.tabler["angular-ui"]={}),n.ng.core,n.ng.router,n.Rx.Observable.prototype,n.ng.common,n.ng.forms,n.ngxCharts,n.ng2Charts,n.angularPipes,n.dropdown,n.ngxHighlightjs)}(this,function(n,t,e,i,a,o,s,r,l,c,d){"use strict";function p(n,t){var e="function"==typeof Symbol&&n[Symbol.iterator];if(!e)return n;var i,a,o=e.call(n),s=[];try{for(;(void 0===t||t-- >0)&&!(i=o.next()).done;)s.push(i.value)}catch(r){a={error:r}}finally{try{i&&!i.done&&(e=o["return"])&&e.call(o)}finally{if(a)throw a.error}}return s}var u=function(){function n(n){this.route=n}return n.prototype.ngOnInit=function(){var n=this;this.route.data.pipe(i.map(function(n){return n.config})).subscribe(function(t){return n.config=t})},n}();u.decorators=[{type:t.Component,args:[{selector:"ui-layout",template:'\n    <div class="page">\n      <div class="page-main">\n        <ui-header [config]="config?.header"></ui-header>\n        <div class="page-content">\n          <router-outlet></router-outlet>\n        </div>\n        <ui-footer-links [config]="config?.subfooter"></ui-footer-links>\n        <ui-footer [config]="config?.footer"></ui-footer>\n      </div>\n    </div>\n  '}]}],u.ctorParameters=function(){return[{type:e.ActivatedRoute}]};var g=function(){function n(){}return n}();g.decorators=[{type:t.Component,args:[{selector:"ui-layout-base",template:'\n    <div class="page">\n      <router-outlet></router-outlet>\n    </div>\n  '}]}];var f=function(){function n(n,t){this.changeDetectorRef=n,this.ngZone=t}return n.prototype.transform=function(n){var t=this;this.removeTimer();var e=new Date(n),i=new Date,a=Math.round(Math.abs((i.getTime()-e.getTime())/1e3)),o=Number.isNaN(a)?1e3:1e3*this.getSecondsUntilUpdate(a);this.timer=this.ngZone.runOutsideAngular(function(){return"undefined"!=typeof window?window.setTimeout(function(){t.ngZone.run(function(){return t.changeDetectorRef.markForCheck()})},o):null});var s=Math.round(Math.abs(a/60)),r=Math.round(Math.abs(s/60)),l=Math.round(Math.abs(r/24)),c=Math.round(Math.abs(l/30.416)),d=Math.round(Math.abs(l/365));return Number.isNaN(a)?"":a<=45?"a few seconds ago":a<=90?"a minute ago":s<=45?s+" minutes ago":s<=90?"an hour ago":r<=22?r+" hours ago":r<=36?"a day ago":l<=25?l+" days ago":l<=45?"a month ago":l<=345?c+" months ago":l<=545?"a year ago":d+" years ago"},n.prototype.ngOnDestroy=function(){this.removeTimer()},n.prototype.removeTimer=function(){this.timer&&(window.clearTimeout(this.timer),this.timer=null)},n.prototype.getSecondsUntilUpdate=function(n){return n<60?2:n<3600?30:n<86400?300:3600},n}();f.decorators=[{type:t.Pipe,args:[{name:"timeAgo",pure:!1}]}],f.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:t.NgZone}]};var h=function(){function n(){}return n.prototype.handleAction=function(n){console.log("Header Event"),console.log(n)},n}();h.decorators=[{type:t.Component,args:[{selector:"ui-header",template:'\n    <div class="header">\n      <div class="container">\n        <div class="d-flex">\n          <a class="navbar-brand" routerLink="/">\n            <img src="assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">\n            {{ config?.title }}\n          </a>\n          <div class="ml-auto d-flex order-lg-2">\n            <ui-header-links class="nav-item" [links]="config?.links"></ui-header-links>\n            <ui-header-notifications [notifications]="config?.notifications"\n                                     (action)="handleAction($event)"></ui-header-notifications>\n            <ui-header-profile [profile]="config?.user" [links]="config?.profileLinks"></ui-header-profile>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class="header-nav d-none d-lg-flex">\n      <div class="container">\n        <div class="row align-items-center">\n          <div class="col">\n            <ui-menu [links]="config?.menu"></ui-menu>\n          </div>\n          <div class="col-3 ml-auto">\n            <form class="input-icon">\n              <input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">\n              <div class="input-icon-addon">\n                <i class="fe fe-search"></i>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n  ',styles:[]}]}],h.ctorParameters=function(){return[]},h.propDecorators={config:[{type:t.Input}]};var v=function(){function n(){}return n}();v.decorators=[{type:t.Component,args:[{selector:"ui-footer",template:'\n    <footer class="footer" *ngIf="config">\n      <div class="container">\n        <div class="row align-items-center flex-row-reverse">\n          <div class="col-auto ml-auto">\n            <div class="row align-items-center">\n              <div class="col-auto">\n                <ul class="list-inline list-inline-dots mb-0">\n                  <ng-container *ngFor="let link of config?.links">\n                    <li class="list-inline-item">\n                      <a [href]="link.link" [class]="link.class" [target]="link.target || \'_self\'">\n                        <i [class]="link.icon"></i>\n                        {{ link.label }}\n                      </a>\n                    </li>\n                  </ng-container>\n                </ul>\n              </div>\n            </div>\n          </div>\n          <div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center" [innerHtml]="config?.disclaimer">\n          </div>\n        </div>\n      </div>\n    </footer>\n  ',styles:[]}]}],v.propDecorators={config:[{type:t.Input}]};var m=function(){function n(){this.links=[]}return n}();m.decorators=[{type:t.Component,args:[{selector:"ui-menu",template:'\n    <ul class="nav nav-tabs">\n      <ng-container *ngFor="let item of links">\n        <li class="nav-item">\n          <a href="#" [routerLink]="item.url" class="nav-link" routerLinkActive="active">\n            <i class="{{ item.icon }}" *ngIf="item.icon"></i>\n            {{item.name}}\n          </a>\n          <div class="nav-submenu nav" *ngIf="item.subpages">\n            <ng-container *ngFor="let subitem of item.subpages">\n              <a href="#" class="nav-item" [routerLink]="subitem.url" routerLinkActive="active">\n                <i class="{{ subitem.icon }}" *ngIf="subitem.icon"></i>\n                {{subitem.name}}\n              </a>\n            </ng-container>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  ',styles:[]}]}],m.propDecorators={links:[{type:t.Input}]};var y=function(){function n(){}return n}();y.decorators=[{type:t.Component,args:[{selector:"ui-page",template:'\n     <div class="container">\n      <ng-content></ng-content>\n    </div>\n  '}]}];var b=function(){function n(){this.badgeStyle="default",this.header=!0}return n}();b.decorators=[{type:t.Component,args:[{selector:"ui-page-title",template:'\n    <div [class.page-header]="header">\n      <h1 class="page-title">\n        <i *ngIf="icon" class="{{ icon }} page-title-icon m-3"></i>\n        {{ title }}\n        <small *ngIf="badge" class="badge badge-{{badgeStyle}} m-3">\n          {{badge}}\n        </small>\n      </h1>\n      <div *ngIf="subTitle" class="page-subtitle">\n        {{subTitle}}\n      </div>\n      <div class="page-options">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ',styles:[]}]}],b.propDecorators={badge:[{type:t.Input}],badgeStyle:[{type:t.Input}],header:[{type:t.Input}],icon:[{type:t.Input}],title:[{type:t.Input}],subTitle:[{type:t.Input}]};var I=function(){function n(){this.height="10rem",this.title="",this.data=[],this.doughnut=!1,this.view=[230,192],this.showLegend=!1,this.showLabels=!1}return n}();I.decorators=[{type:t.Component,args:[{selector:"ui-dashboard-chart",template:'\n    <div class="card">\n      <div class="card-header">\n        <h3 class="card-title">{{ title }}</h3>\n      </div>\n      <div class="card-body">\n        <div [style.height]="height">\n          <ngx-charts-pie-chart\n            scheme="air"\n            [view]="view"\n            [results]="data"\n            [legend]="showLegend"\n            [labels]="showLabels"\n            [doughnut]="doughnut"\n            [gradient]="false">\n          </ngx-charts-pie-chart>\n        </div>\n      </div>\n    </div>\n  ',styles:[]}]}],I.propDecorators={height:[{type:t.Input}],title:[{type:t.Input}],data:[{type:t.Input}],doughnut:[{type:t.Input}]};var k=function(){function n(){this.datasets=[{data:[78,81,80,45,34,12,40],label:"Series A"}],this.labels=["January","February","March","April","May","June","July"],this.options={maintainAspectRatio:!1,scales:{xAxes:[{display:!1}],yAxes:[{display:!1}]},elements:{line:{borderWidth:2},point:{radius:0,hitRadius:10,hoverRadius:4}},legend:{display:!1},animation:{duration:0}},this.colors=[{backgroundColor:"rgba(70,127,207,0.1)",borderColor:"rgba(70,127,207)"}]}return n}();k.decorators=[{type:t.Component,args:[{selector:"ui-dashboard-chart-bg",template:'\n    <div class="card">\n      <div class="card-body">\n      \x3c!--<div class="card-body">--\x3e\n        <div class="card-value pull-right text-{{ color }}">{{ rate }}</div>\n        <h3 class="mb-1">{{ title}}</h3>\n        <div class="text-muted">{{ description }}</div>\n      </div>\n      <div class="card-img">\n          <canvas baseChart\n                  class="pt-5"\n                  height="160"\n                  [datasets]="datasets"\n                  [labels]="labels"\n                  [options]="options"\n                  [colors]="colors"\n                  chartType="line"></canvas>\n        </div>\n    </div>\n  ',styles:["\n    .card-body {\n      background-color: transparent;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      padding: 1.25rem;\n    }\n  "]}]}],k.propDecorators={rate:[{type:t.Input}],color:[{type:t.Input}],title:[{type:t.Input}],description:[{type:t.Input}]};var w=function(){function n(){this.color="blue",this.title="Today Expenses",this.digit="$8500",this.width="54%"}return n}();w.decorators=[{type:t.Component,args:[{selector:"ui-dashboard-digit",template:'\n    <div class="card">\n      <div class="card-body text-center">\n        <div class="h5">{{ title }}</div>\n        <div class="display-4 font-weight-bold mb-4">{{ digit }}</div>\n        <div class="progress progress-sm">\n          <div class="progress-bar bg-{{ color }}" [style.width]="width"></div>\n        </div>\n      </div>\n    </div>\n  ',styles:[]}]}],w.propDecorators={color:[{type:t.Input}],title:[{type:t.Input}],digit:[{type:t.Input}],width:[{type:t.Input}]};var x=function(){function n(){this.color="red",this.icon="fa fa-dollar",this.value="16",this.description="Sales",this.subtitle="6 waiting payments"}return n}();x.decorators=[{type:t.Component,args:[{selector:"ui-dashboard-icon-box",template:'\n    <div class="card p-3">\n      <div class="d-flex align-items-center">\n\t\t<span class="stamp stamp-md bg-{{ color }} mr-3">\n\t\t\t<i class="{{ icon }}"></i>\n\t\t</span>\n        <div>\n          <h4 class="m-0"><a href="javascript:void(0)">{{ value }} <small>{{ description }}</small></a></h4>\n          <small class="text-muted">{{ subtitle }}</small>\n        </div>\n      </div>\n    </div>\n  ',styles:[]}]}],x.propDecorators={color:[{type:t.Input}],icon:[{type:t.Input}],value:[{type:t.Input}],description:[{type:t.Input}],subtitle:[{type:t.Input}]};var C=function(){function n(){}return n.prototype.isPositive=function(){return this.percentage>0},n}();C.decorators=[{type:t.Component,args:[{selector:"ui-dashboard-stats",template:'\n    <div class="card">\n      <div class="card-body p-3 text-center">\n        <div class="text-right" [class.text-green]="isPositive()" [class.text-red]="!isPositive()" >\n          <span *ngIf="percentage">\n            {{percentage}}%\n            <i *ngIf="isPositive()" class="fe fe-chevron-up"></i>\n            <i *ngIf="!isPositive()" class="fe fe-chevron-down"></i>\n          </span>\n        </div>\n        <div class="h1 m-0">{{ number }}</div>\n        <div class="text-muted mb-4">{{ title }}</div>\n      </div>\n    </div>\n  ',styles:[]}]}],C.propDecorators={number:[{type:t.Input}],percentage:[{type:t.Input}],title:[{type:t.Input}]};var M=function(){function n(){}return n.prototype.backgroundImage=function(){return this.image?"url("+this.image+")":""},n}();M.decorators=[{type:t.Component,args:[{selector:"ui-avatar",template:'\n    <span class="avatar avatar-{{size}}" [style.background-image]="backgroundImage()">\n      {{text}}\n      <span *ngIf="status" class="avatar-status bg-{{status}}"></span>\n    </span>\n  ',styles:[]}]}],M.propDecorators={image:[{type:t.Input}],size:[{type:t.Input}],status:[{type:t.Input}],text:[{type:t.Input}]};var D=function(){function n(){this.allowCollapse=!0,this.allowFullScreen=!1,this.allowHide=!0,this.collapsed=!1,this.fullScreen=!1,this.hidden=!1,this.loader=!1,this.statusLeft=!1,this.action=new t.EventEmitter}return n.prototype.collapse=function(n){n.preventDefault(),this.collapsed=!this.collapsed},n.prototype.hide=function(n){n.preventDefault(),this.hidden=!this.hidden},n.prototype.goFullScreen=function(n){n.preventDefault(),this.fullScreen=!this.fullScreen,this.collapsed&&(this.collapsed=!1)},n}();D.decorators=[{type:t.Component,args:[{selector:"ui-card",template:'\n    <div class="card" [class.hide]="hidden" [class.card-fullscreen]="fullScreen">\n      <div *ngIf="status" class="card-status bg-{{ status }}" [class.card-status-left]="statusLeft"></div>\n      <div class="card-header">\n        <h3 class="card-title">\n          <i *ngIf="icon" class="{{ icon }}"></i>\n          {{header}}\n        </h3>\n        <div class="card-options">\n          <form action="" *ngIf="search">\n            <div class="input-group">\n              <input type="text"\n                     class="form-control form-control-sm" [placeholder]="search.placeholder" name="s" [(ngModel)]="search.value">\n              <span class="input-group-btn ml-2">\n                <button class="btn btn-sm btn-default" type="submit" (click)="action.emit( { type: \'SEARCH\', payload: search.value } )">\n                  <span class="fe fe-search"></span>\n                </button>\n              </span>\n            </div>\n          </form>\n          <ng-container *ngIf="!buttons">\n            <a class="card-options-collapse" data-toggle="card-collapse" href="#"\n               [class.hide]="!allowCollapse"\n               (click)="collapse($event)">\n              <i class="fe" [class.fe-chevron-down]="collapsed" [class.fe-chevron-up]="!collapsed"></i>\n            </a>\n            <a class="card-options-fullscreen" data-toggle="card-fullscreen" href="#"\n               [class.hide]="!allowFullScreen"\n               (click)="goFullScreen($event)">\n              <i class="fe fe-maximize"></i>\n            </a>\n            <a class="card-options-remove" data-toggle="card-remove" href="#"\n               [class.hide]="!allowHide"\n               (click)="hide($event)">\n              <i class="fe fe-x"></i>\n            </a>\n          </ng-container>\n          <ng-container *ngIf="buttons">\n            <ng-container *ngFor="let button of buttons">\n              <button class="btn btn-secondary btn-sm ml-2"\n                      *ngIf="button.type === \'button\'"\n                      (click)="action.emit( { type: button.action, payload: button.payload || \'\' })">\n                <i *ngIf="button.icon" [class]="button.icon"></i>\n                {{ button.text }}\n              </button>\n              <label class="custom-switch m-0"\n                     *ngIf="button.type === \'switch\'">\n                <input type="checkbox" [value]="button.checked" class="custom-switch-input"\n                       (change)="action.emit( { type: \'SWITCH\', payload: button.checked } )"\n                       [checked]="button.checked || false">\n                <span class="custom-switch-indicator"></span>\n              </label>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n      <div [class.hide]="collapsed" [class.show]="!collapsed">\n        <ng-container *ngIf="alert">\n          <div class="card-alert alert alert-{{alert.type}} mb-0">\n            {{alert.text}}\n          </div>\n        </ng-container>\n        <ng-content></ng-content>\n        <div class="card-footer" *ngIf="footer">{{footer}}</div>\n      </div>\n    </div>\n  ',styles:["\n    .hide {\n      display: none;\n    }\n    .show {\n      display: block;\n    }\n  "]}]}],D.propDecorators={alert:[{type:t.Input}],allowCollapse:[{type:t.Input}],allowFullScreen:[{type:t.Input}],allowHide:[{type:t.Input}],buttons:[{type:t.Input}],collapsed:[{type:t.Input}],footer:[{type:t.Input}],fullScreen:[{type:t.Input}],header:[{type:t.Input}],hidden:[{type:t.Input}],icon:[{type:t.Input}],loader:[{type:t.Input}],search:[{type:t.Input}],status:[{type:t.Input}],statusLeft:[{type:t.Input}],action:[{type:t.Output}]};var T=function(){function n(){this.loader=!1}return n}();T.decorators=[{type:t.Component,args:[{selector:"ui-card-body",template:'\n    <div class="card-body">\n      <ng-container *ngIf="loader">\n        <div class="dimmer active">\n          <div class="loader"></div>\n          <div class="dimmer-content">\n            <ng-content></ng-content>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf="!loader">\n        <ng-content></ng-content>\n      </ng-container>\n    </div>\n  ',styles:[]}]}],T.propDecorators={loader:[{type:t.Input}]};var S=function(){function n(){}return n}();S.decorators=[{type:t.Component,args:[{selector:"ui-footer-links",template:'\n    <div class="footer" *ngIf="config">\n      <div class="container">\n        <div class="row">\n          <div class="col-lg-8">\n            <div class="row">\n              <div class="col-6 col-md-3">\n                <ul class="list-unstyled mb-0">\n                  <li><a href="#">First link</a></li>\n                  <li><a href="#">Second link</a></li>\n                </ul>\n              </div>\n              <div class="col-6 col-md-3">\n                <ul class="list-unstyled mb-0">\n                  <li><a href="#">Third link</a></li>\n                  <li><a href="#">Fourth link</a></li>\n                </ul>\n              </div>\n              <div class="col-6 col-md-3">\n                <ul class="list-unstyled mb-0">\n                  <li><a href="#">Fifth link</a></li>\n                  <li><a href="#">Sixth link</a></li>\n                </ul>\n              </div>\n              <div class="col-6 col-md-3">\n                <ul class="list-unstyled mb-0">\n                  <li><a href="#">Other link</a></li>\n                  <li><a href="#">Last link</a></li>\n                </ul>\n              </div>\n            </div>\n          </div>\n          <div class="col-lg-4 mt-4 mt-lg-0" [innerHtml]="config?.description"></div>\n        </div>\n      </div>\n    </div>\n  ',styles:[]}]}],S.propDecorators={config:[{type:t.Input}]};var F=function(){function n(){this.icon="fe fe-code",this.name="Code snippet"}return n}();F.decorators=[{type:t.Component,args:[{selector:"ui-highlight",template:'\n    <ui-card [header]="name" [icon]="icon" [buttons]="[]">\n      <div class="p-5">\n        <pre class="m-0 p-0">\n          <code highlight [textContent]="code"></code>\n        </pre>\n      </div>\n    </ui-card>\n  '}]}],F.propDecorators={code:[{type:t.Input}],icon:[{type:t.Input}],name:[{type:t.Input}]};var L=function(){function n(){this.notifications=[],this.actionText="Mark all as read",this.actionType="MARK_ALL_READ",this.action=new t.EventEmitter}return n.prototype.onClick=function(n){n.preventDefault(),this.action.emit({type:this.actionType})},n}();L.decorators=[{type:t.Component,args:[{selector:"ui-header-notifications",template:'\n    <div class="dropdown d-none d-md-flex py-2" dropdown *ngIf="notifications">\n      <a dropdownToggle class="nav-link icon" data-toggle="dropdown">\n        <i class="fe fe-bell"></i>\n        <span class="nav-unread"></span>\n      </a>\n      <div *dropdownMenu class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">\n        <ui-header-notification-item *ngFor="let notification of notifications"\n                                     [notification]="notification"\n                                     (action)="action.emit($event)">\n        </ui-header-notification-item>\n        <div class="dropdown-divider"></div>\n        <a href="#" class="dropdown-item text-center text-muted-dark"\n           (click)="onClick($event)">\n          {{ actionText }}\n        </a>\n      </div>\n    </div>\n  ',styles:[]}]}],L.propDecorators={notifications:[{type:t.Input}],actionText:[{type:t.Input}],actionType:[{type:t.Input}],action:[{type:t.Output}]};var A=function(){function n(){this.action=new t.EventEmitter}return n.prototype.onClick=function(n){n.preventDefault(),this.action.emit({type:"NOTIFICATION_CLICK",payload:this.notification})},n}();A.decorators=[{type:t.Component,args:[{selector:"ui-header-notification-item",template:'\n    <a href="#" class="dropdown-item d-flex" (click)="onClick($event)">\n      <ui-avatar [text]="notification.avatarText" class="mr-3 align-self-center"></ui-avatar>\n      <div>\n        <strong>{{ notification.from }}</strong> {{ notification.text }}\n        <div class="small text-muted">\n          {{ notification.date | timeAgo }}\n        </div>\n      </div>\n    </a>\n  ',styles:[]}]}],A.propDecorators={notification:[{type:t.Input}],action:[{type:t.Output}]};var R=function(){function n(){}return n}();R.decorators=[{type:t.Component,args:[{selector:"ui-header-profile",template:'\n    <div class="dropdown" dropdown *ngIf="profile">\n      <a class="nav-link pr-0" data-toggle="dropdown" dropdownToggle>\n        <ui-avatar [image]="profile.avatar"></ui-avatar>\n        <span class="ml-2 d-none d-lg-block">\n          <span class="text-default">{{ profile.name }} {{ profile.surname }}</span>\n          <small class="text-muted d-block mt-1">Administrator</small>\n        </span>\n      </a>\n      <div *dropdownMenu class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">\n        <ng-container *ngFor="let link of links">\n          <ui-header-profile-link [link]="link"></ui-header-profile-link>\n        </ng-container>\n      </div>\n    </div>\n  '}]}],R.propDecorators={profile:[{type:t.Input}],links:[{type:t.Input}]};var N=function(){function n(){}return n}();N.decorators=[{type:t.Component,args:[{selector:"ui-header-profile-link",template:'\n    <a *ngIf="link.link" class="dropdown-item" [routerLink]="link.link">\n      <ui-badge *ngIf="link.badge" class="float-right" [badge]="link.badge"></ui-badge>\n      <i *ngIf="link.icon" [class]="link.icon" [class.dropdown-icon]="true"></i>\n      <span *ngIf="link.label">{{link.label}}</span>\n    </a>\n    <div *ngIf="link.divider" class="dropdown-divider"></div>\n  ',styles:[]}]}],N.propDecorators={link:[{type:t.Input}]};var P=function(){function n(){}return n.prototype.ngOnInit=function(){this.badge&&(this.label=this.badge.label,this.type=this.badge.type)},n}();P.decorators=[{type:t.Component,args:[{selector:"ui-badge",template:'\n    <span class="badge badge-{{type}}">\n      {{label}}\n    </span>\n  '}]}],P.propDecorators={label:[{type:t.Input}],type:[{type:t.Input}],badge:[{type:t.Input}]};var O=function(){function n(){this.links=[]}return n}();O.decorators=[{type:t.Component,args:[{selector:"ui-header-links",template:'\n    <ng-container *ngFor="let link of links">\n      <a [href]="link.link" [class]="link.class" [target]="link.target || \'_self\' ">\n        <i [class]="link.icon"></i>\n        {{ link.label }}\n      </a>\n    </ng-container>\n  '}]}],O.propDecorators={links:[{type:t.Input}]};var q=[u,g,y,b,C,x,w,I,k,M,D,T,F],E=function(){function n(){}return n}();E.decorators=[{type:t.NgModule,args:[{imports:[a.CommonModule,e.RouterModule,o.FormsModule,o.ReactiveFormsModule,s.NgxChartsModule,r.ChartsModule,l.NgPipesModule,c.BsDropdownModule.forRoot(),d.HighlightModule.forRoot({theme:"atom-one-light"})],declarations:[h,v,S,u,g,m,b,y,C,x,w,I,M,k,D,T,F,L,A,R,N,P,f,O],exports:function(){for(var n=[],t=0;t<arguments.length;t++)n=n.concat(p(arguments[t]));return n}(q,[s.NgxChartsModule,r.ChartsModule,l.NgPipesModule,e.RouterModule])}]}],n.UiModule=E,n.LayoutComponent=u,n.LayoutBaseComponent=g,n.ɵm=M,n.ɵv=P,n.ɵp=T,n.ɵo=D,n.ɵn=k,n.ɵl=I,n.ɵk=w,n.ɵj=x,n.ɵi=C,n.ɵc=S,n.ɵb=v,n.ɵx=O,n.ɵs=A,n.ɵr=L,n.ɵu=N,n.ɵt=R,n.ɵa=h,n.ɵq=F,n.ɵf=m,n.ɵg=b,n.ɵh=y,n.ɵe=g,n.ɵd=u,n.ɵw=f,Object.defineProperty(n,"__esModule",{value:!0})});
+!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/router"),require("rxjs/operators"),require("@angular/common"),require("@angular/forms"),require("@swimlane/ngx-charts"),require("ng2-charts"),require("angular-pipes"),require("ngx-bootstrap/dropdown"),require("ngx-highlightjs")):"function"==typeof define&&define.amd?define("@tabler/angular-ui",["exports","@angular/core","@angular/router","rxjs/operators","@angular/common","@angular/forms","@swimlane/ngx-charts","ng2-charts","angular-pipes","ngx-bootstrap/dropdown","ngx-highlightjs"],t):t((n.tabler=n.tabler||{},n.tabler["angular-ui"]={}),n.ng.core,n.ng.router,n.Rx.Observable.prototype,n.ng.common,n.ng.forms,n.ngxCharts,n.ng2Charts,n.angularPipes,n.dropdown,n.ngxHighlightjs)}(this,function(n,t,e,i,a,o,s,r,l,c,d){"use strict";function p(n,t){var e="function"==typeof Symbol&&n[Symbol.iterator];if(!e)return n;var i,a,o=e.call(n),s=[];try{for(;(void 0===t||t-- >0)&&!(i=o.next()).done;)s.push(i.value)}catch(r){a={error:r}}finally{try{i&&!i.done&&(e=o["return"])&&e.call(o)}finally{if(a)throw a.error}}return s}var u=function(){function n(n){this.route=n}return n.prototype.ngOnInit=function(){var n=this;this.route.data.pipe(i.map(function(n){return n.config})).subscribe(function(t){return n.config=t})},n}();u.decorators=[{type:t.Component,args:[{selector:"ui-layout",template:'\n    <div class="page">\n      <div class="page-main">\n        <ui-header [config]="config?.header"></ui-header>\n        <div class="page-content">\n          <router-outlet></router-outlet>\n        </div>\n        <ui-footer-links [config]="config?.subfooter"></ui-footer-links>\n        <ui-footer [config]="config?.footer"></ui-footer>\n      </div>\n    </div>\n  '}]}],u.ctorParameters=function(){return[{type:e.ActivatedRoute}]};var g=function(){function n(){}return n}();g.decorators=[{type:t.Component,args:[{selector:"ui-layout-base",template:'\n    <div class="page">\n      <router-outlet></router-outlet>\n    </div>\n  '}]}];var f=function(){function n(n,t){this.changeDetectorRef=n,this.ngZone=t}return n.prototype.transform=function(n){var t=this;this.removeTimer();var e=new Date(n),i=new Date,a=Math.round(Math.abs((i.getTime()-e.getTime())/1e3)),o=Number.isNaN(a)?1e3:1e3*this.getSecondsUntilUpdate(a);this.timer=this.ngZone.runOutsideAngular(function(){return"undefined"!=typeof window?window.setTimeout(function(){t.ngZone.run(function(){return t.changeDetectorRef.markForCheck()})},o):null});var s=Math.round(Math.abs(a/60)),r=Math.round(Math.abs(s/60)),l=Math.round(Math.abs(r/24)),c=Math.round(Math.abs(l/30.416)),d=Math.round(Math.abs(l/365));return Number.isNaN(a)?"":a<=45?"a few seconds ago":a<=90?"a minute ago":s<=45?s+" minutes ago":s<=90?"an hour ago":r<=22?r+" hours ago":r<=36?"a day ago":l<=25?l+" days ago":l<=45?"a month ago":l<=345?c+" months ago":l<=545?"a year ago":d+" years ago"},n.prototype.ngOnDestroy=function(){this.removeTimer()},n.prototype.removeTimer=function(){this.timer&&(window.clearTimeout(this.timer),this.timer=null)},n.prototype.getSecondsUntilUpdate=function(n){return n<60?2:n<3600?30:n<86400?300:3600},n}();f.decorators=[{type:t.Pipe,args:[{name:"timeAgo",pure:!1}]}],f.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:t.NgZone}]};var h=function(){function n(){}return n.prototype.handleAction=function(n){console.log("Header Event"),console.log(n)},n}();h.decorators=[{type:t.Component,args:[{selector:"ui-header",template:'\n    <div class="header">\n      <div class="container">\n        <div class="d-flex">\n          <a class="navbar-brand" routerLink="/">\n            <img src="assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">\n            {{ config?.title }}\n          </a>\n          <div class="ml-auto d-flex order-lg-2">\n            <ui-header-links class="nav-item" [links]="config?.links"></ui-header-links>\n            <ui-header-notifications [notifications]="config?.notifications"\n                                     (action)="handleAction($event)"></ui-header-notifications>\n            <ui-header-profile [profile]="config?.user" [links]="config?.profileLinks"></ui-header-profile>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class="header-nav">\n      <div class="container">\n        <div class="row align-items-center">\n          <div class="col">\n            <ui-menu [links]="config?.menu"></ui-menu>\n          </div>\n          <div class="col-3 ml-auto" *ngIf="config?.search">\n            <form class="input-icon">\n              <input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">\n              <div class="input-icon-addon">\n                <i class="fe fe-search"></i>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n  ',styles:[]}]}],h.ctorParameters=function(){return[]},h.propDecorators={config:[{type:t.Input}]};var v=function(){function n(){}return n}();v.decorators=[{type:t.Component,args:[{selector:"ui-footer",template:'\n    <footer class="footer" *ngIf="config">\n      <div class="container">\n        <div class="row align-items-center flex-row-reverse">\n          <div class="col-auto ml-auto">\n            <div class="row align-items-center">\n              <div class="col-auto">\n                <ul class="list-inline list-inline-dots mb-0">\n                  <ng-container *ngFor="let link of config?.links">\n                    <li class="list-inline-item">\n                      <a [href]="link.link" [class]="link.class" [target]="link.target || \'_self\'">\n                        <i [class]="link.icon"></i>\n                        {{ link.label }}\n                      </a>\n                    </li>\n                  </ng-container>\n                </ul>\n              </div>\n            </div>\n          </div>\n          <div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center" [innerHtml]="config?.disclaimer">\n          </div>\n        </div>\n      </div>\n    </footer>\n  ',styles:[]}]}],v.propDecorators={config:[{type:t.Input}]};var m=function(){function n(){this.links=[]}return n}();m.decorators=[{type:t.Component,args:[{selector:"ui-menu",template:'\n    <ul class="nav nav-tabs" style="white-space: nowrap;">\n      <ng-container *ngFor="let item of links">\n        <li class="nav-item d-inline-block">\n          <a href="#" [routerLink]="item.url" class="nav-link" routerLinkActive="active">\n            <i class="{{ item.icon }}" *ngIf="item.icon"></i>\n            {{item.name}}\n          </a>\n          <div class="nav-submenu nav" *ngIf="item.subpages">\n            <ng-container *ngFor="let subitem of item.subpages">\n              <a href="#" class="nav-item" [routerLink]="subitem.url" routerLinkActive="active">\n                <i class="{{ subitem.icon }}" *ngIf="subitem.icon"></i>\n                {{subitem.name}}\n              </a>\n            </ng-container>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  ',styles:[]}]}],m.propDecorators={links:[{type:t.Input}]};var y=function(){function n(){}return n}();y.decorators=[{type:t.Component,args:[{selector:"ui-page",template:'\n     <div class="container">\n      <ng-content></ng-content>\n    </div>\n  '}]}];var b=function(){function n(){this.badgeStyle="default",this.header=!0}return n}();b.decorators=[{type:t.Component,args:[{selector:"ui-page-title",template:'\n    <div [class.page-header]="header">\n      <h1 class="page-title">\n        <i *ngIf="icon" class="{{ icon }} page-title-icon m-3"></i>\n        {{ title }}\n        <small *ngIf="badge" class="badge badge-{{badgeStyle}} m-3">\n          {{badge}}\n        </small>\n      </h1>\n      <div *ngIf="subTitle" class="page-subtitle">\n        {{subTitle}}\n      </div>\n      <div class="page-options">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ',styles:[]}]}],b.propDecorators={badge:[{type:t.Input}],badgeStyle:[{type:t.Input}],header:[{type:t.Input}],icon:[{type:t.Input}],title:[{type:t.Input}],subTitle:[{type:t.Input}]};var I=function(){function n(){this.height="10rem",this.title="",this.data=[],this.doughnut=!1,this.view=[230,192],this.showLegend=!1,this.showLabels=!1}return n}();I.decorators=[{type:t.Component,args:[{selector:"ui-dashboard-chart",template:'\n    <div class="card">\n      <div class="card-header">\n        <h3 class="card-title">{{ title }}</h3>\n      </div>\n      <div class="card-body">\n        <div [style.height]="height">\n          <ngx-charts-pie-chart\n            scheme="air"\n            [view]="view"\n            [results]="data"\n            [legend]="showLegend"\n            [labels]="showLabels"\n            [doughnut]="doughnut"\n            [gradient]="false">\n          </ngx-charts-pie-chart>\n        </div>\n      </div>\n    </div>\n  ',styles:[]}]}],I.propDecorators={height:[{type:t.Input}],title:[{type:t.Input}],data:[{type:t.Input}],doughnut:[{type:t.Input}]};var k=function(){function n(){this.datasets=[{data:[78,81,80,45,34,12,40],label:"Series A"}],this.labels=["January","February","March","April","May","June","July"],this.options={maintainAspectRatio:!1,scales:{xAxes:[{display:!1}],yAxes:[{display:!1}]},elements:{line:{borderWidth:2},point:{radius:0,hitRadius:10,hoverRadius:4}},legend:{display:!1},animation:{duration:0}},this.colors=[{backgroundColor:"rgba(70,127,207,0.1)",borderColor:"rgba(70,127,207)"}]}return n}();k.decorators=[{type:t.Component,args:[{selector:"ui-dashboard-chart-bg",template:'\n    <div class="card">\n      <div class="card-body">\n      \x3c!--<div class="card-body">--\x3e\n        <div class="card-value pull-right text-{{ color }}">{{ rate }}</div>\n        <h3 class="mb-1">{{ title}}</h3>\n        <div class="text-muted">{{ description }}</div>\n      </div>\n      <div class="card-img">\n          <canvas baseChart\n                  class="pt-5"\n                  height="160"\n                  [datasets]="datasets"\n                  [labels]="labels"\n                  [options]="options"\n                  [colors]="colors"\n                  chartType="line"></canvas>\n        </div>\n    </div>\n  ',styles:["\n    .card-body {\n      background-color: transparent;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      padding: 1.25rem;\n    }\n  "]}]}],k.propDecorators={rate:[{type:t.Input}],color:[{type:t.Input}],title:[{type:t.Input}],description:[{type:t.Input}]};var w=function(){function n(){this.color="blue",this.title="Today Expenses",this.digit="$8500",this.width="54%"}return n}();w.decorators=[{type:t.Component,args:[{selector:"ui-dashboard-digit",template:'\n    <div class="card">\n      <div class="card-body text-center">\n        <div class="h5">{{ title }}</div>\n        <div class="display-4 font-weight-bold mb-4">{{ digit }}</div>\n        <div class="progress progress-sm">\n          <div class="progress-bar bg-{{ color }}" [style.width]="width"></div>\n        </div>\n      </div>\n    </div>\n  ',styles:[]}]}],w.propDecorators={color:[{type:t.Input}],title:[{type:t.Input}],digit:[{type:t.Input}],width:[{type:t.Input}]};var x=function(){function n(){this.color="red",this.icon="fa fa-dollar",this.value="16",this.description="Sales",this.subtitle="6 waiting payments"}return n}();x.decorators=[{type:t.Component,args:[{selector:"ui-dashboard-icon-box",template:'\n    <div class="card p-3">\n      <div class="d-flex align-items-center">\n\t\t<span class="stamp stamp-md bg-{{ color }} mr-3">\n\t\t\t<i class="{{ icon }}"></i>\n\t\t</span>\n        <div>\n          <h4 class="m-0"><a href="javascript:void(0)">{{ value }} <small>{{ description }}</small></a></h4>\n          <small class="text-muted">{{ subtitle }}</small>\n        </div>\n      </div>\n    </div>\n  ',styles:[]}]}],x.propDecorators={color:[{type:t.Input}],icon:[{type:t.Input}],value:[{type:t.Input}],description:[{type:t.Input}],subtitle:[{type:t.Input}]};var C=function(){function n(){}return n.prototype.isPositive=function(){return this.percentage>0},n}();C.decorators=[{type:t.Component,args:[{selector:"ui-dashboard-stats",template:'\n    <div class="card">\n      <div class="card-body p-3 text-center">\n        <div class="text-right" [class.text-green]="isPositive()" [class.text-red]="!isPositive()" >\n          <span *ngIf="percentage">\n            {{percentage}}%\n            <i *ngIf="isPositive()" class="fe fe-chevron-up"></i>\n            <i *ngIf="!isPositive()" class="fe fe-chevron-down"></i>\n          </span>\n        </div>\n        <div class="h1 m-0">{{ number }}</div>\n        <div class="text-muted mb-4">{{ title }}</div>\n      </div>\n    </div>\n  ',styles:[]}]}],C.propDecorators={number:[{type:t.Input}],percentage:[{type:t.Input}],title:[{type:t.Input}]};var M=function(){function n(){}return n.prototype.backgroundImage=function(){return this.image?"url("+this.image+")":""},n}();M.decorators=[{type:t.Component,args:[{selector:"ui-avatar",template:'\n    <span class="avatar avatar-{{size}}" [style.background-image]="backgroundImage()">\n      {{text}}\n      <span *ngIf="status" class="avatar-status bg-{{status}}"></span>\n    </span>\n  ',styles:[]}]}],M.propDecorators={image:[{type:t.Input}],size:[{type:t.Input}],status:[{type:t.Input}],text:[{type:t.Input}]};var D=function(){function n(){this.allowCollapse=!0,this.allowFullScreen=!1,this.allowHide=!0,this.collapsed=!1,this.fullScreen=!1,this.hidden=!1,this.loader=!1,this.statusLeft=!1,this.action=new t.EventEmitter}return n.prototype.collapse=function(n){n.preventDefault(),this.collapsed=!this.collapsed},n.prototype.hide=function(n){n.preventDefault(),this.hidden=!this.hidden},n.prototype.goFullScreen=function(n){n.preventDefault(),this.fullScreen=!this.fullScreen,this.collapsed&&(this.collapsed=!1)},n}();D.decorators=[{type:t.Component,args:[{selector:"ui-card",template:'\n    <div class="card" [class.hide]="hidden" [class.card-fullscreen]="fullScreen">\n      <div *ngIf="status" class="card-status bg-{{ status }}" [class.card-status-left]="statusLeft"></div>\n      <div class="card-header">\n        <h3 class="card-title">\n          <i *ngIf="icon" class="{{ icon }}"></i>\n          {{header}}\n        </h3>\n        <div class="card-options">\n          <form action="" *ngIf="search">\n            <div class="input-group">\n              <input type="text"\n                     class="form-control form-control-sm" [placeholder]="search.placeholder" name="s" [(ngModel)]="search.value">\n              <span class="input-group-btn ml-2">\n                <button class="btn btn-sm btn-default" type="submit" (click)="action.emit( { type: \'SEARCH\', payload: search.value } )">\n                  <span class="fe fe-search"></span>\n                </button>\n              </span>\n            </div>\n          </form>\n          <ng-container *ngIf="!buttons">\n            <a class="card-options-collapse" data-toggle="card-collapse" href="#"\n               [class.hide]="!allowCollapse"\n               (click)="collapse($event)">\n              <i class="fe" [class.fe-chevron-down]="collapsed" [class.fe-chevron-up]="!collapsed"></i>\n            </a>\n            <a class="card-options-fullscreen" data-toggle="card-fullscreen" href="#"\n               [class.hide]="!allowFullScreen"\n               (click)="goFullScreen($event)">\n              <i class="fe fe-maximize"></i>\n            </a>\n            <a class="card-options-remove" data-toggle="card-remove" href="#"\n               [class.hide]="!allowHide"\n               (click)="hide($event)">\n              <i class="fe fe-x"></i>\n            </a>\n          </ng-container>\n          <ng-container *ngIf="buttons">\n            <ng-container *ngFor="let button of buttons">\n              <button class="btn btn-secondary btn-sm ml-2"\n                      *ngIf="button.type === \'button\'"\n                      (click)="action.emit( { type: button.action, payload: button.payload || \'\' })">\n                <i *ngIf="button.icon" [class]="button.icon"></i>\n                {{ button.text }}\n              </button>\n              <label class="custom-switch m-0"\n                     *ngIf="button.type === \'switch\'">\n                <input type="checkbox" [value]="button.checked" class="custom-switch-input"\n                       (change)="action.emit( { type: \'SWITCH\', payload: button.checked } )"\n                       [checked]="button.checked || false">\n                <span class="custom-switch-indicator"></span>\n              </label>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n      <div [class.hide]="collapsed" [class.show]="!collapsed">\n        <ng-container *ngIf="alert">\n          <div class="card-alert alert alert-{{alert.type}} mb-0">\n            {{alert.text}}\n          </div>\n        </ng-container>\n        <ng-content></ng-content>\n        <div class="card-footer" *ngIf="footer">{{footer}}</div>\n      </div>\n    </div>\n  ',styles:["\n    .hide {\n      display: none;\n    }\n    .show {\n      display: block;\n    }\n  "]}]}],D.propDecorators={alert:[{type:t.Input}],allowCollapse:[{type:t.Input}],allowFullScreen:[{type:t.Input}],allowHide:[{type:t.Input}],buttons:[{type:t.Input}],collapsed:[{type:t.Input}],footer:[{type:t.Input}],fullScreen:[{type:t.Input}],header:[{type:t.Input}],hidden:[{type:t.Input}],icon:[{type:t.Input}],loader:[{type:t.Input}],search:[{type:t.Input}],status:[{type:t.Input}],statusLeft:[{type:t.Input}],action:[{type:t.Output}]};var T=function(){function n(){this.loader=!1}return n}();T.decorators=[{type:t.Component,args:[{selector:"ui-card-body",template:'\n    <div class="card-body">\n      <ng-container *ngIf="loader">\n        <div class="dimmer active">\n          <div class="loader"></div>\n          <div class="dimmer-content">\n            <ng-content></ng-content>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf="!loader">\n        <ng-content></ng-content>\n      </ng-container>\n    </div>\n  ',styles:[]}]}],T.propDecorators={loader:[{type:t.Input}]};var S=function(){function n(){}return n}();S.decorators=[{type:t.Component,args:[{selector:"ui-footer-links",template:'\n    <div class="footer" *ngIf="config">\n      <div class="container">\n        <div class="row">\n          <div class="col-lg-8">\n            <div class="row">\n              <div class="col-6 col-md-3">\n                <ul class="list-unstyled mb-0">\n                  <li><a href="#">First link</a></li>\n                  <li><a href="#">Second link</a></li>\n                </ul>\n              </div>\n              <div class="col-6 col-md-3">\n                <ul class="list-unstyled mb-0">\n                  <li><a href="#">Third link</a></li>\n                  <li><a href="#">Fourth link</a></li>\n                </ul>\n              </div>\n              <div class="col-6 col-md-3">\n                <ul class="list-unstyled mb-0">\n                  <li><a href="#">Fifth link</a></li>\n                  <li><a href="#">Sixth link</a></li>\n                </ul>\n              </div>\n              <div class="col-6 col-md-3">\n                <ul class="list-unstyled mb-0">\n                  <li><a href="#">Other link</a></li>\n                  <li><a href="#">Last link</a></li>\n                </ul>\n              </div>\n            </div>\n          </div>\n          <div class="col-lg-4 mt-4 mt-lg-0" [innerHtml]="config?.description"></div>\n        </div>\n      </div>\n    </div>\n  ',styles:[]}]}],S.propDecorators={config:[{type:t.Input}]};var F=function(){function n(){this.icon="fe fe-code",this.name="Code snippet"}return n}();F.decorators=[{type:t.Component,args:[{selector:"ui-highlight",template:'\n    <ui-card [header]="name" [icon]="icon" [buttons]="[]">\n      <div class="p-5">\n        <pre class="m-0 p-0">\n          <code highlight [textContent]="code"></code>\n        </pre>\n      </div>\n    </ui-card>\n  '}]}],F.propDecorators={code:[{type:t.Input}],icon:[{type:t.Input}],name:[{type:t.Input}]};var L=function(){function n(){this.notifications=[],this.actionText="Mark all as read",this.actionType="MARK_ALL_READ",this.action=new t.EventEmitter}return n.prototype.onClick=function(n){n.preventDefault(),this.action.emit({type:this.actionType})},n}();L.decorators=[{type:t.Component,args:[{selector:"ui-header-notifications",template:'\n    <div class="dropdown d-none d-md-flex py-2" dropdown *ngIf="notifications">\n      <a dropdownToggle class="nav-link icon" data-toggle="dropdown">\n        <i class="fe fe-bell"></i>\n        <span class="nav-unread"></span>\n      </a>\n      <div *dropdownMenu class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">\n        <ui-header-notification-item *ngFor="let notification of notifications"\n                                     [notification]="notification"\n                                     (action)="action.emit($event)">\n        </ui-header-notification-item>\n        <div class="dropdown-divider"></div>\n        <a href="#" class="dropdown-item text-center text-muted-dark"\n           (click)="onClick($event)">\n          {{ actionText }}\n        </a>\n      </div>\n    </div>\n  ',styles:[]}]}],L.propDecorators={notifications:[{type:t.Input}],actionText:[{type:t.Input}],actionType:[{type:t.Input}],action:[{type:t.Output}]};var A=function(){function n(){this.action=new t.EventEmitter}return n.prototype.onClick=function(n){n.preventDefault(),this.action.emit({type:"NOTIFICATION_CLICK",payload:this.notification})},n}();A.decorators=[{type:t.Component,args:[{selector:"ui-header-notification-item",template:'\n    <a href="#" class="dropdown-item d-flex" (click)="onClick($event)">\n      <ui-avatar [text]="notification.avatarText" class="mr-3 align-self-center"></ui-avatar>\n      <div>\n        <strong>{{ notification.from }}</strong> {{ notification.text }}\n        <div class="small text-muted">\n          {{ notification.date | timeAgo }}\n        </div>\n      </div>\n    </a>\n  ',styles:[]}]}],A.propDecorators={notification:[{type:t.Input}],action:[{type:t.Output}]};var R=function(){function n(){}return n}();R.decorators=[{type:t.Component,args:[{selector:"ui-header-profile",template:'\n    <div class="dropdown" dropdown *ngIf="profile">\n      <a class="nav-link pr-0" data-toggle="dropdown" dropdownToggle>\n        <ui-avatar [image]="profile.avatar"></ui-avatar>\n        <span class="ml-2 d-none d-lg-block">\n          <span class="text-default">{{ profile.name }} {{ profile.surname }}</span>\n          <small class="text-muted d-block mt-1">Administrator</small>\n        </span>\n      </a>\n      <div *dropdownMenu class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">\n        <ng-container *ngFor="let link of links">\n          <ui-header-profile-link [link]="link"></ui-header-profile-link>\n        </ng-container>\n      </div>\n    </div>\n  '}]}],R.propDecorators={profile:[{type:t.Input}],links:[{type:t.Input}]};var N=function(){function n(){}return n}();N.decorators=[{type:t.Component,args:[{selector:"ui-header-profile-link",template:'\n    <a *ngIf="link.link" class="dropdown-item" [routerLink]="link.link">\n      <ui-badge *ngIf="link.badge" class="float-right" [badge]="link.badge"></ui-badge>\n      <i *ngIf="link.icon" [class]="link.icon" [class.dropdown-icon]="true"></i>\n      <span *ngIf="link.label">{{link.label}}</span>\n    </a>\n    <div *ngIf="link.divider" class="dropdown-divider"></div>\n  ',styles:[]}]}],N.propDecorators={link:[{type:t.Input}]};var P=function(){function n(){}return n.prototype.ngOnInit=function(){this.badge&&(this.label=this.badge.label,this.type=this.badge.type)},n}();P.decorators=[{type:t.Component,args:[{selector:"ui-badge",template:'\n    <span class="badge badge-{{type}}">\n      {{label}}\n    </span>\n  '}]}],P.propDecorators={label:[{type:t.Input}],type:[{type:t.Input}],badge:[{type:t.Input}]};var O=function(){function n(){this.links=[]}return n}();O.decorators=[{type:t.Component,args:[{selector:"ui-header-links",template:'\n    <ng-container *ngFor="let link of links">\n      <a [href]="link.link" [class]="link.class" [target]="link.target || \'_self\' ">\n        <i [class]="link.icon"></i>\n        <span class="d-none d-lg-inline">{{ link.label }}</span>\n      </a>\n    </ng-container>\n  '}]}],O.propDecorators={links:[{type:t.Input}]};var q=[u,g,y,b,C,x,w,I,k,M,D,T,F],E=function(){function n(){}return n}();E.decorators=[{type:t.NgModule,args:[{imports:[a.CommonModule,e.RouterModule,o.FormsModule,o.ReactiveFormsModule,s.NgxChartsModule,r.ChartsModule,l.NgPipesModule,c.BsDropdownModule.forRoot(),d.HighlightModule.forRoot({theme:"atom-one-light"})],declarations:[h,v,S,u,g,m,b,y,C,x,w,I,M,k,D,T,F,L,A,R,N,P,f,O],exports:function(){for(var n=[],t=0;t<arguments.length;t++)n=n.concat(p(arguments[t]));return n}(q,[s.NgxChartsModule,r.ChartsModule,l.NgPipesModule,e.RouterModule])}]}],n.UiModule=E,n.LayoutComponent=u,n.LayoutBaseComponent=g,n.ɵm=M,n.ɵv=P,n.ɵp=T,n.ɵo=D,n.ɵn=k,n.ɵl=I,n.ɵk=w,n.ɵj=x,n.ɵi=C,n.ɵc=S,n.ɵb=v,n.ɵx=O,n.ɵs=A,n.ɵr=L,n.ɵu=N,n.ɵt=R,n.ɵa=h,n.ɵq=F,n.ɵf=m,n.ɵg=b,n.ɵh=y,n.ɵe=g,n.ɵd=u,n.ɵw=f,Object.defineProperty(n,"__esModule",{value:!0})});
 //# sourceMappingURL=tabler-angular-ui.umd.min.js.map

esm2015/tabler-angular-ui.js

@@ -238,3 +238,3 @@ import { Component, Pipe, NgZone, ChangeDetectorRef, Input, EventEmitter, Output, NgModule } from '@angular/core';
     </div>
-    <div class="header-nav d-none d-lg-flex">
+    <div class="header-nav">
       <div class="container">
@@ -245,3 +245,3 @@ <div class="row align-items-center">
           </div>
-          <div class="col-3 ml-auto">
+          <div class="col-3 ml-auto" *ngIf="config?.search">
             <form class="input-icon">
@@ -323,5 +323,5 @@ <input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
                 template: `
-    <ul class="nav nav-tabs">
+    <ul class="nav nav-tabs" style="white-space: nowrap;">
       <ng-container *ngFor="let item of links">
-        <li class="nav-item">
+        <li class="nav-item d-inline-block">
           <a href="#" [routerLink]="item.url" class="nav-link" routerLinkActive="active">
@@ -1165,3 +1165,3 @@ <i class="{{ item.icon }}" *ngIf="item.icon"></i>
         <i [class]="link.icon"></i>
-        {{ link.label }}
+        <span class="d-none d-lg-inline">{{ link.label }}</span>
       </a>
@@ -1168,0 +1168,0 @@ </ng-container>

esm5/tabler-angular-ui.js

@@ -157,3 +157,3 @@ import { __spread } from 'tslib';
                 selector: 'ui-header',
-                template: "\n    <div class=\"header\">\n      <div class=\"container\">\n        <div class=\"d-flex\">\n          <a class=\"navbar-brand\" routerLink=\"/\">\n            <img src=\"assets/brand/tabler.svg\" class=\"navbar-brand-img\" alt=\"tabler.io\">\n            {{ config?.title }}\n          </a>\n          <div class=\"ml-auto d-flex order-lg-2\">\n            <ui-header-links class=\"nav-item\" [links]=\"config?.links\"></ui-header-links>\n            <ui-header-notifications [notifications]=\"config?.notifications\"\n                                     (action)=\"handleAction($event)\"></ui-header-notifications>\n            <ui-header-profile [profile]=\"config?.user\" [links]=\"config?.profileLinks\"></ui-header-profile>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"header-nav d-none d-lg-flex\">\n      <div class=\"container\">\n        <div class=\"row align-items-center\">\n          <div class=\"col\">\n            <ui-menu [links]=\"config?.menu\"></ui-menu>\n          </div>\n          <div class=\"col-3 ml-auto\">\n            <form class=\"input-icon\">\n              <input type=\"search\" class=\"form-control header-search\" placeholder=\"Search&hellip;\" tabindex=\"1\">\n              <div class=\"input-icon-addon\">\n                <i class=\"fe fe-search\"></i>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
+                template: "\n    <div class=\"header\">\n      <div class=\"container\">\n        <div class=\"d-flex\">\n          <a class=\"navbar-brand\" routerLink=\"/\">\n            <img src=\"assets/brand/tabler.svg\" class=\"navbar-brand-img\" alt=\"tabler.io\">\n            {{ config?.title }}\n          </a>\n          <div class=\"ml-auto d-flex order-lg-2\">\n            <ui-header-links class=\"nav-item\" [links]=\"config?.links\"></ui-header-links>\n            <ui-header-notifications [notifications]=\"config?.notifications\"\n                                     (action)=\"handleAction($event)\"></ui-header-notifications>\n            <ui-header-profile [profile]=\"config?.user\" [links]=\"config?.profileLinks\"></ui-header-profile>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"header-nav\">\n      <div class=\"container\">\n        <div class=\"row align-items-center\">\n          <div class=\"col\">\n            <ui-menu [links]=\"config?.menu\"></ui-menu>\n          </div>\n          <div class=\"col-3 ml-auto\" *ngIf=\"config?.search\">\n            <form class=\"input-icon\">\n              <input type=\"search\" class=\"form-control header-search\" placeholder=\"Search&hellip;\" tabindex=\"1\">\n              <div class=\"input-icon-addon\">\n                <i class=\"fe fe-search\"></i>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
                 styles: []
@@ -190,3 +190,3 @@ },] },
                 selector: 'ui-menu',
-                template: "\n    <ul class=\"nav nav-tabs\">\n      <ng-container *ngFor=\"let item of links\">\n        <li class=\"nav-item\">\n          <a href=\"#\" [routerLink]=\"item.url\" class=\"nav-link\" routerLinkActive=\"active\">\n            <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\n            {{item.name}}\n          </a>\n          <div class=\"nav-submenu nav\" *ngIf=\"item.subpages\">\n            <ng-container *ngFor=\"let subitem of item.subpages\">\n              <a href=\"#\" class=\"nav-item\" [routerLink]=\"subitem.url\" routerLinkActive=\"active\">\n                <i class=\"{{ subitem.icon }}\" *ngIf=\"subitem.icon\"></i>\n                {{subitem.name}}\n              </a>\n            </ng-container>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  ",
+                template: "\n    <ul class=\"nav nav-tabs\" style=\"white-space: nowrap;\">\n      <ng-container *ngFor=\"let item of links\">\n        <li class=\"nav-item d-inline-block\">\n          <a href=\"#\" [routerLink]=\"item.url\" class=\"nav-link\" routerLinkActive=\"active\">\n            <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\n            {{item.name}}\n          </a>\n          <div class=\"nav-submenu nav\" *ngIf=\"item.subpages\">\n            <ng-container *ngFor=\"let subitem of item.subpages\">\n              <a href=\"#\" class=\"nav-item\" [routerLink]=\"subitem.url\" routerLinkActive=\"active\">\n                <i class=\"{{ subitem.icon }}\" *ngIf=\"subitem.icon\"></i>\n                {{subitem.name}}\n              </a>\n            </ng-container>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  ",
                 styles: []
@@ -612,3 +612,3 @@ },] },
                 selector: 'ui-header-links',
-                template: "\n    <ng-container *ngFor=\"let link of links\">\n      <a [href]=\"link.link\" [class]=\"link.class\" [target]=\"link.target || '_self' \">\n        <i [class]=\"link.icon\"></i>\n        {{ link.label }}\n      </a>\n    </ng-container>\n  ",
+                template: "\n    <ng-container *ngFor=\"let link of links\">\n      <a [href]=\"link.link\" [class]=\"link.class\" [target]=\"link.target || '_self' \">\n        <i [class]=\"link.icon\"></i>\n        <span class=\"d-none d-lg-inline\">{{ link.label }}</span>\n      </a>\n    </ng-container>\n  ",
             },] },
@@ -615,0 +615,0 @@ ];

package.json

 {
   "$schema": "../../node_modules/ng-packagr/package.schema.json",
   "name": "@tabler/angular-ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "publishConfig": {
@@ -6,0 +6,0 @@ "access": "public"

tabler-angular-ui.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"./src/containers"}],"metadata":{"UiModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":54,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":56,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":58,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":59,"character":4},{"__symbolic":"reference","module":"@swimlane/ngx-charts","name":"NgxChartsModule","line":60,"character":4},{"__symbolic":"reference","module":"ng2-charts","name":"ChartsModule","line":61,"character":4},{"__symbolic":"reference","module":"angular-pipes","name":"NgPipesModule","line":62,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":63,"character":4},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-highlightjs","name":"HighlightModule","line":64,"character":4},"member":"forRoot"},"arguments":[{"theme":"atom-one-light"}]}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"}],"exports":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","module":"@swimlane/ngx-charts","name":"NgxChartsModule","line":96,"character":4},{"__symbolic":"reference","module":"ng2-charts","name":"ChartsModule","line":97,"character":4},{"__symbolic":"reference","module":"angular-pipes","name":"NgPipesModule","line":98,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":99,"character":4}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header","template":"\n    <div class=\"header\">\n      <div class=\"container\">\n        <div class=\"d-flex\">\n          <a class=\"navbar-brand\" routerLink=\"/\">\n            <img src=\"assets/brand/tabler.svg\" class=\"navbar-brand-img\" alt=\"tabler.io\">\n            {{ config?.title }}\n          </a>\n          <div class=\"ml-auto d-flex order-lg-2\">\n\n            <ui-header-links class=\"nav-item\" [links]=\"config?.links\"></ui-header-links>\n            \n            <ui-header-notifications [notifications]=\"config?.notifications\"\n                                     (action)=\"handleAction($event)\"></ui-header-notifications>\n\n            <ui-header-profile [profile]=\"config?.user\" [links]=\"config?.profileLinks\"></ui-header-profile>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"header-nav d-none d-lg-flex\">\n      <div class=\"container\">\n        <div class=\"row align-items-center\">\n          <div class=\"col\">\n            <ui-menu [links]=\"config?.menu\"></ui-menu>\n          </div>\n          <div class=\"col-3 ml-auto\">\n            <form class=\"input-icon\">\n              <input type=\"search\" class=\"form-control header-search\" placeholder=\"Search&hellip;\" tabindex=\"1\">\n              <div class=\"input-icon-addon\">\n                <i class=\"fe fe-search\"></i>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"handleAction":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-footer","template":"\n    <footer class=\"footer\" *ngIf=\"config\">\n      <div class=\"container\">\n        <div class=\"row align-items-center flex-row-reverse\">\n          <div class=\"col-auto ml-auto\">\n            <div class=\"row align-items-center\">\n              <div class=\"col-auto\">\n                <ul class=\"list-inline list-inline-dots mb-0\">\n                  <ng-container *ngFor=\"let link of config?.links\">\n                    <li class=\"list-inline-item\">\n                      <a [href]=\"link.link\" [class]=\"link.class\" [target]=\"link.target || '_self'\">\n                        <i [class]=\"link.icon\"></i>\n                        {{ link.label }}\n                      </a>\n                    </li>\n                  </ng-container>\n                </ul>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-12 col-lg-auto mt-3 mt-lg-0 text-center\" [innerHtml]=\"config?.disclaimer\">\n          </div>\n        </div>\n      </div>\n    </footer>\n  ","styles":[]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-footer-links","template":"\n    <div class=\"footer\" *ngIf=\"config\">\n      <div class=\"container\">\n        <div class=\"row\">\n          <div class=\"col-lg-8\">\n            <div class=\"row\">\n              <div class=\"col-6 col-md-3\">\n                <ul class=\"list-unstyled mb-0\">\n                  <li><a href=\"#\">First link</a></li>\n                  <li><a href=\"#\">Second link</a></li>\n                </ul>\n              </div>\n              <div class=\"col-6 col-md-3\">\n                <ul class=\"list-unstyled mb-0\">\n                  <li><a href=\"#\">Third link</a></li>\n                  <li><a href=\"#\">Fourth link</a></li>\n                </ul>\n              </div>\n              <div class=\"col-6 col-md-3\">\n                <ul class=\"list-unstyled mb-0\">\n                  <li><a href=\"#\">Fifth link</a></li>\n                  <li><a href=\"#\">Sixth link</a></li>\n                </ul>\n              </div>\n              <div class=\"col-6 col-md-3\">\n                <ul class=\"list-unstyled mb-0\">\n                  <li><a href=\"#\">Other link</a></li>\n                  <li><a href=\"#\">Last link</a></li>\n                </ul>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-lg-4 mt-4 mt-lg-0\" [innerHtml]=\"config?.description\"></div>\n        </div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ui-layout","template":"\n    <div class=\"page\">\n      <div class=\"page-main\">\n        <ui-header [config]=\"config?.header\"></ui-header>\n        <div class=\"page-content\">\n          <router-outlet></router-outlet>\n        </div>\n        <ui-footer-links [config]=\"config?.subfooter\"></ui-footer-links>\n        <ui-footer [config]=\"config?.footer\"></ui-footer>\n      </div>\n    </div>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":22,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-layout-base","template":"\n    <div class=\"page\">\n      <router-outlet></router-outlet>\n    </div>\n  "}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-menu","template":"\n    <ul class=\"nav nav-tabs\">\n      <ng-container *ngFor=\"let item of links\">\n        <li class=\"nav-item\">\n          <a href=\"#\" [routerLink]=\"item.url\" class=\"nav-link\" routerLinkActive=\"active\">\n            <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\n            {{item.name}}\n          </a>\n          <div class=\"nav-submenu nav\" *ngIf=\"item.subpages\">\n            <ng-container *ngFor=\"let subitem of item.subpages\">\n              <a href=\"#\" class=\"nav-item\" [routerLink]=\"subitem.url\" routerLinkActive=\"active\">\n                <i class=\"{{ subitem.icon }}\" *ngIf=\"subitem.icon\"></i>\n                {{subitem.name}}\n              </a>\n            </ng-container>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  ","styles":[]}]}],"members":{"links":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-page-title","template":"\n    <div [class.page-header]=\"header\">\n      <h1 class=\"page-title\">\n        <i *ngIf=\"icon\" class=\"{{ icon }} page-title-icon m-3\"></i>\n        {{ title }}\n        <small *ngIf=\"badge\" class=\"badge badge-{{badgeStyle}} m-3\">\n          {{badge}}\n        </small>\n      </h1>\n\n      <div *ngIf=\"subTitle\" class=\"page-subtitle\">\n        {{subTitle}}\n      </div>\n\n      <div class=\"page-options\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"badgeStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-page","template":"\n     <div class=\"container\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-dashboard-stats","template":"\n    <div class=\"card\">\n      <div class=\"card-body p-3 text-center\">\n        <div class=\"text-right\" [class.text-green]=\"isPositive()\" [class.text-red]=\"!isPositive()\" >\n          <span *ngIf=\"percentage\">\n            {{percentage}}%\n            <i *ngIf=\"isPositive()\" class=\"fe fe-chevron-up\"></i>\n            <i *ngIf=\"!isPositive()\" class=\"fe fe-chevron-down\"></i>\n          </span>\n        </div>\n        <div class=\"h1 m-0\">{{ number }}</div>\n        <div class=\"text-muted mb-4\">{{ title }}</div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"number":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"percentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"isPositive":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-dashboard-icon-box","template":"\n    <div class=\"card p-3\">\n      <div class=\"d-flex align-items-center\">\n\t\t<span class=\"stamp stamp-md bg-{{ color }} mr-3\">\n\t\t\t<i class=\"{{ icon }}\"></i>\n\t\t</span>\n        <div>\n          <h4 class=\"m-0\"><a href=\"javascript:void(0)\">{{ value }} <small>{{ description }}</small></a></h4>\n          <small class=\"text-muted\">{{ subtitle }}</small>\n        </div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"subtitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-dashboard-digit","template":"\n    <div class=\"card\">\n      <div class=\"card-body text-center\">\n        <div class=\"h5\">{{ title }}</div>\n        <div class=\"display-4 font-weight-bold mb-4\">{{ digit }}</div>\n        <div class=\"progress progress-sm\">\n          <div class=\"progress-bar bg-{{ color }}\" [style.width]=\"width\"></div>\n        </div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"digit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-dashboard-chart","template":"\n    <div class=\"card\">\n      <div class=\"card-header\">\n        <h3 class=\"card-title\">{{ title }}</h3>\n      </div>\n      <div class=\"card-body\">\n        <div [style.height]=\"height\">\n          <ngx-charts-pie-chart\n            scheme=\"air\"\n            [view]=\"view\"\n            [results]=\"data\"\n            [legend]=\"showLegend\"\n            [labels]=\"showLabels\"\n            [doughnut]=\"doughnut\"\n            [gradient]=\"false\">\n          </ngx-charts-pie-chart>\n        </div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"doughnut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-avatar","template":"\n    <span class=\"avatar avatar-{{size}}\" [style.background-image]=\"backgroundImage()\">\n      {{text}}\n      <span *ngIf=\"status\" class=\"avatar-status bg-{{status}}\"></span>\n    </span>\n  ","styles":[]}]}],"members":{"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"backgroundImage":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-dashboard-chart-bg","template":"\n    <div class=\"card\">\n      <div class=\"card-body\">\n      <!--<div class=\"card-body\">-->\n        <div class=\"card-value pull-right text-{{ color }}\">{{ rate }}</div>\n        <h3 class=\"mb-1\">{{ title}}</h3>\n        <div class=\"text-muted\">{{ description }}</div>\n      </div>\n      <div class=\"card-img\">\n          <canvas baseChart \n                  class=\"pt-5\"\n                  height=\"160\"\n                  [datasets]=\"datasets\"\n                  [labels]=\"labels\"\n                  [options]=\"options\"\n                  [colors]=\"colors\"\n                  chartType=\"line\"></canvas>\n        </div>\n    </div>\n  ","styles":["\n    .card-body {\n      background-color: transparent;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      padding: 1.25rem;\n    }\n  "]}]}],"members":{"rate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-card","template":"\n    <div class=\"card\" [class.hide]=\"hidden\" [class.card-fullscreen]=\"fullScreen\">\n      <div *ngIf=\"status\" class=\"card-status bg-{{ status }}\" [class.card-status-left]=\"statusLeft\"></div>\n      <div class=\"card-header\">\n        <h3 class=\"card-title\">\n          <i *ngIf=\"icon\" class=\"{{ icon }}\"></i>\n          {{header}}\n        </h3>\n        <div class=\"card-options\">\n          <form action=\"\" *ngIf=\"search\">\n            <div class=\"input-group\">\n              <input type=\"text\"\n                     class=\"form-control form-control-sm\" [placeholder]=\"search.placeholder\" name=\"s\" [(ngModel)]=\"search.value\">\n              <span class=\"input-group-btn ml-2\">\n                <button class=\"btn btn-sm btn-default\" type=\"submit\" (click)=\"action.emit( { type: 'SEARCH', payload: search.value } )\">\n                  <span class=\"fe fe-search\"></span>\n                </button>\n              </span>\n            </div>\n          </form>\n\n          <ng-container *ngIf=\"!buttons\">\n            <a class=\"card-options-collapse\" data-toggle=\"card-collapse\" href=\"#\"\n               [class.hide]=\"!allowCollapse\"\n               (click)=\"collapse($event)\">\n              <i class=\"fe\" [class.fe-chevron-down]=\"collapsed\" [class.fe-chevron-up]=\"!collapsed\"></i>\n            </a>\n            <a class=\"card-options-fullscreen\" data-toggle=\"card-fullscreen\" href=\"#\"\n               [class.hide]=\"!allowFullScreen\"\n               (click)=\"goFullScreen($event)\">\n              <i class=\"fe fe-maximize\"></i>\n            </a>\n            <a class=\"card-options-remove\" data-toggle=\"card-remove\" href=\"#\"\n               [class.hide]=\"!allowHide\"\n               (click)=\"hide($event)\">\n              <i class=\"fe fe-x\"></i>\n            </a>\n          </ng-container>\n\n          <ng-container *ngIf=\"buttons\">\n            <ng-container *ngFor=\"let button of buttons\">\n              \n              <button class=\"btn btn-secondary btn-sm ml-2\"\n                      *ngIf=\"button.type === 'button'\"\n                      (click)=\"action.emit( { type: button.action, payload: button.payload || '' })\">\n                <i *ngIf=\"button.icon\" [class]=\"button.icon\"></i>\n                {{ button.text }}\n              </button>\n\n              <label class=\"custom-switch m-0\"\n                     *ngIf=\"button.type === 'switch'\">\n                <input type=\"checkbox\" [value]=\"button.checked\" class=\"custom-switch-input\"\n                       (change)=\"action.emit( { type: 'SWITCH', payload: button.checked } )\"\n                       [checked]=\"button.checked || false\">\n                <span class=\"custom-switch-indicator\"></span>\n              </label>\n\n            </ng-container>\n          </ng-container>\n\n        </div>\n      </div>\n      \n      <div [class.hide]=\"collapsed\" [class.show]=\"!collapsed\">\n\n        <ng-container *ngIf=\"alert\">\n          <div class=\"card-alert alert alert-{{alert.type}} mb-0\">\n            {{alert.text}}\n          </div>\n        </ng-container>\n\n        <ng-content></ng-content>\n        \n        <div class=\"card-footer\" *ngIf=\"footer\">{{footer}}</div>\n      </div>\n    </div>\n  ","styles":["\n    .hide {\n      display: none;\n    }\n    .show {\n      display: block;\n    }\n  "]}]}],"members":{"alert":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"allowCollapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"allowFullScreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"allowHide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"fullScreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"loader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"statusLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3}}]}],"collapse":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"goFullScreen":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-card-body","template":"\n    <div class=\"card-body\">\n      <ng-container *ngIf=\"loader\">\n        <div class=\"dimmer active\">\n          <div class=\"loader\"></div>\n          <div class=\"dimmer-content\">\n            <ng-content></ng-content>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!loader\">\n        <ng-content></ng-content>\n      </ng-container>\n    </div>\n  ","styles":[]}]}],"members":{"loader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-highlight","template":"\n    <ui-card [header]=\"name\" [icon]=\"icon\" [buttons]=\"[]\">\n      <div class=\"p-5\">\n        <pre class=\"m-0 p-0\">\n          <code highlight [textContent]=\"code\"></code>\n        </pre>\n      </div>\n    </ui-card>\n  "}]}],"members":{"code":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header-notifications","template":"\n    <div class=\"dropdown d-none d-md-flex py-2\" dropdown *ngIf=\"notifications\">\n      <a dropdownToggle class=\"nav-link icon\" data-toggle=\"dropdown\">\n        <i class=\"fe fe-bell\"></i>\n        <span class=\"nav-unread\"></span>\n      </a>\n      <div *dropdownMenu class=\"dropdown-menu dropdown-menu-right dropdown-menu-arrow\">\n\n        <ui-header-notification-item *ngFor=\"let notification of notifications\"\n                                     [notification]=\"notification\"\n                                     (action)=\"action.emit($event)\">\n        </ui-header-notification-item>\n\n        <div class=\"dropdown-divider\"></div>\n        <a href=\"#\" class=\"dropdown-item text-center text-muted-dark\"\n           (click)=\"onClick($event)\">\n          {{ actionText }}\n        </a>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"notifications":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"actionText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"actionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"onClick":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header-notification-item","template":"\n    <a href=\"#\" class=\"dropdown-item d-flex\" (click)=\"onClick($event)\">\n      <ui-avatar [text]=\"notification.avatarText\" class=\"mr-3 align-self-center\"></ui-avatar>\n      <div>\n        <strong>{{ notification.from }}</strong> {{ notification.text }}\n\n        <div class=\"small text-muted\">\n          {{ notification.date | timeAgo }}\n        </div>\n      </div>\n    </a>\n  ","styles":[]}]}],"members":{"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"onClick":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header-profile","template":"\n    <div class=\"dropdown\" dropdown *ngIf=\"profile\">\n      <a class=\"nav-link pr-0\" data-toggle=\"dropdown\" dropdownToggle>\n        <ui-avatar [image]=\"profile.avatar\"></ui-avatar>\n        <span class=\"ml-2 d-none d-lg-block\">\n          <span class=\"text-default\">{{ profile.name }} {{ profile.surname }}</span>\n          <small class=\"text-muted d-block mt-1\">Administrator</small>\n        </span>\n      </a>\n\n      <div *dropdownMenu class=\"dropdown-menu dropdown-menu-right dropdown-menu-arrow\">\n        <ng-container *ngFor=\"let link of links\">\n\n          <ui-header-profile-link [link]=\"link\"></ui-header-profile-link>\n\n        </ng-container>\n      </div>\n    </div>\n  "}]}],"members":{"profile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"links":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header-profile-link","template":"\n    <a *ngIf=\"link.link\" class=\"dropdown-item\" [routerLink]=\"link.link\">\n      <ui-badge *ngIf=\"link.badge\" class=\"float-right\" [badge]=\"link.badge\"></ui-badge>\n\n      <i *ngIf=\"link.icon\" [class]=\"link.icon\" [class.dropdown-icon]=\"true\"></i>\n\n      <span *ngIf=\"link.label\">{{link.label}}</span>\n    </a>\n    <div *ngIf=\"link.divider\" class=\"dropdown-divider\"></div>\n  ","styles":[]}]}],"members":{"link":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ui-badge","template":"\n    <span class=\"badge badge-{{type}}\">\n      {{label}}\n    </span>\n  "}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"timeAgo","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":9,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":9,"character":76}]}],"transform":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"removeTimer":[{"__symbolic":"method"}],"getSecondsUntilUpdate":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header-links","template":"\n    <ng-container *ngFor=\"let link of links\">\n      <a [href]=\"link.link\" [class]=\"link.class\" [target]=\"link.target || '_self' \">\n        <i [class]=\"link.icon\"></i>\n        {{ link.label }}\n      </a>\n    </ng-container>\n  "}]}],"members":{"links":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}]}}},"origins":{"UiModule":"./src/ui.module","ɵa":"./src/components/header/header.component","ɵb":"./src/components/footer/footer.component","ɵc":"./src/components/footer-links/footer-links.component","ɵd":"./src/containers/layout/layout.component","ɵe":"./src/containers/layout-base/layout-base.component","ɵf":"./src/components/menu/menu.component","ɵg":"./src/components/page-title/page-title.component","ɵh":"./src/components/page/page.component","ɵi":"./src/components/dashboard-stats/dashboard-stats.component","ɵj":"./src/components/dashboard-icon-box/dashboard-icon-box.component","ɵk":"./src/components/dashboard-digit/dashboard-digit.component","ɵl":"./src/components/dashboard-chart/dashboard-chart.component","ɵm":"./src/components/avatar/avatar.component","ɵn":"./src/components/dashboard-chart-bg/dashboard-chart-bg.component","ɵo":"./src/components/card/card.component","ɵp":"./src/components/card-body/card-body.component","ɵq":"./src/components/highlight/highlight.component","ɵr":"./src/components/header-notifications/header-notifications.component","ɵs":"./src/components/header-notification-item/header-notification-item.component","ɵt":"./src/components/header-profile/header-profile.component","ɵu":"./src/components/header-profile-link/header-profile-link.component","ɵv":"./src/components/badge/badge.component","ɵw":"./src/pipes/time-ago.pipe","ɵx":"./src/components/header-links/header-links.component"},"importAs":"@tabler/angular-ui"}
+{"__symbolic":"module","version":4,"exports":[{"from":"./src/containers"}],"metadata":{"UiModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":54,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":56,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":58,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":59,"character":4},{"__symbolic":"reference","module":"@swimlane/ngx-charts","name":"NgxChartsModule","line":60,"character":4},{"__symbolic":"reference","module":"ng2-charts","name":"ChartsModule","line":61,"character":4},{"__symbolic":"reference","module":"angular-pipes","name":"NgPipesModule","line":62,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":63,"character":4},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-highlightjs","name":"HighlightModule","line":64,"character":4},"member":"forRoot"},"arguments":[{"theme":"atom-one-light"}]}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"}],"exports":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","module":"@swimlane/ngx-charts","name":"NgxChartsModule","line":96,"character":4},{"__symbolic":"reference","module":"ng2-charts","name":"ChartsModule","line":97,"character":4},{"__symbolic":"reference","module":"angular-pipes","name":"NgPipesModule","line":98,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":99,"character":4}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header","template":"\n    <div class=\"header\">\n      <div class=\"container\">\n        <div class=\"d-flex\">\n          <a class=\"navbar-brand\" routerLink=\"/\">\n            <img src=\"assets/brand/tabler.svg\" class=\"navbar-brand-img\" alt=\"tabler.io\">\n            {{ config?.title }}\n          </a>\n          <div class=\"ml-auto d-flex order-lg-2\">\n\n            <ui-header-links class=\"nav-item\" [links]=\"config?.links\"></ui-header-links>\n            \n            <ui-header-notifications [notifications]=\"config?.notifications\"\n                                     (action)=\"handleAction($event)\"></ui-header-notifications>\n\n            <ui-header-profile [profile]=\"config?.user\" [links]=\"config?.profileLinks\"></ui-header-profile>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"header-nav\">\n      <div class=\"container\">\n        <div class=\"row align-items-center\">\n          <div class=\"col\">\n            <ui-menu [links]=\"config?.menu\"></ui-menu>\n          </div>\n          <div class=\"col-3 ml-auto\" *ngIf=\"config?.search\">\n            <form class=\"input-icon\">\n              <input type=\"search\" class=\"form-control header-search\" placeholder=\"Search&hellip;\" tabindex=\"1\">\n              <div class=\"input-icon-addon\">\n                <i class=\"fe fe-search\"></i>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"handleAction":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-footer","template":"\n    <footer class=\"footer\" *ngIf=\"config\">\n      <div class=\"container\">\n        <div class=\"row align-items-center flex-row-reverse\">\n          <div class=\"col-auto ml-auto\">\n            <div class=\"row align-items-center\">\n              <div class=\"col-auto\">\n                <ul class=\"list-inline list-inline-dots mb-0\">\n                  <ng-container *ngFor=\"let link of config?.links\">\n                    <li class=\"list-inline-item\">\n                      <a [href]=\"link.link\" [class]=\"link.class\" [target]=\"link.target || '_self'\">\n                        <i [class]=\"link.icon\"></i>\n                        {{ link.label }}\n                      </a>\n                    </li>\n                  </ng-container>\n                </ul>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-12 col-lg-auto mt-3 mt-lg-0 text-center\" [innerHtml]=\"config?.disclaimer\">\n          </div>\n        </div>\n      </div>\n    </footer>\n  ","styles":[]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-footer-links","template":"\n    <div class=\"footer\" *ngIf=\"config\">\n      <div class=\"container\">\n        <div class=\"row\">\n          <div class=\"col-lg-8\">\n            <div class=\"row\">\n              <div class=\"col-6 col-md-3\">\n                <ul class=\"list-unstyled mb-0\">\n                  <li><a href=\"#\">First link</a></li>\n                  <li><a href=\"#\">Second link</a></li>\n                </ul>\n              </div>\n              <div class=\"col-6 col-md-3\">\n                <ul class=\"list-unstyled mb-0\">\n                  <li><a href=\"#\">Third link</a></li>\n                  <li><a href=\"#\">Fourth link</a></li>\n                </ul>\n              </div>\n              <div class=\"col-6 col-md-3\">\n                <ul class=\"list-unstyled mb-0\">\n                  <li><a href=\"#\">Fifth link</a></li>\n                  <li><a href=\"#\">Sixth link</a></li>\n                </ul>\n              </div>\n              <div class=\"col-6 col-md-3\">\n                <ul class=\"list-unstyled mb-0\">\n                  <li><a href=\"#\">Other link</a></li>\n                  <li><a href=\"#\">Last link</a></li>\n                </ul>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-lg-4 mt-4 mt-lg-0\" [innerHtml]=\"config?.description\"></div>\n        </div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ui-layout","template":"\n    <div class=\"page\">\n      <div class=\"page-main\">\n        <ui-header [config]=\"config?.header\"></ui-header>\n        <div class=\"page-content\">\n          <router-outlet></router-outlet>\n        </div>\n        <ui-footer-links [config]=\"config?.subfooter\"></ui-footer-links>\n        <ui-footer [config]=\"config?.footer\"></ui-footer>\n      </div>\n    </div>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":22,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-layout-base","template":"\n    <div class=\"page\">\n      <router-outlet></router-outlet>\n    </div>\n  "}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-menu","template":"\n    <ul class=\"nav nav-tabs\" style=\"white-space: nowrap;\">\n      <ng-container *ngFor=\"let item of links\">\n        <li class=\"nav-item d-inline-block\">\n          <a href=\"#\" [routerLink]=\"item.url\" class=\"nav-link\" routerLinkActive=\"active\">\n            <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\n            {{item.name}}\n          </a>\n          <div class=\"nav-submenu nav\" *ngIf=\"item.subpages\">\n            <ng-container *ngFor=\"let subitem of item.subpages\">\n              <a href=\"#\" class=\"nav-item\" [routerLink]=\"subitem.url\" routerLinkActive=\"active\">\n                <i class=\"{{ subitem.icon }}\" *ngIf=\"subitem.icon\"></i>\n                {{subitem.name}}\n              </a>\n            </ng-container>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  ","styles":[]}]}],"members":{"links":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-page-title","template":"\n    <div [class.page-header]=\"header\">\n      <h1 class=\"page-title\">\n        <i *ngIf=\"icon\" class=\"{{ icon }} page-title-icon m-3\"></i>\n        {{ title }}\n        <small *ngIf=\"badge\" class=\"badge badge-{{badgeStyle}} m-3\">\n          {{badge}}\n        </small>\n      </h1>\n\n      <div *ngIf=\"subTitle\" class=\"page-subtitle\">\n        {{subTitle}}\n      </div>\n\n      <div class=\"page-options\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"badgeStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-page","template":"\n     <div class=\"container\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-dashboard-stats","template":"\n    <div class=\"card\">\n      <div class=\"card-body p-3 text-center\">\n        <div class=\"text-right\" [class.text-green]=\"isPositive()\" [class.text-red]=\"!isPositive()\" >\n          <span *ngIf=\"percentage\">\n            {{percentage}}%\n            <i *ngIf=\"isPositive()\" class=\"fe fe-chevron-up\"></i>\n            <i *ngIf=\"!isPositive()\" class=\"fe fe-chevron-down\"></i>\n          </span>\n        </div>\n        <div class=\"h1 m-0\">{{ number }}</div>\n        <div class=\"text-muted mb-4\">{{ title }}</div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"number":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"percentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"isPositive":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-dashboard-icon-box","template":"\n    <div class=\"card p-3\">\n      <div class=\"d-flex align-items-center\">\n\t\t<span class=\"stamp stamp-md bg-{{ color }} mr-3\">\n\t\t\t<i class=\"{{ icon }}\"></i>\n\t\t</span>\n        <div>\n          <h4 class=\"m-0\"><a href=\"javascript:void(0)\">{{ value }} <small>{{ description }}</small></a></h4>\n          <small class=\"text-muted\">{{ subtitle }}</small>\n        </div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"subtitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-dashboard-digit","template":"\n    <div class=\"card\">\n      <div class=\"card-body text-center\">\n        <div class=\"h5\">{{ title }}</div>\n        <div class=\"display-4 font-weight-bold mb-4\">{{ digit }}</div>\n        <div class=\"progress progress-sm\">\n          <div class=\"progress-bar bg-{{ color }}\" [style.width]=\"width\"></div>\n        </div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"digit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-dashboard-chart","template":"\n    <div class=\"card\">\n      <div class=\"card-header\">\n        <h3 class=\"card-title\">{{ title }}</h3>\n      </div>\n      <div class=\"card-body\">\n        <div [style.height]=\"height\">\n          <ngx-charts-pie-chart\n            scheme=\"air\"\n            [view]=\"view\"\n            [results]=\"data\"\n            [legend]=\"showLegend\"\n            [labels]=\"showLabels\"\n            [doughnut]=\"doughnut\"\n            [gradient]=\"false\">\n          </ngx-charts-pie-chart>\n        </div>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"doughnut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-avatar","template":"\n    <span class=\"avatar avatar-{{size}}\" [style.background-image]=\"backgroundImage()\">\n      {{text}}\n      <span *ngIf=\"status\" class=\"avatar-status bg-{{status}}\"></span>\n    </span>\n  ","styles":[]}]}],"members":{"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"backgroundImage":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-dashboard-chart-bg","template":"\n    <div class=\"card\">\n      <div class=\"card-body\">\n      <!--<div class=\"card-body\">-->\n        <div class=\"card-value pull-right text-{{ color }}\">{{ rate }}</div>\n        <h3 class=\"mb-1\">{{ title}}</h3>\n        <div class=\"text-muted\">{{ description }}</div>\n      </div>\n      <div class=\"card-img\">\n          <canvas baseChart \n                  class=\"pt-5\"\n                  height=\"160\"\n                  [datasets]=\"datasets\"\n                  [labels]=\"labels\"\n                  [options]=\"options\"\n                  [colors]=\"colors\"\n                  chartType=\"line\"></canvas>\n        </div>\n    </div>\n  ","styles":["\n    .card-body {\n      background-color: transparent;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      padding: 1.25rem;\n    }\n  "]}]}],"members":{"rate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-card","template":"\n    <div class=\"card\" [class.hide]=\"hidden\" [class.card-fullscreen]=\"fullScreen\">\n      <div *ngIf=\"status\" class=\"card-status bg-{{ status }}\" [class.card-status-left]=\"statusLeft\"></div>\n      <div class=\"card-header\">\n        <h3 class=\"card-title\">\n          <i *ngIf=\"icon\" class=\"{{ icon }}\"></i>\n          {{header}}\n        </h3>\n        <div class=\"card-options\">\n          <form action=\"\" *ngIf=\"search\">\n            <div class=\"input-group\">\n              <input type=\"text\"\n                     class=\"form-control form-control-sm\" [placeholder]=\"search.placeholder\" name=\"s\" [(ngModel)]=\"search.value\">\n              <span class=\"input-group-btn ml-2\">\n                <button class=\"btn btn-sm btn-default\" type=\"submit\" (click)=\"action.emit( { type: 'SEARCH', payload: search.value } )\">\n                  <span class=\"fe fe-search\"></span>\n                </button>\n              </span>\n            </div>\n          </form>\n\n          <ng-container *ngIf=\"!buttons\">\n            <a class=\"card-options-collapse\" data-toggle=\"card-collapse\" href=\"#\"\n               [class.hide]=\"!allowCollapse\"\n               (click)=\"collapse($event)\">\n              <i class=\"fe\" [class.fe-chevron-down]=\"collapsed\" [class.fe-chevron-up]=\"!collapsed\"></i>\n            </a>\n            <a class=\"card-options-fullscreen\" data-toggle=\"card-fullscreen\" href=\"#\"\n               [class.hide]=\"!allowFullScreen\"\n               (click)=\"goFullScreen($event)\">\n              <i class=\"fe fe-maximize\"></i>\n            </a>\n            <a class=\"card-options-remove\" data-toggle=\"card-remove\" href=\"#\"\n               [class.hide]=\"!allowHide\"\n               (click)=\"hide($event)\">\n              <i class=\"fe fe-x\"></i>\n            </a>\n          </ng-container>\n\n          <ng-container *ngIf=\"buttons\">\n            <ng-container *ngFor=\"let button of buttons\">\n              \n              <button class=\"btn btn-secondary btn-sm ml-2\"\n                      *ngIf=\"button.type === 'button'\"\n                      (click)=\"action.emit( { type: button.action, payload: button.payload || '' })\">\n                <i *ngIf=\"button.icon\" [class]=\"button.icon\"></i>\n                {{ button.text }}\n              </button>\n\n              <label class=\"custom-switch m-0\"\n                     *ngIf=\"button.type === 'switch'\">\n                <input type=\"checkbox\" [value]=\"button.checked\" class=\"custom-switch-input\"\n                       (change)=\"action.emit( { type: 'SWITCH', payload: button.checked } )\"\n                       [checked]=\"button.checked || false\">\n                <span class=\"custom-switch-indicator\"></span>\n              </label>\n\n            </ng-container>\n          </ng-container>\n\n        </div>\n      </div>\n      \n      <div [class.hide]=\"collapsed\" [class.show]=\"!collapsed\">\n\n        <ng-container *ngIf=\"alert\">\n          <div class=\"card-alert alert alert-{{alert.type}} mb-0\">\n            {{alert.text}}\n          </div>\n        </ng-container>\n\n        <ng-content></ng-content>\n        \n        <div class=\"card-footer\" *ngIf=\"footer\">{{footer}}</div>\n      </div>\n    </div>\n  ","styles":["\n    .hide {\n      display: none;\n    }\n    .show {\n      display: block;\n    }\n  "]}]}],"members":{"alert":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"allowCollapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"allowFullScreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"allowHide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"fullScreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"loader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"statusLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3}}]}],"collapse":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"goFullScreen":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-card-body","template":"\n    <div class=\"card-body\">\n      <ng-container *ngIf=\"loader\">\n        <div class=\"dimmer active\">\n          <div class=\"loader\"></div>\n          <div class=\"dimmer-content\">\n            <ng-content></ng-content>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!loader\">\n        <ng-content></ng-content>\n      </ng-container>\n    </div>\n  ","styles":[]}]}],"members":{"loader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-highlight","template":"\n    <ui-card [header]=\"name\" [icon]=\"icon\" [buttons]=\"[]\">\n      <div class=\"p-5\">\n        <pre class=\"m-0 p-0\">\n          <code highlight [textContent]=\"code\"></code>\n        </pre>\n      </div>\n    </ui-card>\n  "}]}],"members":{"code":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header-notifications","template":"\n    <div class=\"dropdown d-none d-md-flex py-2\" dropdown *ngIf=\"notifications\">\n      <a dropdownToggle class=\"nav-link icon\" data-toggle=\"dropdown\">\n        <i class=\"fe fe-bell\"></i>\n        <span class=\"nav-unread\"></span>\n      </a>\n      <div *dropdownMenu class=\"dropdown-menu dropdown-menu-right dropdown-menu-arrow\">\n\n        <ui-header-notification-item *ngFor=\"let notification of notifications\"\n                                     [notification]=\"notification\"\n                                     (action)=\"action.emit($event)\">\n        </ui-header-notification-item>\n\n        <div class=\"dropdown-divider\"></div>\n        <a href=\"#\" class=\"dropdown-item text-center text-muted-dark\"\n           (click)=\"onClick($event)\">\n          {{ actionText }}\n        </a>\n      </div>\n    </div>\n  ","styles":[]}]}],"members":{"notifications":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"actionText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"actionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"onClick":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header-notification-item","template":"\n    <a href=\"#\" class=\"dropdown-item d-flex\" (click)=\"onClick($event)\">\n      <ui-avatar [text]=\"notification.avatarText\" class=\"mr-3 align-self-center\"></ui-avatar>\n      <div>\n        <strong>{{ notification.from }}</strong> {{ notification.text }}\n\n        <div class=\"small text-muted\">\n          {{ notification.date | timeAgo }}\n        </div>\n      </div>\n    </a>\n  ","styles":[]}]}],"members":{"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"onClick":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header-profile","template":"\n    <div class=\"dropdown\" dropdown *ngIf=\"profile\">\n      <a class=\"nav-link pr-0\" data-toggle=\"dropdown\" dropdownToggle>\n        <ui-avatar [image]=\"profile.avatar\"></ui-avatar>\n        <span class=\"ml-2 d-none d-lg-block\">\n          <span class=\"text-default\">{{ profile.name }} {{ profile.surname }}</span>\n          <small class=\"text-muted d-block mt-1\">Administrator</small>\n        </span>\n      </a>\n\n      <div *dropdownMenu class=\"dropdown-menu dropdown-menu-right dropdown-menu-arrow\">\n        <ng-container *ngFor=\"let link of links\">\n\n          <ui-header-profile-link [link]=\"link\"></ui-header-profile-link>\n\n        </ng-container>\n      </div>\n    </div>\n  "}]}],"members":{"profile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"links":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header-profile-link","template":"\n    <a *ngIf=\"link.link\" class=\"dropdown-item\" [routerLink]=\"link.link\">\n      <ui-badge *ngIf=\"link.badge\" class=\"float-right\" [badge]=\"link.badge\"></ui-badge>\n\n      <i *ngIf=\"link.icon\" [class]=\"link.icon\" [class.dropdown-icon]=\"true\"></i>\n\n      <span *ngIf=\"link.label\">{{link.label}}</span>\n    </a>\n    <div *ngIf=\"link.divider\" class=\"dropdown-divider\"></div>\n  ","styles":[]}]}],"members":{"link":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ui-badge","template":"\n    <span class=\"badge badge-{{type}}\">\n      {{label}}\n    </span>\n  "}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"timeAgo","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":9,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":9,"character":76}]}],"transform":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"removeTimer":[{"__symbolic":"method"}],"getSecondsUntilUpdate":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-header-links","template":"\n    <ng-container *ngFor=\"let link of links\">\n      <a [href]=\"link.link\" [class]=\"link.class\" [target]=\"link.target || '_self' \">\n        <i [class]=\"link.icon\"></i>\n        <span class=\"d-none d-lg-inline\">{{ link.label }}</span>\n      </a>\n    </ng-container>\n  "}]}],"members":{"links":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}]}}},"origins":{"UiModule":"./src/ui.module","ɵa":"./src/components/header/header.component","ɵb":"./src/components/footer/footer.component","ɵc":"./src/components/footer-links/footer-links.component","ɵd":"./src/containers/layout/layout.component","ɵe":"./src/containers/layout-base/layout-base.component","ɵf":"./src/components/menu/menu.component","ɵg":"./src/components/page-title/page-title.component","ɵh":"./src/components/page/page.component","ɵi":"./src/components/dashboard-stats/dashboard-stats.component","ɵj":"./src/components/dashboard-icon-box/dashboard-icon-box.component","ɵk":"./src/components/dashboard-digit/dashboard-digit.component","ɵl":"./src/components/dashboard-chart/dashboard-chart.component","ɵm":"./src/components/avatar/avatar.component","ɵn":"./src/components/dashboard-chart-bg/dashboard-chart-bg.component","ɵo":"./src/components/card/card.component","ɵp":"./src/components/card-body/card-body.component","ɵq":"./src/components/highlight/highlight.component","ɵr":"./src/components/header-notifications/header-notifications.component","ɵs":"./src/components/header-notification-item/header-notification-item.component","ɵt":"./src/components/header-profile/header-profile.component","ɵu":"./src/components/header-profile-link/header-profile-link.component","ɵv":"./src/components/badge/badge.component","ɵw":"./src/pipes/time-ago.pipe","ɵx":"./src/components/header-links/header-links.component"},"importAs":"@tabler/angular-ui"}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

391165

increased by0.22%

No dependency changes