{"__symbolic":"module","version":4,"metadata":{"ComponentsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"ComponentsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wd-components","template":"\n    <p>\n      components works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ComponentsComponent"},{"__symbolic":"reference","name":"TopNavComponent"},{"__symbolic":"reference","name":"SideNavComponent"},{"__symbolic":"reference","name":"PageHeaderComponent"},{"__symbolic":"reference","name":"PannelListComponent"},{"__symbolic":"reference","name":"PannelComponent"},{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"CommentsComponent"},{"__symbolic":"reference","name":"ProgressBarComponent"},{"__symbolic":"reference","name":"ContainerComponent"},{"__symbolic":"reference","name":"ListComponent"},{"__symbolic":"reference","name":"UserListItemComponent"},{"__symbolic":"reference","name":"PageFooterComponent"},{"__symbolic":"reference","name":"ContentTableComponent"},{"__symbolic":"reference","name":"InputComponent"},{"__symbolic":"reference","name":"SideNavItemComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":43,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":43,"character":26}],"exports":[{"__symbolic":"reference","name":"ComponentsComponent"},{"__symbolic":"reference","name":"TopNavComponent"},{"__symbolic":"reference","name":"SideNavComponent"},{"__symbolic":"reference","name":"PageHeaderComponent"},{"__symbolic":"reference","name":"PannelListComponent"},{"__symbolic":"reference","name":"PannelComponent"},{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"CommentsComponent"},{"__symbolic":"reference","name":"ProgressBarComponent"},{"__symbolic":"reference","name":"ContainerComponent"},{"__symbolic":"reference","name":"ListComponent"},{"__symbolic":"reference","name":"UserListItemComponent"},{"__symbolic":"reference","name":"PageFooterComponent"},{"__symbolic":"reference","name":"ContentTableComponent"},{"__symbolic":"reference","name":"InputComponent"},{"__symbolic":"reference","name":"SideNavItemComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"TopNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wd-top-nav","template":"<div class=\"w3-bar w3-top w3-black w3-large\" style=\"z-index:4\">\n  <button\n    class=\"w3-bar-item w3-button w3-hide-large w3-hover-none w3-hover-text-light-grey\"\n    (click)=\"openSideBar()\"\n  >\n    <i class=\"fa fa-bars\"></i> Menu\n  </button>\n  <span class=\"w3-bar-item w3-right\">Logo</span>\n</div>\n","styles":[""]}]}],"members":{"toggleSideBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"openSideBar":[{"__symbolic":"method"}]}},"SideNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"wd-side-nav","template":"<nav\n  class=\"w3-sidebar w3-collapse w3-animate-left\"\n  style=\"z-index:3;width:300px;\"\n  [style.display]=\"sidebarState\"\n>\n  <br />\n  <div class=\"w3-container w3-row\">\n    <div class=\"w3-col s4\">\n      <img\n        src=\"assets/img/avatar2.png\"\n        class=\"w3-circle w3-margin-right\"\n        style=\"width:46px\"\n      />\n    </div>\n    <div class=\"w3-col s8 w3-bar\">\n      <span>Welcome, <strong>Mike</strong></span\n      ><br />\n      <a href=\"#\" class=\"w3-bar-item w3-button\"\n        ><i class=\"fa fa-envelope\"></i\n      ></a>\n      <a href=\"#\" class=\"w3-bar-item w3-button\"><i class=\"fa fa-user\"></i></a>\n      <a href=\"#\" class=\"w3-bar-item w3-button\"><i class=\"fa fa-cog\"></i></a>\n    </div>\n  </div>\n  <hr />\n  <div class=\"w3-container\">\n    <h5>Dashboard</h5>\n  </div>\n  <div class=\"w3-bar-block\">\n    <a\n      class=\"w3-bar-item w3-button w3-hide-large w3-padding-16 w3-dark-grey w3-hover-black\"\n      (click)=\"closeSidebar()\"\n      title=\"close menu\"\n      ><i class=\"fa fa-remove fa-fw\"></i> Close Menu</a\n    >\n    <ng-content></ng-content>\n    <br /><br />\n  </div>\n</nav>\n\n<!-- Overlay effect when opening sidebar on small screens -->\n<div\n  class=\"w3-overlay w3-hide-large w3-animate-opacity\"\n  (click)=\"closeSidebar()\"\n  style=\"cursor:pointer\"\n  title=\"close side menu\"\n  [style.display]=\"sidebarState\"\n></div>\n","styles":[""]}]}],"members":{"toggleSideBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"sidebarToggle":[{"__symbolic":"method"}],"closeSidebar":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"PageHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wd-page-header","template":"<header class=\"w3-container\" style=\"padding-top:22px\">\n  <h5>\n    <b><i class=\"fa fa-dashboard\"></i> {{ title }}</b>\n  </h5>\n</header>\n","styles":[""]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"PannelListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wd-pannel-list","template":"<div class=\"w3-row-padding w3-margin-bottom\">\n  <ng-content></ng-content>\n</div>\n","styles":[".w3-row-padding{padding:0 8px}.w3-row-padding:after,.w3-row-padding:before{content:'';display:table;clear:both}.w3-margin-bottom{margin-bottom:16px!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"PannelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wd-pannel","template":"<div class=\"w3-quarter\">\n  <div [ngClass]=\"'w3-' + data.color\" class=\"w3-container w3-padding-16\">\n    <div class=\"w3-left\">\n      <i [ngClass]=\"data.icon\" class=\"fa w3-xxxlarge\"></i>\n    </div>\n    <div class=\"w3-right\">\n      <h3>{{ data.data }}</h3>\n    </div>\n    <div class=\"w3-clear\"></div>\n    <h4>{{ data.name }}</h4>\n  </div>\n</div>\n","styles":[".w3-quarter{padding:8px;float:left;width:100%}@media (min-width:601px){.w3-quarter{width:24.99999%}}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"TableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"wd-table","template":"<div class=\"w3-panel\">\n  <div class=\"w3-row-padding\" style=\"margin:0 -16px\">\n    <div [class]=\"width\" *ngIf=\"(data | async) as tblDada\">\n      <h5>{{ tblDada.settings.title }}</h5>\n\n      <table class=\"w3-table w3-striped\">\n        <tr *ngFor=\"let row of tblDada.data; let r = index\">\n          <td *ngFor=\"let col of tblDada.settings.order; let c = index\">\n            <i\n              *ngIf=\"col.type === 'icon'\"\n              [ngClass]=\"row[col.column]\"\n              class=\"fa w3-text-blue w3-large\"\n            ></i>\n            <span *ngIf=\"col.type === 'text'\">{{ row[col.column] }}</span>\n            <i *ngIf=\"col.type === 'italic'\">{{ row[col.column] }}</i>\n          </td>\n        </tr>\n      </table>\n    </div>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}]}},"CommentsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"wd-comments","template":"<div class=\"w3-row\" *ngFor=\"let comment of (data | async)\">\n  <div class=\"w3-col m2 text-center\">\n    <img\n      class=\"w3-circle\"\n      [src]=\"comment.user.img\"\n      style=\"width:96px;height:96px\"\n    />\n  </div>\n  <div class=\"w3-col m10 w3-container\">\n    <h4>\n      {{ comment.user.name }}\n      <span class=\"w3-opacity w3-medium\">{{ comment.timestamp }}</span>\n    </h4>\n    <p>\n      {{ comment.comment }}\n    </p>\n    <br />\n  </div>\n</div>\n","styles":[""]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ProgressBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"wd-progress-bar","template":"<p>{{ data.title }}</p>\n<div class=\"w3-grey\">\n  <div\n    class=\"w3-container w3-center w3-padding\"\n    [ngClass]=\"getColor()\"\n    [ngStyle]=\"getProgress()\"\n    style=\"width:25%\"\n  >\n    {{ data.progress / 100 | percent }}\n  </div>\n</div>\n","styles":[""]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}],"getProgress":[{"__symbolic":"method"}]}},"ContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wd-container","template":"<div class=\"w3-container\">\n  <h5>{{ title }}</h5>\n  <ng-content></ng-content>\n</div>\n","styles":[""]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wd-list","template":"<ul class=\"w3-ul w3-card-4\">\n  <ng-content></ng-content>\n</ul>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"UserListItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"wd-user-list-item","template":"<li class=\"w3-padding-16\">\n  <img\n    [src]=\"user.picture\"\n    class=\"w3-left w3-circle w3-margin-right\"\n    style=\"width:35px\"\n  />\n  <span class=\"w3-xlarge\">{{ user.name.first }}</span\n  ><br />\n</li>\n","styles":[""]}]}],"members":{"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"PageFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wd-page-footer","template":"<div class=\"w3-container w3-padding-32\">\n  <div class=\"w3-row\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ContentTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"wd-content-table","template":"<div class=\"w3-container w3-third\">\n  <h5 class=\"w3-bottombar \" [ngClass]=\"'w3-border-' + content.color\">\n    {{ content.title }}\n  </h5>\n  <p *ngFor=\"let itm of content.list\">{{ itm.label }}</p>\n</div>\n","styles":[""]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"InputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wd-input","template":"<div class=\"w3-row w3-section\">\n  <div *ngIf=\"icon\" class=\"w3-col\" style=\"width:50px\">\n    <i class=\"w3-xxlarge fa\" [ngClass]=\"icon\"></i>\n  </div>\n  <div class=\"w3-rest\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","styles":[":host ::ng-deep input,:host ::ng-deep select,:host ::ng-deep textarea{padding:8px;display:block;border:1px solid #ccc!important;width:100%}"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SideNavItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wd-side-nav-item","template":"<a [routerLink]=\"link\" class=\"w3-bar-item w3-button w3-padding\">\n  <i class=\"fa fa-fw\" [ngClass]=\"icon\"></i> {{ label }}\n</a>\n","styles":[""]}]}],"members":{"link":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"wd-progress-circle","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"template":"<div class=\"w3-quarter\">\n  <div [ngStyle]=\"style\" class=\"w3-container w3-padding-16\">\n    <div class=\"w3-left\">\n      <svg class=\"progress-ring\" width=\"100\" height=\"100\">\n        <circle\n          #circlebg\n          class=\"progress-ring__circle\"\n          stroke=\"#000\"\n          stroke-width=\"18\"\n          fill=\"transparent\"\n          r=\"40\"\n          cx=\"50\"\n          cy=\"50\"\n        />\n        <circle\n          #circleprogress\n          class=\"progress-ring__circle\"\n          stroke=\"#000\"\n          stroke-width=\"18\"\n          fill=\"transparent\"\n          r=\"40\"\n          cx=\"50\"\n          cy=\"50\"\n        />\n        <text\n          #text\n          x=\"50%\"\n          y=\"50%\"\n          text-anchor=\"middle\"\n          stroke=\"#000\"\n          stroke-width=\"1px\"\n          dy=\".2em\"\n        >\n          70 %\n        </text>\n      </svg>\n    </div>\n    <!-- <div class=\"w3-right\">\n      <h3>{{ progress }}</h3>\n    </div> -->\n    <div class=\"w3-clear\"></div>\n    <h3>{{ label }}</h3>\n  </div>\n</div>\n","styles":[".progress-ring__circle{transition:stroke-dashoffset .35s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.w3-quarter{padding:8px;float:left;width:100%}@media (min-width:601px){.w3-quarter{width:24.99999%}}"]}]}],"members":{"circle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["circleprogress"]}]}],"bg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["circlebg"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["text"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"progress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"lightOrDark":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wd-alert","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<div class=\"w3-panel w3-red\">\n  <ng-content></ng-content>\n</div>\n","styles":[""]}]}],"members":{}}},"origins":{"ComponentsService":"./lib/components.service","ComponentsComponent":"./lib/components.component","ComponentsModule":"./lib/components.module","TopNavComponent":"./lib/top-nav/top-nav.component","SideNavComponent":"./lib/side-nav/side-nav.component","PageHeaderComponent":"./lib/page-header/page-header.component","PannelListComponent":"./lib/pannel-list/pannel-list.component","PannelComponent":"./lib/pannel/pannel.component","TableComponent":"./lib/table/table.component","CommentsComponent":"./lib/comments/comments.component","ProgressBarComponent":"./lib/progress-bar/progress-bar.component","ContainerComponent":"./lib/container/container.component","ListComponent":"./lib/list/list.component","UserListItemComponent":"./lib/user-list-item/user-list-item.component","PageFooterComponent":"./lib/page-footer/page-footer.component","ContentTableComponent":"./lib/content-table/content-table.component","InputComponent":"./lib/input/input.component","SideNavItemComponent":"./lib/side-nav-item/side-nav-item.component","ɵa":"./lib/progress-circle/progress-circle.component","ɵb":"./lib/colors.service","ɵc":"./lib/alert/alert.component"},"importAs":"web-dave-components"}