{"version":3,"file":"3.chunk.js","sources":["webpack:///./src/app/components/chart-details/chart-details-wrapper.ts","webpack:///./src/app/components/chart-code/chart-code.ts","webpack:///./src/app/components/chart-description/chart-description.ts","webpack:///./src/app/components/chart-details/chart-details.ts","webpack:///./src/app/components/chart-code/chart-code.css","webpack:///./src/app/components/chart-details/chart-details-wrapper.css","webpack:///./src/app/components/chart-code/chart-code.html","webpack:///./src/app/components/chart-code/chart-code.css?be25","webpack:///./src/app/components/chart-details/chart-details-wrapper.css?7917","webpack:///./src/app/components/chart-details/chart-details.module.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { CommonService } from \"../../shared/common.service\";\r\nimport { EntryComponents } from './entry-components';\r\n\r\n@Component({\r\n selector: 'chart-details-wrapper',\r\n styles: [require('./chart-details-wrapper.css')],\r\n template: `\r\n
{{chartType}}
\r\n
\r\n \r\n \r\n
\r\n
\r\n
About the graph
\r\n {{description}}
\r\n `\r\n})\r\n\r\nexport class ChartDescriptionComponent implements OnInit {\r\n\r\n description: string;\r\n\r\n constructor(private route: ActivatedRoute,\r\n private commonService: CommonService) {\r\n }\r\n\r\n ngOnInit() {\r\n this.route.params.subscribe((params) => {\r\n this.description = this.commonService.getChartDescription(params['chartType']);\r\n });\r\n\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// node_modules/angular2-template-loader!./~/angular2-router-loader/src!./src/app/components/chart-description/chart-description.ts","import {\r\n Component,\r\n ViewContainerRef,\r\n ViewChild,\r\n ReflectiveInjector,\r\n ComponentFactoryResolver,\r\n Input\r\n} from '@angular/core';\r\n\r\nimport { entryList } from './entry-components';\r\n\r\n@Component({\r\n selector: 'chart-details',\r\n entryComponents: [\r\n ...entryList\r\n ],\r\n template: ``\r\n})\r\n\r\nexport default class ChartDetailsComponent {\r\n currentComponent = null;\r\n @ViewChild('dynamicComponentContainer', { read: ViewContainerRef }) dynamicComponentContainer: ViewContainerRef;\r\n\r\n constructor(private resolver: ComponentFactoryResolver) { }\r\n\r\n // component: Class for the component you want to create\r\n // inputs: An object with key/value pairs mapped to input name/input value\r\n @Input() set componentData(data: { component: any }) {\r\n if (!data) {\r\n return;\r\n }\r\n // We create an injector out of the data we want to pass down and this components injector\r\n let injector = ReflectiveInjector.fromResolvedProviders([], this.dynamicComponentContainer.parentInjector);\r\n\r\n // We create a factory out of the component we want to create\r\n let factory = this.resolver.resolveComponentFactory(data.component);\r\n\r\n // We create the component using the factory and the injector\r\n let component = factory.create(injector);\r\n\r\n // We insert the component into the dom container\r\n this.dynamicComponentContainer.insert(component.hostView);\r\n\r\n // We can destroy the old component is we like by calling destroy\r\n if (this.currentComponent) {\r\n this.currentComponent.destroy();\r\n }\r\n\r\n this.currentComponent = component;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// node_modules/angular2-template-loader!./~/angular2-router-loader/src!./src/app/components/chart-details/chart-details.ts","exports = module.exports = require(\"./../../../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".nav-pills li {\\n cursor: pointer;\\n}\\n\\n.tab-content {\\n position: relative;\\n}\\n\\n.tab-content pre {\\n background: #FFFFFF;\\n}\\n\\n.copy-to-clipboard {\\n position: absolute;\\n right: 20px;\\n z-index: 2;\\n top: 20px;\\n width: 110px;\\n}\\n\\n.code-content {\\n overflow: hidden;\\n height: 0;\\n border: 1px solid #f8f8f8;\\n}\\n\\n.button {\\n background: white;\\n border: 1px solid #AAAAAA;\\n border-radius: 2px;\\n padding: 6px 10px;\\n}\\n\\n.button:hover {\\n background: #AAAAAA;\\n}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./src/app/components/chart-code/chart-code.css\n// module id = 354\n// module chunks = 3","exports = module.exports = require(\"./../../../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"chart-details, chart-description {\\n display: inline-block;\\n vertical-align: top;\\n line-height: 2.2;\\n width: 50%;\\n}\\n\\nchart-description {\\n width: 40%;\\n padding-left: 20px;\\n}\\n.wrapper {\\n background: #f8f8f8;\\n padding: 20px;\\n}\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./src/app/components/chart-details/chart-details-wrapper.css\n// module id = 355\n// module chunks = 3","module.exports = \"\\n
Code
\\n
\\n
\\n
\\n
\\n
\\n
{{typescriptCode}}\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n\\n
\\n