@carbon/charts-angular 0.59.0-beta.0 → 1.0.3

package/src/histogram-chart.component.ts

@@ -1,34 +0,0 @@
-import {
-	Component,
-	AfterViewInit
-} from "@angular/core";
-
-import { BaseChart } from "./base-chart.component";
-
-import { HistogramChart } from "@carbon/charts";
-
-/**
- * Wrapper around `HistogramChart` in carbon charts library
- *
- * Most functions just call their equivalent from the chart library.
- */
-@Component({
-	selector: "ibm-histogram-chart",
-	template: ``
-})
-export class HistogramChartComponent extends BaseChart implements AfterViewInit {
-	/**
-	 * Runs after view init to create a chart, attach it to `elementRef` and draw it.
-	 */
-	ngAfterViewInit() {
-		this.chart = new HistogramChart(
-			this.elementRef.nativeElement,
-			{
-				data: this.data,
-				options: this.options
-			}
-		);
-
-		Object.assign(this, this.chart);
-	}
-}

package/src/index.ts

@@ -1,44 +0,0 @@
-export * from './charts.module';
-
-export * from './base-chart.component';
-export * from './area-chart.component';
-export * from './area-chart-stacked.component';
-export * from './bar-chart-simple.component';
-export * from './bar-chart-grouped.component';
-export * from './bar-chart-stacked.component';
-export * from './boxplot-chart.component';
-export * from './bubble-chart.component';
-export * from './bullet-chart.component';
-export * from './donut-chart.component';
-export * from './gauge-chart.component';
-export * from './histogram-chart.component';
-export * from './line-chart.component';
-export * from './lollipop-chart.component';
-export * from './pie-chart.component';
-export * from './scatter-chart.component';
-export * from './meter-chart.component';
-export * from './radar-chart.component';
-export * from './combo-chart.component';
-export * from './tree-chart.component';
-export * from './treemap-chart.component';
-export * from './circle-pack-chart.component';
-export * from './wordcloud-chart.component';
-export * from './alluvial-chart.component';
-export * from './heatmap-chart.component';
-
-// Diagrams
-export * from './diagrams/card-node/card-node.module';
-export * from './diagrams/card-node/card-node-column.component';
-export * from './diagrams/card-node/card-node-label.component';
-export * from './diagrams/card-node/card-node-subtitle.component';
-export * from './diagrams/card-node/card-node-title.component';
-export * from './diagrams/card-node/card-node.component';
-
-export * from './diagrams/edge/edge.module';
-export * from './diagrams/edge/edge.component';
-
-export * from './diagrams/marker/marker.module';
-export * from './diagrams/marker/marker.component';
-
-export * from './diagrams/shape-node/shape-node.module';
-export * from './diagrams/shape-node/shape-node.component';

package/src/line-chart.component.ts

@@ -1,34 +0,0 @@
-import {
-	Component,
-	AfterViewInit
-} from "@angular/core";
-
-import { BaseChart } from "./base-chart.component";
-
-import { LineChart } from "@carbon/charts";
-
-/**
- * Wrapper around `LineChart` in carbon charts library
- *
- * Most functions just call their equivalent from the chart library.
- */
-@Component({
-	selector: "ibm-line-chart",
-	template: ``
-})
-export class LineChartComponent extends BaseChart implements AfterViewInit {
-	/**
-	 * Runs after view init to create a chart, attach it to `elementRef` and draw it.
-	 */
-	ngAfterViewInit() {
-		this.chart = new LineChart(
-			this.elementRef.nativeElement,
-			{
-				data: this.data,
-				options: this.options
-			}
-		);
-
-		Object.assign(this, this.chart);
-	}
-}

package/src/lollipop-chart.component.ts

@@ -1,34 +0,0 @@
-import {
-	Component,
-	AfterViewInit
-} from "@angular/core";
-
-import { BaseChart } from "./base-chart.component";
-
-import { LollipopChart } from "@carbon/charts";
-
-/**
- * Wrapper around `LollipopChart` in carbon charts library
- *
- * Most functions just call their equivalent from the chart library.
- */
-@Component({
-	selector: "ibm-lollipop-chart",
-	template: ``
-})
-export class LollipopChartComponent extends BaseChart implements AfterViewInit {
-	/**
-	 * Runs after view init to create a chart, attach it to `elementRef` and draw it.
-	 */
-	ngAfterViewInit() {
-		this.chart = new LollipopChart(
-			this.elementRef.nativeElement,
-			{
-				data: this.data,
-				options: this.options
-			}
-		);
-
-		Object.assign(this, this.chart);
-	}
-}

package/src/meter-chart.component.ts

@@ -1,33 +0,0 @@
-import {
-	Component,
-	AfterViewInit
-} from "@angular/core";
-
-import { BaseChart } from "./base-chart.component";
-import { MeterChart } from "@carbon/charts";
-
-/**
- * Wrapper around `MeterChart` in carbon charts library
- *
- * Most functions just call their equivalent from the chart library.
- */
-@Component({
-	selector: "ibm-meter-chart",
-	template: ``
-})
-export class MeterChartComponent extends BaseChart implements AfterViewInit {
-	/**
-	 * Runs after view init to create a chart, attach it to `elementRef` and draw it.
-	 */
-	ngAfterViewInit() {
-		this.chart = new MeterChart(
-			this.elementRef.nativeElement,
-			{
-				data: this.data,
-				options: this.options
-			}
-		);
-
-		Object.assign(this, this.chart);
-	}
-}

package/src/pie-chart.component.ts

@@ -1,34 +0,0 @@
-import {
-	Component,
-	AfterViewInit
-} from "@angular/core";
-
-import { BaseChart } from "./base-chart.component";
-
-import { PieChart } from "@carbon/charts";
-
-/**
- * Wrapper around `PieChart` in carbon charts library
- *
- * Most functions just call their equivalent from the chart library.
- */
-@Component({
-	selector: "ibm-pie-chart",
-	template: ``
-})
-export class PieChartComponent extends BaseChart implements AfterViewInit {
-	/**
-	 * Runs after view init to create a chart, attach it to `elementRef` and draw it.
-	 */
-	ngAfterViewInit() {
-		this.chart = new PieChart(
-			this.elementRef.nativeElement,
-			{
-				data: this.data,
-				options: this.options
-			}
-		);
-
-		Object.assign(this, this.chart);
-	}
-}

package/src/radar-chart.component.ts

@@ -1,34 +0,0 @@
-import {
-	Component,
-	AfterViewInit
-} from "@angular/core";
-
-import { BaseChart } from "./base-chart.component";
-
-import { RadarChart } from "@carbon/charts";
-
-/**
- * Wrapper around `RadarChart` in carbon charts library
- *
- * Most functions just call their equivalent from the chart library.
- */
-@Component({
-	selector: "ibm-radar-chart",
-	template: ``
-})
-export class RadarChartComponent extends BaseChart implements AfterViewInit {
-	/**
-	 * Runs after view init to create a chart, attach it to `elementRef` and draw it.
-	 */
-	ngAfterViewInit() {
-		this.chart = new RadarChart(
-			this.elementRef.nativeElement,
-			{
-				data: this.data,
-				options: this.options
-			}
-		);
-
-		Object.assign(this, this.chart);
-	}
-}

package/src/scatter-chart.component.ts

@@ -1,34 +0,0 @@
-import {
-	Component,
-	AfterViewInit
-} from "@angular/core";
-
-import { BaseChart } from "./base-chart.component";
-
-import { ScatterChart } from "@carbon/charts";
-
-/**
- * Wrapper around `ScatterChart` in carbon charts library
- *
- * Most functions just call their equivalent from the chart library.
- */
-@Component({
-	selector: "ibm-scatter-chart",
-	template: ``
-})
-export class ScatterChartComponent extends BaseChart implements AfterViewInit {
-	/**
-	 * Runs after view init to create a chart, attach it to `elementRef` and draw it.
-	 */
-	ngAfterViewInit() {
-		this.chart = new ScatterChart(
-			this.elementRef.nativeElement,
-			{
-				data: this.data,
-				options: this.options
-			}
-		);
-
-		Object.assign(this, this.chart);
-	}
-}

package/src/tree-chart.component.ts

@@ -1,34 +0,0 @@
-import {
-	Component,
-	AfterViewInit
-} from "@angular/core";
-
-import { BaseChart } from "./base-chart.component";
-
-import { TreeChart } from "@carbon/charts";
-
-/**
- * Wrapper around `TreeChart` in carbon charts library
- *
- * Most functions just call their equivalent from the chart library.
- */
-@Component({
-	selector: "ibm-tree-chart",
-	template: ``
-})
-export class TreeChartComponent extends BaseChart implements AfterViewInit {
-	/**
-	 * Runs after view init to create a chart, attach it to `elementRef` and draw it.
-	 */
-	ngAfterViewInit() {
-		this.chart = new TreeChart(
-			this.elementRef.nativeElement,
-			{
-				data: this.data,
-				options: this.options
-			}
-		);
-
-		Object.assign(this, this.chart);
-	}
-}

package/src/treemap-chart.component.ts

@@ -1,34 +0,0 @@
-import {
-	Component,
-	AfterViewInit
-} from "@angular/core";
-
-import { BaseChart } from "./base-chart.component";
-
-import { TreemapChart } from "@carbon/charts";
-
-/**
- * Wrapper around `TreemapChart` in carbon charts library
- *
- * Most functions just call their equivalent from the chart library.
- */
-@Component({
-	selector: "ibm-treemap-chart",
-	template: ``
-})
-export class TreemapChartComponent extends BaseChart implements AfterViewInit {
-	/**
-	 * Runs after view init to create a chart, attach it to `elementRef` and draw it.
-	 */
-	ngAfterViewInit() {
-		this.chart = new TreemapChart(
-			this.elementRef.nativeElement,
-			{
-				data: this.data,
-				options: this.options
-			}
-		);
-
-		Object.assign(this, this.chart);
-	}
-}

package/src/wordcloud-chart.component.ts

@@ -1,34 +0,0 @@
-import {
-	Component,
-	AfterViewInit
-} from "@angular/core";
-
-import { BaseChart } from "./base-chart.component";
-
-import { WordCloudChart } from "@carbon/charts";
-
-/**
- * Wrapper around `WordCloudChart` in carbon charts library
- *
- * Most functions just call their equivalent from the chart library.
- */
-@Component({
-	selector: "ibm-wordcloud-chart",
-	template: ``
-})
-export class WordCloudChartComponent extends BaseChart implements AfterViewInit {
-	/**
-	 * Runs after view init to create a chart, attach it to `elementRef` and draw it.
-	 */
-	ngAfterViewInit() {
-		this.chart = new WordCloudChart(
-			this.elementRef.nativeElement,
-			{
-				data: this.data,
-				options: this.options
-			}
-		);
-
-		Object.assign(this, this.chart);
-	}
-}

package/stories/all.stories.ts

@@ -1,99 +0,0 @@
-import { storiesOf } from '@storybook/angular';
-import { withKnobs, object } from '@storybook/addon-knobs';
-
-import { ChartsModule } from '../src/charts.module';
-
-import { storybookDemoGroups } from '@carbon/charts/demo/data';
-
-const getTemplate = (demo) => `
-	<div class="container theme--white">
-		<div class="v10-banner">
-			This version relies on <b>Carbon v11</b>. If you're using Carbon v10, <a href="https://carbon-charts-0x.netlify.app" target="_blank" rel="noreferrer">see the legacy demo site</a>
-		</div>
-
-		<h3>
-			<b>Component:</b>
-			<span class="cds--tag cds--tag--green component-name">${demo.chartType.angular}</span>
-		</h3>
-		<p class="props"><b>Props:</b> data, <a href="https://carbon-design-system.github.io/carbon-charts/documentation/modules/_interfaces_charts_.html" target="_blank">options</a></p>
-
-		<div class="marginTop-30" id="chart-demo">
-			<${demo.chartType.angular}
-				class="n-chart"
-				[data]="data"
-				[options]="options"
-				#${demo.chartType.vanilla}>
-			</${demo.chartType.angular}>
-		</div>
-
-
-		<h3 class="marginTop-30">Code sample</h3>
-
-		<div class="marginTop-30" *ngFor="let codeFile of codeFiles;">
-			<h5>{{codeFile}}</h5>
-
-			<div class="cds--snippet cds--snippet--multi cds--snippet--expand marginTop-15" data-code-snippet>
-				<div class="cds--snippet-container" aria-label="Code Snippet Text">
-					<pre><code>{{code[codeFile]}}</code></pre>
-				</div>
-			</div>
-		</div>
-	</div>
-`;
-
-const introStories = storiesOf('Intro', module).addDecorator(withKnobs);
-
-// Loop through the demos for the group
-introStories.add('Welcome', () => ({
-	template: `<div class="container intro">
-	<div
-	class="welcome__container"
-	style="
-	  background: url(./welcome.png) no-repeat center center fixed;
-	  background-size: cover;
-	">
-		<div class="welcome__content">
-			<h2 class="welcome__heading">Carbon Charts</h2>
-			<h4 class="welcome__heading welcome__heading--subtitle">(Angular)</h4>
-
-			<h5 class="welcome__heading welcome__heading--other">Other versions</h5>
-			<ul>
-				<li><a href="https://charts.carbondesignsystem.com" class="welcome__heading welcome__heading--other">vanilla</a></li>
-				<li><a href="https://charts.carbondesignsystem.com/react" class="welcome__heading welcome__heading--other">React</a></li>
-				<li><a href="https://charts.carbondesignsystem.com/vue" class="welcome__heading welcome__heading--other">Vue</a></li>
-				<li><a href="https://charts.carbondesignsystem.com/svelte" class="welcome__heading welcome__heading--other">Svelte</a></li>
-			</ul>
-
-			<span class="netlify">Deploys by <a href="https://netlify.com" target="_blank">Netlify</a></span>
-		</div>
-	</div>
-</div>`,
-}));
-
-// Loop through all demo groups
-storybookDemoGroups.forEach((demoGroup) => {
-	// Create story group for each demo group
-	const groupStories = storiesOf(
-		`${demoGroup.storyGroupTitle}|${demoGroup.title}`,
-		module
-	).addDecorator(withKnobs({ escapeHTML: false }));
-
-	// Loop through the demos for the group
-	demoGroup.demos.forEach((demo) => {
-		if (demo.isHighScale) {
-			return;
-		}
-		groupStories.add(demo.title, () => ({
-			template: getTemplate(demo),
-			moduleMetadata: {
-				imports: [ChartsModule],
-			},
-			props: {
-				data: object('Data', demo.data),
-				options: object('Options', demo.options),
-				codeFiles: Object.keys(demo.code.angular),
-				code: demo.code.angular,
-			},
-		}));
-	});
-});