@carbon/charts-angular 0.52.0 → 0.52.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/bundles/carbon-charts-angular.umd.js +8 -4
- package/bundles/carbon-charts-angular.umd.js.map +1 -1
- package/bundles/carbon-charts-angular.umd.min.js +1 -1
- package/bundles/carbon-charts-angular.umd.min.js.map +1 -1
- package/carbon-charts-angular.metadata.json +1 -1
- package/esm2015/diagrams/card-node/card-node-column.component.js +13 -9
- package/esm5/diagrams/card-node/card-node-column.component.js +11 -7
- package/fesm2015/carbon-charts-angular.js +10 -6
- package/fesm2015/carbon-charts-angular.js.map +1 -1
- package/fesm5/carbon-charts-angular.js +8 -4
- package/fesm5/carbon-charts-angular.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"ChartsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":11}],"declarations":[{"__symbolic":"reference","name":"BaseChart"},{"__symbolic":"reference","name":"AlluvialChartComponent"},{"__symbolic":"reference","name":"AreaChartComponent"},{"__symbolic":"reference","name":"StackedAreaChartComponent"},{"__symbolic":"reference","name":"SimpleBarChartComponent"},{"__symbolic":"reference","name":"GroupedBarChartComponent"},{"__symbolic":"reference","name":"StackedBarChartComponent"},{"__symbolic":"reference","name":"BoxplotChartComponent"},{"__symbolic":"reference","name":"BubbleChartComponent"},{"__symbolic":"reference","name":"BulletChartComponent"},{"__symbolic":"reference","name":"DonutChartComponent"},{"__symbolic":"reference","name":"GaugeChartComponent"},{"__symbolic":"reference","name":"HistogramChartComponent"},{"__symbolic":"reference","name":"LineChartComponent"},{"__symbolic":"reference","name":"LollipopChartComponent"},{"__symbolic":"reference","name":"PieChartComponent"},{"__symbolic":"reference","name":"ScatterChartComponent"},{"__symbolic":"reference","name":"MeterChartComponent"},{"__symbolic":"reference","name":"RadarChartComponent"},{"__symbolic":"reference","name":"ComboChartComponent"},{"__symbolic":"reference","name":"TreeChartComponent"},{"__symbolic":"reference","name":"TreemapChartComponent"},{"__symbolic":"reference","name":"CirclePackChartComponent"},{"__symbolic":"reference","name":"WordCloudChartComponent"}],"exports":[{"__symbolic":"reference","name":"BaseChart"},{"__symbolic":"reference","name":"AlluvialChartComponent"},{"__symbolic":"reference","name":"AreaChartComponent"},{"__symbolic":"reference","name":"StackedAreaChartComponent"},{"__symbolic":"reference","name":"SimpleBarChartComponent"},{"__symbolic":"reference","name":"GroupedBarChartComponent"},{"__symbolic":"reference","name":"StackedBarChartComponent"},{"__symbolic":"reference","name":"BoxplotChartComponent"},{"__symbolic":"reference","name":"BubbleChartComponent"},{"__symbolic":"reference","name":"BulletChartComponent"},{"__symbolic":"reference","name":"DonutChartComponent"},{"__symbolic":"reference","name":"GaugeChartComponent"},{"__symbolic":"reference","name":"HistogramChartComponent"},{"__symbolic":"reference","name":"LineChartComponent"},{"__symbolic":"reference","name":"LollipopChartComponent"},{"__symbolic":"reference","name":"PieChartComponent"},{"__symbolic":"reference","name":"ScatterChartComponent"},{"__symbolic":"reference","name":"MeterChartComponent"},{"__symbolic":"reference","name":"RadarChartComponent"},{"__symbolic":"reference","name":"ComboChartComponent"},{"__symbolic":"reference","name":"TreeChartComponent"},{"__symbolic":"reference","name":"TreemapChartComponent"},{"__symbolic":"reference","name":"CirclePackChartComponent"},{"__symbolic":"reference","name":"WordCloudChartComponent"}]}]}],"members":{}},"BaseChart":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-base-chart","template":""}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":35}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":2}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":2}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":2}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":2}}]}],"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":2},"arguments":["nChart"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"AreaChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-area-chart","template":"\n\t\t<div #nChart class=\"ibm-chart-container\">\n\t\t</div>\n\t"}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"StackedAreaChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-stacked-area-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"SimpleBarChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-simple-bar-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"GroupedBarChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-grouped-bar-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"StackedBarChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-stacked-bar-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"BoxplotChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-boxplot-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"BubbleChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-bubble-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"BulletChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-bullet-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"DonutChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-donut-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"GaugeChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-gauge-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"HistogramChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-histogram-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"LineChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-line-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"LollipopChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-lollipop-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"PieChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-pie-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"ScatterChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-scatter-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"MeterChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ibm-meter-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"RadarChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-radar-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"ComboChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ibm-combo-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"TreeChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-tree-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"TreemapChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-treemap-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"CirclePackChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-circle-pack-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"WordCloudChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-wordcloud-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"AlluvialChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-alluvial-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"CardNodeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ibm-diagram-card-node","template":"\n\t\t<ng-container [ngSwitch]=\"component\">\n\t\t\t<xhtml:div\n\t\t\t\t*ngSwitchCase=\"'div'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'border-color': color,\n\t\t\t\t\tposition: position\n\t\t\t\t}\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:div>\n\n\t\t\t<xhtml:button\n\t\t\t\t*ngSwitchCase=\"'button'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'border-color': color,\n\t\t\t\t\tposition: position\n\t\t\t\t}\"\n\t\t\t\t(click)=\"click.emit($event)\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:button>\n\n\t\t\t<xhtml:a\n\t\t\t\t*ngSwitchCase=\"'a'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[attr.href]=\"href\"\n\t\t\t\t[ngStyle]=\"{ 'border-color': color, position: position }\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:a>\n\t\t</ng-container>\n\t\t<ng-template #nodeTemplate>\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t"}]}],"members":{"as":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":2}}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":2}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":2}}]}],"stacked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":2}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":2}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":2}}]}],"mouseEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":2}}]}],"mouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":2}}]}],"mouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":2}}]}],"mouseLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":2}}]}],"mouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":2}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"CardNodeColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ibm-diagram-card-node-column","template":"\n\t<xhtml:div>\n\t\t<ng-content></ng-content>\n\t</xhtml:div>\n\t"}]}],"members":{"farsideColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":2}}]}],"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":2},"arguments":["class"]}]}]}},"CardNodeLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ibm-diagram-card-node-label","template":"\n\t<xhtml:label [ngClass]=\"namespace\">\n\t\t<ng-content></ng-content>\n\t</xhtml:label>\n\t"}]}],"members":{}},"CardNodeSubtitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ibm-diagram-card-node-subtitle","template":"\n\t<xhtml:div [ngClass]=\"namespace\">\n\t\t<ng-content></ng-content>\n\t</xhtml:div>\n\t"}]}],"members":{}},"CardNodeTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ibm-diagram-card-node-title","template":"\n\t<xhtml:div [ngClass]=\"namespace\">\n\t\t<ng-content></ng-content>\n\t</xhtml:div>\n\t"}]}],"members":{}},"CardNodeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CardNodeComponent"},{"__symbolic":"reference","name":"CardNodeColumnComponent"},{"__symbolic":"reference","name":"CardNodeLabelComponent"},{"__symbolic":"reference","name":"CardNodeSubtitleComponent"},{"__symbolic":"reference","name":"CardNodeTitleComponent"}],"exports":[{"__symbolic":"reference","name":"CardNodeComponent"},{"__symbolic":"reference","name":"CardNodeColumnComponent"},{"__symbolic":"reference","name":"CardNodeLabelComponent"},{"__symbolic":"reference","name":"CardNodeSubtitleComponent"},{"__symbolic":"reference","name":"CardNodeTitleComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":11}]}]}],"members":{}},"EdgeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EdgeComponent"}],"exports":[{"__symbolic":"reference","name":"EdgeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":11}]}]}],"members":{}},"EdgeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"[ibm-graph-edge]","template":"\n\t<svg:g [ngClass]=\"[namespace, variant ? namespace + '--' + variant : '']\">\n\t\t<svg:path\n\t\t\t[ngClass]=\"namespace + '__container'\"\n\t\t\t[attr.d]=\"path ? path : straight(source, target)\"\n\t\t/>\n\t\t<svg:path\n\t\t\t[ngClass]=\"namespace + '__outer'\"\n\t\t\t[attr.d]=\"path ? path : straight(source, target)\"\n\t\t/>\n\t\t<svg:path\n\t\t\t[ngClass]=\"namespace + '__inner'\"\n\t\t\t[attr.d]=\"path ? path : straight(source, target)\"\n\t\t\t[ngStyle]=\"{'stroke': color}\"\n\t\t\t[attr.marker-start]=\"markerStart ? 'url(#' + markerStart + ')' : ''\"\n\t\t\t[attr.marker-end]=\"markerEnd ? 'url(#' + markerEnd + ')' : ''\"\n\t\t/>\n\t</svg:g>\n\t"}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":2}}]}],"markerEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":2}}]}],"markerStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":2}}]}],"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":2}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":2}}]}],"variant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":2}}]}],"path":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":2}}]}]}},"MarkerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"[ibm-graph-marker]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"d":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":2}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":2}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":2}}]}],"orient":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":2}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":2}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":2}}]}],"refX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":2}}]}],"refY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":2}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":2}}]}]}},"MarkerArrowLeftComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":57,"character":1},"arguments":[{"selector":"[ibm-graph-marker-arrow-left]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerArrowRightComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":59,"character":1},"arguments":[{"selector":"[ibm-graph-marker-arrow-right]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerShapeNodeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":61,"character":1},"arguments":[{"selector":"[ibm-graph-marker-circle]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerDiamondComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":63,"character":1},"arguments":[{"selector":"[ibm-graph-marker-diamond]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerSquareComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":65,"character":1},"arguments":[{"selector":"[ibm-graph-marker-square]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerTeeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"selector":"[ibm-graph-marker-tee]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MarkerComponent"},{"__symbolic":"reference","name":"MarkerArrowLeftComponent"},{"__symbolic":"reference","name":"MarkerArrowRightComponent"},{"__symbolic":"reference","name":"MarkerShapeNodeComponent"},{"__symbolic":"reference","name":"MarkerDiamondComponent"},{"__symbolic":"reference","name":"MarkerSquareComponent"},{"__symbolic":"reference","name":"MarkerTeeComponent"}],"exports":[{"__symbolic":"reference","name":"MarkerComponent"},{"__symbolic":"reference","name":"MarkerArrowLeftComponent"},{"__symbolic":"reference","name":"MarkerArrowRightComponent"},{"__symbolic":"reference","name":"MarkerShapeNodeComponent"},{"__symbolic":"reference","name":"MarkerDiamondComponent"},{"__symbolic":"reference","name":"MarkerSquareComponent"},{"__symbolic":"reference","name":"MarkerTeeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":40,"character":11}]}]}],"members":{}},"ShapeNodeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ShapeNodeComponent"}],"exports":[{"__symbolic":"reference","name":"ShapeNodeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":11}]}]}],"members":{}},"ShapeNodeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ibm-diagram-shape-node","template":"\n\t\t<ng-container [ngSwitch]=\"component\">\n\t\t\t<xhtml:div\n\t\t\t\t*ngSwitchCase=\"'div'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tshape ? namespace + '--' + shape : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'height.px': size,\n\t\t\t\t\t'width.px': size,\n\t\t\t\t\tposition: position\n\t\t\t\t}\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:div>\n\n\t\t\t<xhtml:button\n\t\t\t\t*ngSwitchCase=\"'button'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tshape ? namespace + '--' + shape : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'height.px': size,\n\t\t\t\t\t'width.px': size,\n\t\t\t\t\tposition: position\n\t\t\t\t}\"\n\t\t\t\t(click)=\"click.emit($event)\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:button>\n\n\t\t\t<xhtml:a\n\t\t\t\t*ngSwitchCase=\"'a'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tshape ? namespace + '--' + shape : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[attr.href]=\"href\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'height.px': size,\n\t\t\t\t\t'width.px': size,\n\t\t\t\t\tposition: position\n\t\t\t\t}\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:a>\n\t\t</ng-container>\n\n\t\t<ng-template #nodeTemplate>\n\t\t\t<div *ngIf=\"renderIcon\" attr.class=\"{{ namespace + '__icon' }}\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"renderIcon\"></ng-container>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tattr.class=\"{{ namespace + '__body' }}\"\n\t\t\t\t[ngStyle]=\"{ position: bodyPosition }\"\n\t\t\t>\n\t\t\t\t<div attr.class=\"{{ namespace + '__title' }}\">{{ title }}</div>\n\t\t\t\t<div attr.class=\"{{ namespace + '__subtitle' }}\">\n\t\t\t\t\t{{ subtitle }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ng-template>\n\t"}]}],"members":{"as":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":2}}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":2}}]}],"renderIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":2}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":2}}]}],"stacked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":2}}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":2}}]}],"subtitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":2}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":2}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":2}}]}],"bodyPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":2}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":116,"character":2}}]}],"mouseEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":117,"character":2}}]}],"mouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":2}}]}],"mouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":2}}]}],"mouseLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":2}}]}],"mouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":121,"character":2}}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"ChartsModule":"./charts.module","BaseChart":"./base-chart.component","AreaChartComponent":"./area-chart.component","StackedAreaChartComponent":"./area-chart-stacked.component","SimpleBarChartComponent":"./bar-chart-simple.component","GroupedBarChartComponent":"./bar-chart-grouped.component","StackedBarChartComponent":"./bar-chart-stacked.component","BoxplotChartComponent":"./boxplot-chart.component","BubbleChartComponent":"./bubble-chart.component","BulletChartComponent":"./bullet-chart.component","DonutChartComponent":"./donut-chart.component","GaugeChartComponent":"./gauge-chart.component","HistogramChartComponent":"./histogram-chart.component","LineChartComponent":"./line-chart.component","LollipopChartComponent":"./lollipop-chart.component","PieChartComponent":"./pie-chart.component","ScatterChartComponent":"./scatter-chart.component","MeterChartComponent":"./meter-chart.component","RadarChartComponent":"./radar-chart.component","ComboChartComponent":"./combo-chart.component","TreeChartComponent":"./tree-chart.component","TreemapChartComponent":"./treemap-chart.component","CirclePackChartComponent":"./circle-pack-chart.component","WordCloudChartComponent":"./wordcloud-chart.component","AlluvialChartComponent":"./alluvial-chart.component","CardNodeComponent":"./diagrams/card-node/card-node.component","CardNodeColumnComponent":"./diagrams/card-node/card-node-column.component","CardNodeLabelComponent":"./diagrams/card-node/card-node-label.component","CardNodeSubtitleComponent":"./diagrams/card-node/card-node-subtitle.component","CardNodeTitleComponent":"./diagrams/card-node/card-node-title.component","CardNodeModule":"./diagrams/card-node/card-node.module","EdgeModule":"./diagrams/edge/edge.module","EdgeComponent":"./diagrams/edge/edge.component","MarkerComponent":"./diagrams/marker/marker.component","MarkerArrowLeftComponent":"./diagrams/marker/marker.component","MarkerArrowRightComponent":"./diagrams/marker/marker.component","MarkerShapeNodeComponent":"./diagrams/marker/marker.component","MarkerDiamondComponent":"./diagrams/marker/marker.component","MarkerSquareComponent":"./diagrams/marker/marker.component","MarkerTeeComponent":"./diagrams/marker/marker.component","MarkerModule":"./diagrams/marker/marker.module","ShapeNodeModule":"./diagrams/shape-node/shape-node.module","ShapeNodeComponent":"./diagrams/shape-node/shape-node.component"},"importAs":"@carbon/charts-angular"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"ChartsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":11}],"declarations":[{"__symbolic":"reference","name":"BaseChart"},{"__symbolic":"reference","name":"AlluvialChartComponent"},{"__symbolic":"reference","name":"AreaChartComponent"},{"__symbolic":"reference","name":"StackedAreaChartComponent"},{"__symbolic":"reference","name":"SimpleBarChartComponent"},{"__symbolic":"reference","name":"GroupedBarChartComponent"},{"__symbolic":"reference","name":"StackedBarChartComponent"},{"__symbolic":"reference","name":"BoxplotChartComponent"},{"__symbolic":"reference","name":"BubbleChartComponent"},{"__symbolic":"reference","name":"BulletChartComponent"},{"__symbolic":"reference","name":"DonutChartComponent"},{"__symbolic":"reference","name":"GaugeChartComponent"},{"__symbolic":"reference","name":"HistogramChartComponent"},{"__symbolic":"reference","name":"LineChartComponent"},{"__symbolic":"reference","name":"LollipopChartComponent"},{"__symbolic":"reference","name":"PieChartComponent"},{"__symbolic":"reference","name":"ScatterChartComponent"},{"__symbolic":"reference","name":"MeterChartComponent"},{"__symbolic":"reference","name":"RadarChartComponent"},{"__symbolic":"reference","name":"ComboChartComponent"},{"__symbolic":"reference","name":"TreeChartComponent"},{"__symbolic":"reference","name":"TreemapChartComponent"},{"__symbolic":"reference","name":"CirclePackChartComponent"},{"__symbolic":"reference","name":"WordCloudChartComponent"}],"exports":[{"__symbolic":"reference","name":"BaseChart"},{"__symbolic":"reference","name":"AlluvialChartComponent"},{"__symbolic":"reference","name":"AreaChartComponent"},{"__symbolic":"reference","name":"StackedAreaChartComponent"},{"__symbolic":"reference","name":"SimpleBarChartComponent"},{"__symbolic":"reference","name":"GroupedBarChartComponent"},{"__symbolic":"reference","name":"StackedBarChartComponent"},{"__symbolic":"reference","name":"BoxplotChartComponent"},{"__symbolic":"reference","name":"BubbleChartComponent"},{"__symbolic":"reference","name":"BulletChartComponent"},{"__symbolic":"reference","name":"DonutChartComponent"},{"__symbolic":"reference","name":"GaugeChartComponent"},{"__symbolic":"reference","name":"HistogramChartComponent"},{"__symbolic":"reference","name":"LineChartComponent"},{"__symbolic":"reference","name":"LollipopChartComponent"},{"__symbolic":"reference","name":"PieChartComponent"},{"__symbolic":"reference","name":"ScatterChartComponent"},{"__symbolic":"reference","name":"MeterChartComponent"},{"__symbolic":"reference","name":"RadarChartComponent"},{"__symbolic":"reference","name":"ComboChartComponent"},{"__symbolic":"reference","name":"TreeChartComponent"},{"__symbolic":"reference","name":"TreemapChartComponent"},{"__symbolic":"reference","name":"CirclePackChartComponent"},{"__symbolic":"reference","name":"WordCloudChartComponent"}]}]}],"members":{}},"BaseChart":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-base-chart","template":""}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":35}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":2}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":2}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":2}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":2}}]}],"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":2},"arguments":["nChart"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"AreaChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-area-chart","template":"\n\t\t<div #nChart class=\"ibm-chart-container\">\n\t\t</div>\n\t"}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"StackedAreaChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-stacked-area-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"SimpleBarChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-simple-bar-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"GroupedBarChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-grouped-bar-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"StackedBarChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-stacked-bar-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"BoxplotChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-boxplot-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"BubbleChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-bubble-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"BulletChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-bullet-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"DonutChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-donut-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"GaugeChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-gauge-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"HistogramChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-histogram-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"LineChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-line-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"LollipopChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-lollipop-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"PieChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-pie-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"ScatterChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-scatter-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"MeterChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ibm-meter-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"RadarChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-radar-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"ComboChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ibm-combo-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"TreeChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-tree-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"TreemapChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-treemap-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"CirclePackChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-circle-pack-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"WordCloudChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-wordcloud-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"AlluvialChartComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseChart"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ibm-alluvial-chart","template":""}]}],"members":{"ngAfterViewInit":[{"__symbolic":"method"}]}},"CardNodeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ibm-diagram-card-node","template":"\n\t\t<ng-container [ngSwitch]=\"component\">\n\t\t\t<xhtml:div\n\t\t\t\t*ngSwitchCase=\"'div'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'border-color': color,\n\t\t\t\t\tposition: position\n\t\t\t\t}\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:div>\n\n\t\t\t<xhtml:button\n\t\t\t\t*ngSwitchCase=\"'button'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'border-color': color,\n\t\t\t\t\tposition: position\n\t\t\t\t}\"\n\t\t\t\t(click)=\"click.emit($event)\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:button>\n\n\t\t\t<xhtml:a\n\t\t\t\t*ngSwitchCase=\"'a'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[attr.href]=\"href\"\n\t\t\t\t[ngStyle]=\"{ 'border-color': color, position: position }\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:a>\n\t\t</ng-container>\n\t\t<ng-template #nodeTemplate>\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t"}]}],"members":{"as":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":2}}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":2}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":2}}]}],"stacked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":2}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":2}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":2}}]}],"mouseEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":2}}]}],"mouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":2}}]}],"mouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":2}}]}],"mouseLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":2}}]}],"mouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":2}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"CardNodeColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ibm-diagram-card-node-column","template":"\n\t\t<xhtml:div>\n\t\t\t<ng-content></ng-content>\n\t\t</xhtml:div>\n\t"}]}],"members":{"farsideColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":2}}]}],"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":2},"arguments":["class"]}]}]}},"CardNodeLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ibm-diagram-card-node-label","template":"\n\t<xhtml:label [ngClass]=\"namespace\">\n\t\t<ng-content></ng-content>\n\t</xhtml:label>\n\t"}]}],"members":{}},"CardNodeSubtitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ibm-diagram-card-node-subtitle","template":"\n\t<xhtml:div [ngClass]=\"namespace\">\n\t\t<ng-content></ng-content>\n\t</xhtml:div>\n\t"}]}],"members":{}},"CardNodeTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ibm-diagram-card-node-title","template":"\n\t<xhtml:div [ngClass]=\"namespace\">\n\t\t<ng-content></ng-content>\n\t</xhtml:div>\n\t"}]}],"members":{}},"CardNodeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CardNodeComponent"},{"__symbolic":"reference","name":"CardNodeColumnComponent"},{"__symbolic":"reference","name":"CardNodeLabelComponent"},{"__symbolic":"reference","name":"CardNodeSubtitleComponent"},{"__symbolic":"reference","name":"CardNodeTitleComponent"}],"exports":[{"__symbolic":"reference","name":"CardNodeComponent"},{"__symbolic":"reference","name":"CardNodeColumnComponent"},{"__symbolic":"reference","name":"CardNodeLabelComponent"},{"__symbolic":"reference","name":"CardNodeSubtitleComponent"},{"__symbolic":"reference","name":"CardNodeTitleComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":11}]}]}],"members":{}},"EdgeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EdgeComponent"}],"exports":[{"__symbolic":"reference","name":"EdgeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":11}]}]}],"members":{}},"EdgeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"[ibm-graph-edge]","template":"\n\t<svg:g [ngClass]=\"[namespace, variant ? namespace + '--' + variant : '']\">\n\t\t<svg:path\n\t\t\t[ngClass]=\"namespace + '__container'\"\n\t\t\t[attr.d]=\"path ? path : straight(source, target)\"\n\t\t/>\n\t\t<svg:path\n\t\t\t[ngClass]=\"namespace + '__outer'\"\n\t\t\t[attr.d]=\"path ? path : straight(source, target)\"\n\t\t/>\n\t\t<svg:path\n\t\t\t[ngClass]=\"namespace + '__inner'\"\n\t\t\t[attr.d]=\"path ? path : straight(source, target)\"\n\t\t\t[ngStyle]=\"{'stroke': color}\"\n\t\t\t[attr.marker-start]=\"markerStart ? 'url(#' + markerStart + ')' : ''\"\n\t\t\t[attr.marker-end]=\"markerEnd ? 'url(#' + markerEnd + ')' : ''\"\n\t\t/>\n\t</svg:g>\n\t"}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":2}}]}],"markerEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":2}}]}],"markerStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":2}}]}],"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":2}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":2}}]}],"variant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":2}}]}],"path":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":2}}]}]}},"MarkerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"[ibm-graph-marker]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"d":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":2}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":2}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":2}}]}],"orient":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":2}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":2}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":2}}]}],"refX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":2}}]}],"refY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":2}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":2}}]}]}},"MarkerArrowLeftComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":57,"character":1},"arguments":[{"selector":"[ibm-graph-marker-arrow-left]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerArrowRightComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":59,"character":1},"arguments":[{"selector":"[ibm-graph-marker-arrow-right]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerShapeNodeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":61,"character":1},"arguments":[{"selector":"[ibm-graph-marker-circle]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerDiamondComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":63,"character":1},"arguments":[{"selector":"[ibm-graph-marker-diamond]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerSquareComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":65,"character":1},"arguments":[{"selector":"[ibm-graph-marker-square]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerTeeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MarkerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"selector":"[ibm-graph-marker-tee]","template":"\n<svg:marker\n\t[ngClass]=\"namespace\"\n\t[attr.markerHeight]=\"height\"\n\t[attr.markerWidth]=\"width\"\n\t[attr.orient]=\"orient\"\n\t[attr.id]=\"id\"\n\t[attr.refX]=\"refX\"\n\t[attr.refY]=\"refY\"\n\tmarkerUnits=\"userSpaceOnUse\">\n\t<svg:path [attr.d]=\"d\" [ngStyle]=\"{'fill': color}\" ></svg:path>\n</svg:marker>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"MarkerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MarkerComponent"},{"__symbolic":"reference","name":"MarkerArrowLeftComponent"},{"__symbolic":"reference","name":"MarkerArrowRightComponent"},{"__symbolic":"reference","name":"MarkerShapeNodeComponent"},{"__symbolic":"reference","name":"MarkerDiamondComponent"},{"__symbolic":"reference","name":"MarkerSquareComponent"},{"__symbolic":"reference","name":"MarkerTeeComponent"}],"exports":[{"__symbolic":"reference","name":"MarkerComponent"},{"__symbolic":"reference","name":"MarkerArrowLeftComponent"},{"__symbolic":"reference","name":"MarkerArrowRightComponent"},{"__symbolic":"reference","name":"MarkerShapeNodeComponent"},{"__symbolic":"reference","name":"MarkerDiamondComponent"},{"__symbolic":"reference","name":"MarkerSquareComponent"},{"__symbolic":"reference","name":"MarkerTeeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":40,"character":11}]}]}],"members":{}},"ShapeNodeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ShapeNodeComponent"}],"exports":[{"__symbolic":"reference","name":"ShapeNodeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":11}]}]}],"members":{}},"ShapeNodeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ibm-diagram-shape-node","template":"\n\t\t<ng-container [ngSwitch]=\"component\">\n\t\t\t<xhtml:div\n\t\t\t\t*ngSwitchCase=\"'div'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tshape ? namespace + '--' + shape : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'height.px': size,\n\t\t\t\t\t'width.px': size,\n\t\t\t\t\tposition: position\n\t\t\t\t}\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:div>\n\n\t\t\t<xhtml:button\n\t\t\t\t*ngSwitchCase=\"'button'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tshape ? namespace + '--' + shape : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'height.px': size,\n\t\t\t\t\t'width.px': size,\n\t\t\t\t\tposition: position\n\t\t\t\t}\"\n\t\t\t\t(click)=\"click.emit($event)\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:button>\n\n\t\t\t<xhtml:a\n\t\t\t\t*ngSwitchCase=\"'a'\"\n\t\t\t\t[ngClass]=\"[\n\t\t\t\t\tnamespace,\n\t\t\t\t\tstacked ? namespace + '--stacked' : '',\n\t\t\t\t\tshape ? namespace + '--' + shape : '',\n\t\t\t\t\tnamespace + '--' + component\n\t\t\t\t]\"\n\t\t\t\t[attr.href]=\"href\"\n\t\t\t\t[ngStyle]=\"{\n\t\t\t\t\t'height.px': size,\n\t\t\t\t\t'width.px': size,\n\t\t\t\t\tposition: position\n\t\t\t\t}\"\n\t\t\t\t(mouseenter)=\"mouseEnter.emit($event)\"\n\t\t\t\t(mouseover)=\"mouseOver.emit($event)\"\n\t\t\t\t(mouseout)=\"mouseOut.emit($event)\"\n\t\t\t\t(mouseleave)=\"mouseLeave.emit($event)\"\n\t\t\t\t(mousemove)=\"mouseMove.emit($event)\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"nodeTemplate\"></ng-container>\n\t\t\t</xhtml:a>\n\t\t</ng-container>\n\n\t\t<ng-template #nodeTemplate>\n\t\t\t<div *ngIf=\"renderIcon\" attr.class=\"{{ namespace + '__icon' }}\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"renderIcon\"></ng-container>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tattr.class=\"{{ namespace + '__body' }}\"\n\t\t\t\t[ngStyle]=\"{ position: bodyPosition }\"\n\t\t\t>\n\t\t\t\t<div attr.class=\"{{ namespace + '__title' }}\">{{ title }}</div>\n\t\t\t\t<div attr.class=\"{{ namespace + '__subtitle' }}\">\n\t\t\t\t\t{{ subtitle }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ng-template>\n\t"}]}],"members":{"as":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":2}}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":2}}]}],"renderIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":2}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":2}}]}],"stacked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":2}}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":2}}]}],"subtitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":2}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":2}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":2}}]}],"bodyPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":2}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":116,"character":2}}]}],"mouseEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":117,"character":2}}]}],"mouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":2}}]}],"mouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":2}}]}],"mouseLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":2}}]}],"mouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":121,"character":2}}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"ChartsModule":"./charts.module","BaseChart":"./base-chart.component","AreaChartComponent":"./area-chart.component","StackedAreaChartComponent":"./area-chart-stacked.component","SimpleBarChartComponent":"./bar-chart-simple.component","GroupedBarChartComponent":"./bar-chart-grouped.component","StackedBarChartComponent":"./bar-chart-stacked.component","BoxplotChartComponent":"./boxplot-chart.component","BubbleChartComponent":"./bubble-chart.component","BulletChartComponent":"./bullet-chart.component","DonutChartComponent":"./donut-chart.component","GaugeChartComponent":"./gauge-chart.component","HistogramChartComponent":"./histogram-chart.component","LineChartComponent":"./line-chart.component","LollipopChartComponent":"./lollipop-chart.component","PieChartComponent":"./pie-chart.component","ScatterChartComponent":"./scatter-chart.component","MeterChartComponent":"./meter-chart.component","RadarChartComponent":"./radar-chart.component","ComboChartComponent":"./combo-chart.component","TreeChartComponent":"./tree-chart.component","TreemapChartComponent":"./treemap-chart.component","CirclePackChartComponent":"./circle-pack-chart.component","WordCloudChartComponent":"./wordcloud-chart.component","AlluvialChartComponent":"./alluvial-chart.component","CardNodeComponent":"./diagrams/card-node/card-node.component","CardNodeColumnComponent":"./diagrams/card-node/card-node-column.component","CardNodeLabelComponent":"./diagrams/card-node/card-node-label.component","CardNodeSubtitleComponent":"./diagrams/card-node/card-node-subtitle.component","CardNodeTitleComponent":"./diagrams/card-node/card-node-title.component","CardNodeModule":"./diagrams/card-node/card-node.module","EdgeModule":"./diagrams/edge/edge.module","EdgeComponent":"./diagrams/edge/edge.component","MarkerComponent":"./diagrams/marker/marker.component","MarkerArrowLeftComponent":"./diagrams/marker/marker.component","MarkerArrowRightComponent":"./diagrams/marker/marker.component","MarkerShapeNodeComponent":"./diagrams/marker/marker.component","MarkerDiamondComponent":"./diagrams/marker/marker.component","MarkerSquareComponent":"./diagrams/marker/marker.component","MarkerTeeComponent":"./diagrams/marker/marker.component","MarkerModule":"./diagrams/marker/marker.module","ShapeNodeModule":"./diagrams/shape-node/shape-node.module","ShapeNodeComponent":"./diagrams/shape-node/shape-node.component"},"importAs":"@carbon/charts-angular"}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
* Generated from: diagrams/card-node/card-node-column.component.ts
|
|
4
4
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
5
|
*/
|
|
6
|
-
import { Component, Input, HostBinding } from
|
|
7
|
-
import settings from
|
|
6
|
+
import { Component, Input, HostBinding } from '@angular/core';
|
|
7
|
+
import settings from 'carbon-components/src/globals/js/settings';
|
|
8
8
|
const { prefix } = settings;
|
|
9
9
|
export class CardNodeColumnComponent {
|
|
10
10
|
constructor() {
|
|
@@ -14,25 +14,29 @@ export class CardNodeColumnComponent {
|
|
|
14
14
|
* @return {?}
|
|
15
15
|
*/
|
|
16
16
|
get class() {
|
|
17
|
-
|
|
17
|
+
/** @type {?} */
|
|
18
|
+
const farsideClassName = this.farsideColumn
|
|
19
|
+
? `${prefix}--cc--card-node__column--farside`
|
|
20
|
+
: '';
|
|
21
|
+
return `${prefix}--cc--card-node__column ${farsideClassName}`;
|
|
18
22
|
}
|
|
19
23
|
}
|
|
20
24
|
CardNodeColumnComponent.decorators = [
|
|
21
25
|
{ type: Component, args: [{
|
|
22
|
-
selector:
|
|
26
|
+
selector: 'ibm-diagram-card-node-column',
|
|
23
27
|
template: `
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
28
|
+
<xhtml:div>
|
|
29
|
+
<ng-content></ng-content>
|
|
30
|
+
</xhtml:div>
|
|
27
31
|
`
|
|
28
32
|
}] }
|
|
29
33
|
];
|
|
30
34
|
CardNodeColumnComponent.propDecorators = {
|
|
31
35
|
farsideColumn: [{ type: Input }],
|
|
32
|
-
class: [{ type: HostBinding, args: [
|
|
36
|
+
class: [{ type: HostBinding, args: ['class',] }]
|
|
33
37
|
};
|
|
34
38
|
if (false) {
|
|
35
39
|
/** @type {?} */
|
|
36
40
|
CardNodeColumnComponent.prototype.farsideColumn;
|
|
37
41
|
}
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1ub2RlLWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY2FyYm9uL2NoYXJ0cy1hbmd1bGFyLyIsInNvdXJjZXMiOlsiZGlhZ3JhbXMvY2FyZC1ub2RlL2NhcmQtbm9kZS1jb2x1bW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sUUFBUSxNQUFNLDJDQUEyQyxDQUFDO01BRTNELEVBQUUsTUFBTSxFQUFFLEdBQUcsUUFBUTtBQVUzQixNQUFNLE9BQU8sdUJBQXVCO0lBUnBDO1FBU1Usa0JBQWEsR0FBRyxLQUFLLENBQUM7SUFTaEMsQ0FBQzs7OztJQVBBLElBQTBCLEtBQUs7O2NBQ3hCLGdCQUFnQixHQUFHLElBQUksQ0FBQyxhQUFhO1lBQzFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sa0NBQWtDO1lBQzdDLENBQUMsQ0FBQyxFQUFFO1FBRUwsT0FBTyxHQUFHLE1BQU0sMkJBQTJCLGdCQUFnQixFQUFFLENBQUM7SUFDL0QsQ0FBQzs7O1lBakJELFNBQVMsU0FBQztnQkFDVixRQUFRLEVBQUUsOEJBQThCO2dCQUN4QyxRQUFRLEVBQUU7Ozs7RUFJVDthQUNEOzs7NEJBRUMsS0FBSztvQkFFTCxXQUFXLFNBQUMsT0FBTzs7OztJQUZwQixnREFBK0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHNldHRpbmdzIGZyb20gJ2NhcmJvbi1jb21wb25lbnRzL3NyYy9nbG9iYWxzL2pzL3NldHRpbmdzJztcblxuY29uc3QgeyBwcmVmaXggfSA9IHNldHRpbmdzO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdpYm0tZGlhZ3JhbS1jYXJkLW5vZGUtY29sdW1uJyxcblx0dGVtcGxhdGU6IGBcblx0XHQ8eGh0bWw6ZGl2PlxuXHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdDwveGh0bWw6ZGl2PlxuXHRgLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkTm9kZUNvbHVtbkNvbXBvbmVudCB7XG5cdEBJbnB1dCgpIGZhcnNpZGVDb2x1bW4gPSBmYWxzZTtcblxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGNsYXNzKCkge1xuXHRcdGNvbnN0IGZhcnNpZGVDbGFzc05hbWUgPSB0aGlzLmZhcnNpZGVDb2x1bW5cblx0XHRcdD8gYCR7cHJlZml4fS0tY2MtLWNhcmQtbm9kZV9fY29sdW1uLS1mYXJzaWRlYFxuXHRcdFx0OiAnJztcblxuXHRcdHJldHVybiBgJHtwcmVmaXh9LS1jYy0tY2FyZC1ub2RlX19jb2x1bW4gJHtmYXJzaWRlQ2xhc3NOYW1lfWA7XG5cdH1cbn1cbiJdfQ==
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
* Generated from: diagrams/card-node/card-node-column.component.ts
|
|
4
4
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
5
|
*/
|
|
6
|
-
import { Component, Input, HostBinding } from
|
|
7
|
-
import settings from
|
|
6
|
+
import { Component, Input, HostBinding } from '@angular/core';
|
|
7
|
+
import settings from 'carbon-components/src/globals/js/settings';
|
|
8
8
|
var prefix = settings.prefix;
|
|
9
9
|
var CardNodeColumnComponent = /** @class */ (function () {
|
|
10
10
|
function CardNodeColumnComponent() {
|
|
@@ -15,20 +15,24 @@ var CardNodeColumnComponent = /** @class */ (function () {
|
|
|
15
15
|
* @return {?}
|
|
16
16
|
*/
|
|
17
17
|
function () {
|
|
18
|
-
|
|
18
|
+
/** @type {?} */
|
|
19
|
+
var farsideClassName = this.farsideColumn
|
|
20
|
+
? prefix + "--cc--card-node__column--farside"
|
|
21
|
+
: '';
|
|
22
|
+
return prefix + "--cc--card-node__column " + farsideClassName;
|
|
19
23
|
},
|
|
20
24
|
enumerable: true,
|
|
21
25
|
configurable: true
|
|
22
26
|
});
|
|
23
27
|
CardNodeColumnComponent.decorators = [
|
|
24
28
|
{ type: Component, args: [{
|
|
25
|
-
selector:
|
|
26
|
-
template: "\n\t<xhtml:div>\n\t\t<ng-content></ng-content>\n\t</xhtml:div>\n\t"
|
|
29
|
+
selector: 'ibm-diagram-card-node-column',
|
|
30
|
+
template: "\n\t\t<xhtml:div>\n\t\t\t<ng-content></ng-content>\n\t\t</xhtml:div>\n\t"
|
|
27
31
|
}] }
|
|
28
32
|
];
|
|
29
33
|
CardNodeColumnComponent.propDecorators = {
|
|
30
34
|
farsideColumn: [{ type: Input }],
|
|
31
|
-
class: [{ type: HostBinding, args: [
|
|
35
|
+
class: [{ type: HostBinding, args: ['class',] }]
|
|
32
36
|
};
|
|
33
37
|
return CardNodeColumnComponent;
|
|
34
38
|
}());
|
|
@@ -37,4 +41,4 @@ if (false) {
|
|
|
37
41
|
/** @type {?} */
|
|
38
42
|
CardNodeColumnComponent.prototype.farsideColumn;
|
|
39
43
|
}
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1ub2RlLWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY2FyYm9uL2NoYXJ0cy1hbmd1bGFyLyIsInNvdXJjZXMiOlsiZGlhZ3JhbXMvY2FyZC1ub2RlL2NhcmQtbm9kZS1jb2x1bW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sUUFBUSxNQUFNLDJDQUEyQyxDQUFDO0FBRXpELElBQUEsd0JBQU07QUFFZDtJQUFBO1FBU1Usa0JBQWEsR0FBRyxLQUFLLENBQUM7SUFTaEMsQ0FBQztJQVBBLHNCQUEwQiwwQ0FBSzs7OztRQUEvQjs7Z0JBQ08sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGFBQWE7Z0JBQzFDLENBQUMsQ0FBSSxNQUFNLHFDQUFrQztnQkFDN0MsQ0FBQyxDQUFDLEVBQUU7WUFFTCxPQUFVLE1BQU0sZ0NBQTJCLGdCQUFrQixDQUFDO1FBQy9ELENBQUM7OztPQUFBOztnQkFqQkQsU0FBUyxTQUFDO29CQUNWLFFBQVEsRUFBRSw4QkFBOEI7b0JBQ3hDLFFBQVEsRUFBRSwwRUFJVDtpQkFDRDs7O2dDQUVDLEtBQUs7d0JBRUwsV0FBVyxTQUFDLE9BQU87O0lBT3JCLDhCQUFDO0NBQUEsQUFsQkQsSUFrQkM7U0FWWSx1QkFBdUI7OztJQUNuQyxnREFBK0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHNldHRpbmdzIGZyb20gJ2NhcmJvbi1jb21wb25lbnRzL3NyYy9nbG9iYWxzL2pzL3NldHRpbmdzJztcblxuY29uc3QgeyBwcmVmaXggfSA9IHNldHRpbmdzO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdpYm0tZGlhZ3JhbS1jYXJkLW5vZGUtY29sdW1uJyxcblx0dGVtcGxhdGU6IGBcblx0XHQ8eGh0bWw6ZGl2PlxuXHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdDwveGh0bWw6ZGl2PlxuXHRgLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkTm9kZUNvbHVtbkNvbXBvbmVudCB7XG5cdEBJbnB1dCgpIGZhcnNpZGVDb2x1bW4gPSBmYWxzZTtcblxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGNsYXNzKCkge1xuXHRcdGNvbnN0IGZhcnNpZGVDbGFzc05hbWUgPSB0aGlzLmZhcnNpZGVDb2x1bW5cblx0XHRcdD8gYCR7cHJlZml4fS0tY2MtLWNhcmQtbm9kZV9fY29sdW1uLS1mYXJzaWRlYFxuXHRcdFx0OiAnJztcblxuXHRcdHJldHVybiBgJHtwcmVmaXh9LS1jYy0tY2FyZC1ub2RlX19jb2x1bW4gJHtmYXJzaWRlQ2xhc3NOYW1lfWA7XG5cdH1cbn1cbiJdfQ==
|
|
@@ -1060,22 +1060,26 @@ class CardNodeColumnComponent {
|
|
|
1060
1060
|
* @return {?}
|
|
1061
1061
|
*/
|
|
1062
1062
|
get class() {
|
|
1063
|
-
|
|
1063
|
+
/** @type {?} */
|
|
1064
|
+
const farsideClassName = this.farsideColumn
|
|
1065
|
+
? `${prefix$1}--cc--card-node__column--farside`
|
|
1066
|
+
: '';
|
|
1067
|
+
return `${prefix$1}--cc--card-node__column ${farsideClassName}`;
|
|
1064
1068
|
}
|
|
1065
1069
|
}
|
|
1066
1070
|
CardNodeColumnComponent.decorators = [
|
|
1067
1071
|
{ type: Component, args: [{
|
|
1068
|
-
selector:
|
|
1072
|
+
selector: 'ibm-diagram-card-node-column',
|
|
1069
1073
|
template: `
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1074
|
+
<xhtml:div>
|
|
1075
|
+
<ng-content></ng-content>
|
|
1076
|
+
</xhtml:div>
|
|
1073
1077
|
`
|
|
1074
1078
|
}] }
|
|
1075
1079
|
];
|
|
1076
1080
|
CardNodeColumnComponent.propDecorators = {
|
|
1077
1081
|
farsideColumn: [{ type: Input }],
|
|
1078
|
-
class: [{ type: HostBinding, args: [
|
|
1082
|
+
class: [{ type: HostBinding, args: ['class',] }]
|
|
1079
1083
|
};
|
|
1080
1084
|
if (false) {
|
|
1081
1085
|
/** @type {?} */
|