(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{B6ic:function(n,s,r){"use strict";r.r(s),s.default='<div class=" header bg-danger pb-6">\r\n  <div class=" container-fluid">\r\n    <div class=" header-body">\r\n      <div class=" row align-items-center py-4">\r\n        <div class=" col-lg-6 col-7">\r\n          <h6 class=" h2 text-white d-inline-block mb-0">Timeline</h6>\r\n\r\n          <nav\r\n            aria-label="breadcrumb"\r\n            class=" d-none d-md-inline-block ml-md-4"\r\n          >\r\n            <ol class=" breadcrumb breadcrumb-links breadcrumb-dark">\r\n              <li class=" breadcrumb-item">\r\n                <a href="javascript:void(0)"> <i class=" fas fa-home"> </i> </a>\r\n              </li>\r\n\r\n              <li class=" breadcrumb-item">\r\n                <a href="javascript:void(0)"> Pages </a>\r\n              </li>\r\n\r\n              <li aria-current="page" class=" breadcrumb-item active">\r\n                Timeline\r\n              </li>\r\n            </ol>\r\n          </nav>\r\n        </div>\r\n\r\n        <div class=" col-lg-6 col-5 text-right">\r\n          <a class=" btn btn-sm btn-neutral" href="javascript:void(0)"> New </a>\r\n\r\n          <a class=" btn btn-sm btn-neutral" href="javascript:void(0)">\r\n            Filters\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=" container-fluid mt--6">\r\n  <div class=" row">\r\n    <div class=" col-lg-6">\r\n      <div class=" card">\r\n        <div class=" card-header bg-transparent">\r\n          <h3 class=" mb-0">Timeline</h3>\r\n        </div>\r\n\r\n        <div class=" card-body">\r\n          <div\r\n            class=" timeline timeline-one-side"\r\n            data-timeline-axis-style="dashed"\r\n            data-timeline-content="axis"\r\n          >\r\n            <div class=" timeline-block">\r\n              <span class=" timeline-step badge-success">\r\n                <i class=" ni ni-bell-55"> </i>\r\n              </span>\r\n\r\n              <div class=" timeline-content">\r\n                <small class=" text-muted font-weight-bold"> 10:30 AM </small>\r\n\r\n                <h5 class=" mt-3 mb-0">New message</h5>\r\n\r\n                <p class=" text-sm mt-1 mb-0">\r\n                  Nullam id dolor id nibh ultricies vehicula ut id elit. Cum\r\n                  sociis natoque penatibus et magnis dis parturient montes,\r\n                  nascetur ridiculus mus.\r\n                </p>\r\n\r\n                <div class=" mt-3">\r\n                  <span class=" badge badge-pill badge-success mr-1">\r\n                    design\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-success mr-1">\r\n                    system\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-success">\r\n                    creative\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=" timeline-block">\r\n              <span class=" timeline-step badge-danger">\r\n                <i class=" ni ni-html5"> </i>\r\n              </span>\r\n\r\n              <div class=" timeline-content">\r\n                <small class=" text-muted font-weight-bold"> 10:30 AM </small>\r\n\r\n                <h5 class=" mt-3 mb-0">Product issue</h5>\r\n\r\n                <p class=" text-sm mt-1 mb-0">\r\n                  Nullam id dolor id nibh ultricies vehicula ut id elit. Cum\r\n                  sociis natoque penatibus et magnis dis parturient montes,\r\n                  nascetur ridiculus mus.\r\n                </p>\r\n\r\n                <div class=" mt-3">\r\n                  <span class=" badge badge-pill badge-danger mr-1">\r\n                    design\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-danger mr-1">\r\n                    system\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-danger"> creative </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=" timeline-block">\r\n              <span class=" timeline-step badge-info">\r\n                <i class=" ni ni-like-2"> </i>\r\n              </span>\r\n\r\n              <div class=" timeline-content">\r\n                <small class=" text-muted font-weight-bold"> 10:30 AM </small>\r\n\r\n                <h5 class=" mt-3 mb-0">New likes</h5>\r\n\r\n                <p class=" text-sm mt-1 mb-0">\r\n                  Nullam id dolor id nibh ultricies vehicula ut id elit. Cum\r\n                  sociis natoque penatibus et magnis dis parturient montes,\r\n                  nascetur ridiculus mus.\r\n                </p>\r\n\r\n                <div class=" mt-3">\r\n                  <span class=" badge badge-pill badge-info mr-1">\r\n                    design\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-info mr-1">\r\n                    system\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-info"> creative </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=" timeline-block">\r\n              <span class=" timeline-step badge-success">\r\n                <i class=" ni ni-bell-55"> </i>\r\n              </span>\r\n\r\n              <div class=" timeline-content">\r\n                <small class=" text-muted font-weight-bold"> 10:30 AM </small>\r\n\r\n                <h5 class=" mt-3 mb-0">New message</h5>\r\n\r\n                <p class=" text-sm mt-1 mb-0">\r\n                  Nullam id dolor id nibh ultricies vehicula ut id elit. Cum\r\n                  sociis natoque penatibus et magnis dis parturient montes,\r\n                  nascetur ridiculus mus.\r\n                </p>\r\n\r\n                <div class=" mt-3">\r\n                  <span class=" badge badge-pill badge-success mr-1">\r\n                    design\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-success mr-1">\r\n                    system\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-success">\r\n                    creative\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=" timeline-block">\r\n              <span class=" timeline-step badge-danger">\r\n                <i class=" ni ni-html5"> </i>\r\n              </span>\r\n\r\n              <div class=" timeline-content">\r\n                <small class=" text-muted font-weight-bold"> 10:30 AM </small>\r\n\r\n                <h5 class=" mt-3 mb-0">Product issue</h5>\r\n\r\n                <p class=" text-sm mt-1 mb-0">\r\n                  Nullam id dolor id nibh ultricies vehicula ut id elit. Cum\r\n                  sociis natoque penatibus et magnis dis parturient montes,\r\n                  nascetur ridiculus mus.\r\n                </p>\r\n\r\n                <div class=" mt-3">\r\n                  <span class=" badge badge-pill badge-danger mr-1">\r\n                    design\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-danger mr-1">\r\n                    system\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-danger"> creative </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=" col-lg-6">\r\n      <div class=" card bg-gradient-default shadow">\r\n        <div class=" card-header bg-transparent">\r\n          <h3 class=" mb-0 text-white">Dark timeline</h3>\r\n        </div>\r\n\r\n        <div class=" card-body">\r\n          <div\r\n            class=" timeline timeline-one-side"\r\n            data-timeline-axis-style="dashed"\r\n            data-timeline-content="axis"\r\n          >\r\n            <div class=" timeline-block">\r\n              <span class=" timeline-step badge-success">\r\n                <i class=" ni ni-bell-55"> </i>\r\n              </span>\r\n\r\n              <div class=" timeline-content">\r\n                <small class=" text-light font-weight-bold"> 10:30 AM </small>\r\n\r\n                <h5 class=" text-white mt-3 mb-0">New message</h5>\r\n\r\n                <p class=" text-light text-sm mt-1 mb-0">\r\n                  Nullam id dolor id nibh ultricies vehicula ut id elit. Cum\r\n                  sociis natoque penatibus et magnis dis parturient montes,\r\n                  nascetur ridiculus mus.\r\n                </p>\r\n\r\n                <div class=" mt-3">\r\n                  <span class=" badge badge-pill badge-success mr-1">\r\n                    design\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-success mr-1">\r\n                    system\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-success">\r\n                    creative\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=" timeline-block">\r\n              <span class=" timeline-step badge-danger">\r\n                <i class=" ni ni-html5"> </i>\r\n              </span>\r\n\r\n              <div class=" timeline-content">\r\n                <small class=" text-light font-weight-bold"> 10:30 AM </small>\r\n\r\n                <h5 class=" text-white mt-3 mb-0">Product issue</h5>\r\n\r\n                <p class=" text-light text-sm mt-1 mb-0">\r\n                  Nullam id dolor id nibh ultricies vehicula ut id elit. Cum\r\n                  sociis natoque penatibus et magnis dis parturient montes,\r\n                  nascetur ridiculus mus.\r\n                </p>\r\n\r\n                <div class=" mt-3">\r\n                  <span class=" badge badge-pill badge-danger mr-1">\r\n                    design\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-danger mr-1">\r\n                    system\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-danger"> creative </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=" timeline-block">\r\n              <span class=" timeline-step badge-info">\r\n                <i class=" ni ni-like-2"> </i>\r\n              </span>\r\n\r\n              <div class=" timeline-content">\r\n                <small class=" text-light font-weight-bold"> 10:30 AM </small>\r\n\r\n                <h5 class=" text-white mt-3 mb-0">New likes</h5>\r\n\r\n                <p class=" text-light text-sm mt-1 mb-0">\r\n                  Nullam id dolor id nibh ultricies vehicula ut id elit. Cum\r\n                  sociis natoque penatibus et magnis dis parturient montes,\r\n                  nascetur ridiculus mus.\r\n                </p>\r\n\r\n                <div class=" mt-3">\r\n                  <span class=" badge badge-pill badge-info mr-1">\r\n                    design\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-info mr-1">\r\n                    system\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-info"> creative </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=" timeline-block">\r\n              <span class=" timeline-step badge-success">\r\n                <i class=" ni ni-bell-55"> </i>\r\n              </span>\r\n\r\n              <div class=" timeline-content">\r\n                <small class=" text-light font-weight-bold"> 10:30 AM </small>\r\n\r\n                <h5 class=" text-white mt-3 mb-0">New message</h5>\r\n\r\n                <p class=" text-light text-sm mt-1 mb-0">\r\n                  Nullam id dolor id nibh ultricies vehicula ut id elit. Cum\r\n                  sociis natoque penatibus et magnis dis parturient montes,\r\n                  nascetur ridiculus mus.\r\n                </p>\r\n\r\n                <div class=" mt-3">\r\n                  <span class=" badge badge-pill badge-success mr-1">\r\n                    design\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-success mr-1">\r\n                    system\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-success">\r\n                    creative\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=" timeline-block">\r\n              <span class=" timeline-step badge-danger">\r\n                <i class=" ni ni-html5"> </i>\r\n              </span>\r\n\r\n              <div class=" timeline-content">\r\n                <small class=" text-light font-weight-bold"> 10:30 AM </small>\r\n\r\n                <h5 class=" text-white mt-3 mb-0">Product issue</h5>\r\n\r\n                <p class=" text-light text-sm mt-1 mb-0">\r\n                  Nullam id dolor id nibh ultricies vehicula ut id elit. Cum\r\n                  sociis natoque penatibus et magnis dis parturient montes,\r\n                  nascetur ridiculus mus.\r\n                </p>\r\n\r\n                <div class=" mt-3">\r\n                  <span class=" badge badge-pill badge-danger mr-1">\r\n                    design\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-danger mr-1">\r\n                    system\r\n                  </span>\r\n\r\n                  <span class=" badge badge-pill badge-danger"> creative </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n'},CAGU:function(n,s,r){"use strict";r.r(s);var i=r("mrSG"),e=r("fXoL"),a=r("ofXK"),l=r("Da1D"),t=r("yD1i"),d=function(){function n(){}return n.prototype.ngOnInit=function(){},n=Object(i.c)([Object(e.n)({selector:"app-timeline",template:Object(i.f)(r("B6ic")).default}),Object(i.g)("design:paramtypes",[])],n)}(),c=r("tyNb"),m=[{path:"",children:[{path:"timeline",component:d}]}],b=r("eRTR");r.d(s,"AuthenticationModule",(function(){return p}));var p=function(){function n(){}return n=Object(i.c)([Object(e.L)({declarations:[d,b.a],imports:[a.c,c.f.forChild(m),l.a.forRoot(),t.a.forRoot()]})],n)}()}}]);