{"__symbolic":"module","version":4,"metadata":{"NgxDoWipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatTabsModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatToolbarModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatListModule","line":32,"character":4},{"__symbolic":"reference","module":"ng2-odometer","name":"Ng2OdometerModule","line":33,"character":4},{"__symbolic":"reference","module":"angular-svg-round-progressbar","name":"RoundProgressModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatMenuModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatChipsModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressBarModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":38,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":39,"character":4}],"declarations":[{"__symbolic":"reference","name":"DashcardComponent"},{"__symbolic":"reference","name":"LineGraphComponent"},{"__symbolic":"reference","name":"BarGraphComponent"},{"__symbolic":"reference","name":"DoughnutGraphComponent"},{"__symbolic":"reference","name":"PricingPlanComponent"},{"__symbolic":"reference","name":"WeatherComponent"},{"__symbolic":"reference","name":"SharePriceComponent"},{"__symbolic":"reference","name":"RoundProgressbarComponent"},{"__symbolic":"reference","name":"SalesListComponent"},{"__symbolic":"reference","name":"D3UsaComponent"},{"__symbolic":"reference","name":"WorldMapComponent"}],"exports":[{"__symbolic":"reference","name":"DashcardComponent"},{"__symbolic":"reference","name":"LineGraphComponent"},{"__symbolic":"reference","name":"BarGraphComponent"},{"__symbolic":"reference","name":"DoughnutGraphComponent"},{"__symbolic":"reference","name":"PricingPlanComponent"},{"__symbolic":"reference","name":"WeatherComponent"},{"__symbolic":"reference","name":"SharePriceComponent"},{"__symbolic":"reference","name":"RoundProgressbarComponent"},{"__symbolic":"reference","name":"SalesListComponent"},{"__symbolic":"reference","name":"D3UsaComponent"},{"__symbolic":"reference","name":"WorldMapComponent"}]}]}],"members":{}},"DashcardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1,"character":1},"arguments":[{"selector":"ngx-do-dashcard","template":"<div fxLayout=\"row\"  class=\"dashcard mat-elevation-z4 \"  >\n    <div fxFlex=\"40\" fxLayout=\"row\"  fxLayoutAlign=\"center center\" [style.background]=\"dashData?.colorLight\">\n        <mat-icon  class=\"cardIcon\">{{dashData?.icon}}</mat-icon>\n    </div>\n    <div  fxFlex=\"60\" fxLayout=\"column\" fxLayoutAlign=\"center center\" [style.background]=\"dashData?.colorDark\" >\n         \n        <div style=\"color: white;font-size: 40px\">\n            <ng2-odometer [number]=\"dashData?.number\" [config]=\"{ }\"></ng2-odometer>\n            \n        </div>\n        <p class=\"mat-body-1 border-top\">\n            {{dashData?.title}}\n        </p>\n    </div>\n</div>","styles":[".nav-item{transition:.6s cubic-bezier(.165,.84,.44,1);cursor:default}.nav-item:hover{-webkit-transform:translate(0,-8px);transform:translate(0,-8px);box-shadow:0 20px 20px rgba(0,0,0,.16)}"]}]}],"members":{"dashData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LineGraphComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ngx-do-line-graph","template":"<div  class=\"line-graph-holder mat-elevation-z4 \" [ngStyle]=\"{'height':'220px'}\">\n    <canvas id=\"line-graph\"></canvas>\n</div>","styles":[".line-graph-holder{margin:10px 5px;background-color:#fff}.nav-item{transition:.6s cubic-bezier(.165,.84,.44,1);cursor:default}.nav-item:hover{-webkit-transform:translate(0,-8px);transform:translate(0,-8px);box-shadow:0 20px 20px rgba(0,0,0,.16)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"createLineChart":[{"__symbolic":"method"}]}},"BarGraphComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-do-bar-graph","template":"<div  class=\"dash-bar-graph-holder mat-elevation-z4 \" [ngStyle]=\"{'height':'220px'}\">\n    <canvas id=\"dash-bar-graph\"></canvas>\n</div>","styles":[".dash-bar-graph-holder{margin:10px 5px;background-color:#fff}.nav-item{transition:.6s cubic-bezier(.165,.84,.44,1);cursor:default}.nav-item:hover{-webkit-transform:translate(0,-8px);transform:translate(0,-8px);box-shadow:0 20px 20px rgba(0,0,0,.16)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"createBarGraph":[{"__symbolic":"method"}]}},"DoughnutGraphComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ngx-do-doughnut-graph","template":"<div  class=\"doughnut-graph-graph-holder mat-elevation-z4  \" [ngStyle]=\"{'height':'220px'}\">\n    <canvas id=\"doughnut-graph-graph\"></canvas>\n</div>","styles":[".doughnut-graph-graph-holder{margin:10px 5px;background-color:#fff}.nav-item{transition:.6s cubic-bezier(.165,.84,.44,1);cursor:default}.nav-item:hover{-webkit-transform:translate(0,-8px);transform:translate(0,-8px);box-shadow:0 20px 20px rgba(0,0,0,.16)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"randomNumber":[{"__symbolic":"method"}],"randomBar":[{"__symbolic":"method"}],"createDoughnutGraph":[{"__symbolic":"method"}]}},"PricingPlanComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-do-pricing-plan","template":"<div  class=\"pricing-card-holder mat-elevation-z4 \">\n    <mat-toolbar>\n      Pricing\n    </mat-toolbar>\n    <mat-nav-list>\n        <mat-list-item *ngFor=\"let link of [1,2,3,4,5]\">\n            <a matLine href=\"...\">{{ link }}</a>\n                <button mat-icon-button >\n                <mat-icon>info</mat-icon>\n            </button>\n        </mat-list-item>\n    </mat-nav-list>\n</div>","styles":[".pricing-card-holder{margin:10px 5px;background:#fff}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"WeatherComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-do-weather","template":"<div  class=\"weather mat-elevation-z4 \">\n    <div fxLayout=\"column\"  fxLayoutAlign=\"center  start\"  class=\"weatherimage\" >  \n        <mat-icon class=\"weathericons no-margin\">\n            wb_sunny\n        </mat-icon>\n        <h2   class=\"mat-headline temperature\" >\n            73<sup><sup>o</sup>C</sup>    \n        </h2>\n        <h2   class=\"mat-headline place\" >\n            KERALA, KOCHI\n        </h2>\n    </div>\n</div>","styles":[".weather{margin:10px;height:220px;color:#fff}.weather .weatherimage{background-image:url(https://images.unsplash.com/photo-1508529044574-59120aab8253?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80);background-size:cover;height:220px;box-shadow:inset 0 0 0 2000px rgba(63,81,181,.4)}.place,.temperature{text-align:center;margin:0 auto}.weathericons{height:40px;width:40px;color:#fff;margin:0 auto}.weather-series{color:#3f51b5;height:40px;width:40px;font-size:40px}.weather-next{color:#cfcfcf;margin:auto}.nav-item{transition:.6s cubic-bezier(.165,.84,.44,1);cursor:default}.nav-item:hover{-webkit-transform:translate(0,-8px);transform:translate(0,-8px);box-shadow:0 20px 20px rgba(0,0,0,.16)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SharePriceComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-do-share-price","template":"<div  class=\"share-price mat-elevation-z4 \">\n    <div fxLayout=\"column\"  fxLayoutAlign=\"center  center\"  class=\"weatherimage\" >  \n        <div style=\"color: white;font-size: 40px;text-align:center\">\n            <ng2-odometer [number]=\"456\" [config]=\"{ }\"></ng2-odometer>\n        </div>\n        <div  class=\"line-graph-holder mat-elevation-z4 \" [ngStyle]=\"{'height':'170px'}\">\n            <canvas id=\"share-price\"></canvas>\n        </div>\n    </div>\n    \n</div>","styles":[".share-price{margin:10px;height:220px;background:#4db6ac}.share-price .line-graph-holder{background:#4db6ac;margin:0}.nav-item{transition:.6s cubic-bezier(.165,.84,.44,1);cursor:default}.nav-item:hover{-webkit-transform:translate(0,-8px);transform:translate(0,-8px);box-shadow:0 20px 20px rgba(0,0,0,.16)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getRandomInt":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"drawGraph":[{"__symbolic":"method"}]}},"RoundProgressbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-do-round-progressbar","template":"<div  class=\"round-progressbar mat-elevation-z4 \"  fxLayout=\"column\" [style.background]=\"boxcolor\">\n    <h1 class=\"mat-headline header\">\n            {{title}}\n    </h1>\n    <div  fxLayout=\"row\" >\n\n        <div fxFlex=\"10\">\n        </div>\n        <div fxFlex=\"80\" >\n              <div class=\"progress-wrapper\">\n                    <div class=\"current mat-headline \" [ngClass]=\"{'semi_off':!semicircle, 'semi_on':semicircle}\" >{{ current }}/{{ max }}</div>\n                    <round-progress  [current]=\"current\"\n                    [max]=\"max\"\n                    [color]=\"color\"\n                    [background]=\"background\"\n                    [radius]=\"125\"\n                    [stroke]=\"30\"\n                    [semicircle]=\"semicircle\"\n                    [rounded]=\"rounded\"\n                    [clockwise]=\"clockwise\"\n                    [responsive]=\"responsive\"\n                    [duration]=\"800\"\n                    [animation]=\"animation\"\n                    [animationDelay]=\"1\"\n                     ></round-progress>\n              </div>\n           \n        </div>\n        <div  fxFlex=\"10\"></div>\n    </div>\n\n</div>","styles":[""]}]}],"members":{"current":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"boxcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SalesListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-do-sales-list","template":"<div  class=\"sales-list mat-elevation-z4 \"  >\n    <mat-toolbar>\n        \n        <mat-toolbar-row>\n            <span>Sales List</span>\n            <span class=\"pull-right\"></span>\n            <button mat-icon-button>\n              <mat-icon (click)=\"reload();\" >refresh</mat-icon>\n            </button>\n           <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n                  <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #menu=\"matMenu\">\n                  <button mat-menu-item>\n                    <mat-icon>list</mat-icon>\n                    <span>List</span>\n                  </button>\n                  <button mat-menu-item>\n                    <mat-icon>print</mat-icon>\n                    <span>Print</span>\n                  </button>\n                </mat-menu>\n          </mat-toolbar-row>\n    </mat-toolbar>\n    <mat-progress-bar *ngIf=\"showLoader\"\n          [color]=\"'primary'\"\n          [mode]=\"'indeterminate'\"\n          [value]=\"90\"\n          [bufferValue]=\"'10'\">\n      </mat-progress-bar>\n    <mat-list >\n    <mat-list-item *ngFor=\"let sale of sales\"   >\n        <img  matListAvatar [src]=\"sale.companyIcon\" alt=\"Image of {{sale.name}}\">\n        <h3  > {{sale.companyName}} </h3>\n        <span class=\"pull-right\"></span>\n        <mat-chip-list    >\n            <mat-chip  *ngIf=\"sale.star\" color=\"primary\" selected=\"true\" >\n                {{sale.star}} &nbsp; <mat-icon>star</mat-icon> \n            </mat-chip>\n            <mat-chip *ngIf=\"sale.watch\"  color=\"warn\" selected=\"true\" >\n                {{sale.watch}}  &nbsp;<mat-icon>remove_red_eye</mat-icon> \n            </mat-chip>\n            <mat-chip *ngIf=\"sale.fork\"  color=\"accent\" selected=\"true\" >\n                {{sale.fork}}  &nbsp;<mat-icon>content_copy</mat-icon> \n            </mat-chip>\n        </mat-chip-list>\n    </mat-list-item>\n</mat-list>\n\n</div>","styles":[".nav-item{transition:.6s cubic-bezier(.165,.84,.44,1);cursor:default}.nav-item:hover{-webkit-transform:translate(0,-8px);transform:translate(0,-8px);box-shadow:0 20px 20px rgba(0,0,0,.16)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"reload":[{"__symbolic":"method"}]}},"D3UsaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-do-d3-usa","template":"<!-- <svg viewBox=\"0 0 1000 700\" preserveAspectRatio=\"xMinYMin slice\" width=\"100%\" height=\"100%\" style=\"width: 100%; overflow: hidden;\"></svg>\n\n -->","styles":[".counties{fill:none}.states{fill:none;stroke:#fff;stroke-linejoin:round}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"WorldMapComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ngx-do-world-map","template":"\n\n<div fxLayout=\"column\" fxLayout.xs=\"column\"  style=\"background-color: white;padding: 10px;\">\n\n\t<div class=\"mat-headline\" style=\"margin: 20px; border-bottom: 1px solid #dddddd;\">\n\t\tGLOBAL SALES REPORT\n\t</div>\n\n\t<div fxLayout=\"row\" fxLayout.xs=\"column\">\n\t\t<div fxFlex.gt-xs=\"35\"  style=\"padding-top: 10px;\">\n\n\t\t\t<table  class=\"table\">\n\t\t\t\t\t<tr *ngFor=\"let detail of tableData\">\n\t\t\t\t\t\t<td class=\"mat-subheading-1\">{{ detail?.country }}</td>\n\t\t\t\t\t\t<td class=\"text-right mat-subheading-1\">{{ detail?.sales }}</td>\n\t\t\t\t\t\t<td class=\"text-right mat-subheading-1\">{{ detail?.percentage }}</td>\n\t\t\t\t\t</tr>\n\t\t\t</table>\n\t\t\t\n\t\t</div>\n\n\t\t<div fxFlex.gt-xs=\"10\"></div>\n\n\t\t<div style=\"padding: 5px 10px;\" fxFlex.gt-xs=\"55\">\n\t\t\t<div id=\"chartdiv\"  style=\"height: 300px;\" >\n\t\t</div>\n\t\t</div> \n\t</div>\n</div>\n\n\n","styles":[".table{width:100%;max-width:100%;border-collapse:collapse}.table tr:first-child td{border-top:none}.text-right{text-align:right}td,th{padding:8px;text-align:left;border-top:1px solid #ddd}.nav-item{transition:.6s cubic-bezier(.165,.84,.44,1);cursor:default}.nav-item:hover{-webkit-transform:translate(0,-8px);transform:translate(0,-8px);box-shadow:0 20px 20px rgba(0,0,0,.16)}"]}]}],"members":{"tableData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"NgxDoWipModule":"./lib/wip.module","DashcardComponent":"./lib/dashcard/dashcard.component","LineGraphComponent":"./lib/line-graph/line-graph.component","BarGraphComponent":"./lib/bar-graph/bar-graph.component","DoughnutGraphComponent":"./lib/doughnut-graph/doughnut-graph.component","PricingPlanComponent":"./lib/pricing-plan/pricing-plan.component","WeatherComponent":"./lib/weather/weather.component","SharePriceComponent":"./lib/share-price/share-price.component","RoundProgressbarComponent":"./lib/round-progressbar/round-progressbar.component","SalesListComponent":"./lib/sales-list/sales-list.component","D3UsaComponent":"./lib/d3-usa/d3-usa.component","WorldMapComponent":"./lib/world-map/world-map.component"},"importAs":"ngx-do-wip"}