@carbon/charts-angular 0.58.2 → 1.0.2
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 +32 -0
- package/README.md +23 -8
- package/bundles/carbon-charts-angular.umd.js +21 -23
- package/bundles/carbon-charts-angular.umd.js.map +1 -1
- package/bundles/carbon-charts-angular.umd.min.js +2 -3
- package/bundles/carbon-charts-angular.umd.min.js.map +1 -1
- package/carbon-charts-angular.metadata.json +1 -1
- package/diagrams/configs.d.ts +1 -0
- package/esm2015/diagrams/card-node/card-node-column.component.js +4 -5
- package/esm2015/diagrams/card-node/card-node-label.component.js +3 -4
- package/esm2015/diagrams/card-node/card-node-subtitle.component.js +3 -4
- package/esm2015/diagrams/card-node/card-node-title.component.js +3 -4
- package/esm2015/diagrams/card-node/card-node.component.js +3 -4
- package/esm2015/diagrams/configs.js +8 -0
- package/esm2015/diagrams/edge/edge.component.js +3 -4
- package/esm2015/diagrams/marker/marker.component.js +3 -4
- package/esm2015/diagrams/shape-node/shape-node.component.js +3 -4
- package/esm5/diagrams/card-node/card-node-column.component.js +4 -5
- package/esm5/diagrams/card-node/card-node-label.component.js +3 -4
- package/esm5/diagrams/card-node/card-node-subtitle.component.js +3 -4
- package/esm5/diagrams/card-node/card-node-title.component.js +3 -4
- package/esm5/diagrams/card-node/card-node.component.js +3 -4
- package/esm5/diagrams/configs.js +8 -0
- package/esm5/diagrams/edge/edge.component.js +3 -4
- package/esm5/diagrams/marker/marker.component.js +3 -4
- package/esm5/diagrams/shape-node/shape-node.component.js +3 -4
- package/fesm2015/carbon-charts-angular.js +17 -18
- package/fesm2015/carbon-charts-angular.js.map +1 -1
- package/fesm5/carbon-charts-angular.js +17 -18
- package/fesm5/carbon-charts-angular.js.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,38 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.0.2](https://github.com/carbon-design-system/carbon-charts/compare/v1.0.1...v1.0.2) (2022-05-24)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @carbon/charts-angular
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [1.0.1](https://github.com/carbon-design-system/carbon-charts/compare/v1.0.0...v1.0.1) (2022-05-24)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @carbon/charts-angular
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
# [1.0.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.58.2...v1.0.0) (2022-05-24)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Features
|
|
26
|
+
|
|
27
|
+
* **monorepo:** Carbon v11 migration ([#1345](https://github.com/carbon-design-system/carbon-charts/issues/1345)) ([97c6fcd](https://github.com/carbon-design-system/carbon-charts/commit/97c6fcd842b83adbbeadd9fa1362d7727b91e6ff))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
### BREAKING CHANGES
|
|
31
|
+
|
|
32
|
+
* **monorepo:** node-sass => sass, theming
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
6
38
|
## [0.58.2](https://github.com/carbon-design-system/carbon-charts/compare/v0.58.1...v0.58.2) (2022-05-24)
|
|
7
39
|
|
|
8
40
|
**Note:** Version bump only for package @carbon/charts-angular
|
package/README.md
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Notice
|
|
2
|
+
|
|
3
|
+
### This version is in beta & relies on **Carbon v11**. If you're using Carbon v10, [see the legacy demo site](https://carbon-charts-0x.netlify.app)
|
|
4
|
+
|
|
5
|
+
## `@carbon/charts-angular`
|
|
2
6
|
|
|
3
7
|
> Carbon Charting Angular Wrappers
|
|
4
8
|
|
|
@@ -23,18 +27,29 @@ instead:
|
|
|
23
27
|
yarn add @carbon/charts @carbon/charts-angular d3
|
|
24
28
|
```
|
|
25
29
|
|
|
26
|
-
**Note:** you'd also need to install `carbon-components` if you're not using a
|
|
30
|
+
**Note:** you'd also need to install `carbon-components` if you're not using a
|
|
31
|
+
bundled version of the library.
|
|
27
32
|
|
|
28
33
|
## Step-by-step instructions
|
|
29
|
-
|
|
34
|
+
|
|
35
|
+
Read
|
|
36
|
+
[here](https://carbon-design-system.github.io/carbon-charts/?path=/story/docs-getting-started--angular)
|
|
30
37
|
|
|
31
38
|
## Charting data & options
|
|
32
|
-
Although we will definitely introduce new models in the future as we start shipping new components such as maps, Data and options follow the same model in all charts, with minor exceptions and differences in specific components.
|
|
33
39
|
|
|
34
|
-
|
|
40
|
+
Although we will definitely introduce new models in the future as we start
|
|
41
|
+
shipping new components such as maps, Data and options follow the same model in
|
|
42
|
+
all charts, with minor exceptions and differences in specific components.
|
|
43
|
+
|
|
44
|
+
For instance in the case of a donut chart you're able to pass in an additional
|
|
45
|
+
field called `center` in your options configuring the donut center.
|
|
35
46
|
|
|
36
|
-
For instructions on using the **tabular data format**, see
|
|
47
|
+
For instructions on using the **tabular data format**, see
|
|
48
|
+
[here](https://carbon-design-system.github.io/carbon-charts/?path=/story/docs-tutorials--tabular-data-format)
|
|
37
49
|
|
|
38
|
-
There are also additional options available depending on the chart type being
|
|
50
|
+
There are also additional options available depending on the chart type being
|
|
51
|
+
used,
|
|
52
|
+
[see our demo examples here](https://github.com/carbon-design-system/carbon-charts/tree/master/packages/core/demo/data).
|
|
39
53
|
|
|
40
|
-
Customizable options (specific to chart type) can be found
|
|
54
|
+
Customizable options (specific to chart type) can be found
|
|
55
|
+
[here](https://carbon-design-system.github.io/carbon-charts/documentation/modules/_interfaces_charts_.html)
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@carbon/charts'), require('
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@carbon/charts-angular', ['exports', '@angular/core', '@angular/common', '@carbon/charts', '
|
|
4
|
-
(global = global || self, factory((global.carbon = global.carbon || {}, global.carbon['charts-angular'] = {}), global.ng.core, global.ng.common, global.charts, global.
|
|
5
|
-
}(this, (function (exports, core, common, charts,
|
|
6
|
-
|
|
7
|
-
settings = settings && settings.hasOwnProperty('default') ? settings['default'] : settings;
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@carbon/charts'), require('@carbon/charts/components/diagrams/buildPaths'), require('@carbon/charts/components/diagrams/markerDefinitions')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@carbon/charts-angular', ['exports', '@angular/core', '@angular/common', '@carbon/charts', '@carbon/charts/components/diagrams/buildPaths', '@carbon/charts/components/diagrams/markerDefinitions'], factory) :
|
|
4
|
+
(global = global || self, factory((global.carbon = global.carbon || {}, global.carbon['charts-angular'] = {}), global.ng.core, global.ng.common, global.charts, global.buildPaths, global.markerDefinitions));
|
|
5
|
+
}(this, (function (exports, core, common, charts, buildPaths, markerDefinitions) { 'use strict';
|
|
8
6
|
|
|
9
7
|
/*! *****************************************************************************
|
|
10
8
|
Copyright (c) Microsoft Corporation. All rights reserved.
|
|
@@ -1439,12 +1437,19 @@
|
|
|
1439
1437
|
return ChartsModule;
|
|
1440
1438
|
}());
|
|
1441
1439
|
|
|
1440
|
+
/**
|
|
1441
|
+
* @fileoverview added by tsickle
|
|
1442
|
+
* Generated from: diagrams/configs.ts
|
|
1443
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1444
|
+
*/
|
|
1445
|
+
/** @type {?} */
|
|
1446
|
+
var carbonPrefix = 'cds';
|
|
1447
|
+
|
|
1442
1448
|
/**
|
|
1443
1449
|
* @fileoverview added by tsickle
|
|
1444
1450
|
* Generated from: diagrams/card-node/card-node.component.ts
|
|
1445
1451
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1446
1452
|
*/
|
|
1447
|
-
var prefix = settings.prefix;
|
|
1448
1453
|
var CardNodeComponent = /** @class */ (function () {
|
|
1449
1454
|
function CardNodeComponent() {
|
|
1450
1455
|
this.as = 'div';
|
|
@@ -1456,7 +1461,7 @@
|
|
|
1456
1461
|
this.mouseOut = new core.EventEmitter();
|
|
1457
1462
|
this.mouseLeave = new core.EventEmitter();
|
|
1458
1463
|
this.mouseMove = new core.EventEmitter();
|
|
1459
|
-
this.namespace =
|
|
1464
|
+
this.namespace = carbonPrefix + "--cc--card-node";
|
|
1460
1465
|
this.component = 'div';
|
|
1461
1466
|
}
|
|
1462
1467
|
/**
|
|
@@ -1528,7 +1533,6 @@
|
|
|
1528
1533
|
* Generated from: diagrams/card-node/card-node-column.component.ts
|
|
1529
1534
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1530
1535
|
*/
|
|
1531
|
-
var prefix$1 = settings.prefix;
|
|
1532
1536
|
var CardNodeColumnComponent = /** @class */ (function () {
|
|
1533
1537
|
function CardNodeColumnComponent() {
|
|
1534
1538
|
this.farsideColumn = false;
|
|
@@ -1540,9 +1544,9 @@
|
|
|
1540
1544
|
function () {
|
|
1541
1545
|
/** @type {?} */
|
|
1542
1546
|
var farsideClassName = this.farsideColumn
|
|
1543
|
-
?
|
|
1547
|
+
? carbonPrefix + "--cc--card-node__column--farside"
|
|
1544
1548
|
: '';
|
|
1545
|
-
return
|
|
1549
|
+
return carbonPrefix + "--cc--card-node__column " + farsideClassName;
|
|
1546
1550
|
},
|
|
1547
1551
|
enumerable: true,
|
|
1548
1552
|
configurable: true
|
|
@@ -1569,10 +1573,9 @@
|
|
|
1569
1573
|
* Generated from: diagrams/card-node/card-node-label.component.ts
|
|
1570
1574
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1571
1575
|
*/
|
|
1572
|
-
var prefix$2 = settings.prefix;
|
|
1573
1576
|
var CardNodeLabelComponent = /** @class */ (function () {
|
|
1574
1577
|
function CardNodeLabelComponent() {
|
|
1575
|
-
this.namespace =
|
|
1578
|
+
this.namespace = carbonPrefix + "--cc--card-node__label";
|
|
1576
1579
|
}
|
|
1577
1580
|
CardNodeLabelComponent.decorators = [
|
|
1578
1581
|
{ type: core.Component, args: [{
|
|
@@ -1592,10 +1595,9 @@
|
|
|
1592
1595
|
* Generated from: diagrams/card-node/card-node-subtitle.component.ts
|
|
1593
1596
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1594
1597
|
*/
|
|
1595
|
-
var prefix$3 = settings.prefix;
|
|
1596
1598
|
var CardNodeSubtitleComponent = /** @class */ (function () {
|
|
1597
1599
|
function CardNodeSubtitleComponent() {
|
|
1598
|
-
this.namespace =
|
|
1600
|
+
this.namespace = carbonPrefix + "--cc--card-node__subtitle";
|
|
1599
1601
|
}
|
|
1600
1602
|
CardNodeSubtitleComponent.decorators = [
|
|
1601
1603
|
{ type: core.Component, args: [{
|
|
@@ -1615,10 +1617,9 @@
|
|
|
1615
1617
|
* Generated from: diagrams/card-node/card-node-title.component.ts
|
|
1616
1618
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1617
1619
|
*/
|
|
1618
|
-
var prefix$4 = settings.prefix;
|
|
1619
1620
|
var CardNodeTitleComponent = /** @class */ (function () {
|
|
1620
1621
|
function CardNodeTitleComponent() {
|
|
1621
|
-
this.namespace =
|
|
1622
|
+
this.namespace = carbonPrefix + "--cc--card-node__title";
|
|
1622
1623
|
}
|
|
1623
1624
|
CardNodeTitleComponent.decorators = [
|
|
1624
1625
|
{ type: core.Component, args: [{
|
|
@@ -1656,7 +1657,6 @@
|
|
|
1656
1657
|
* Generated from: diagrams/edge/edge.component.ts
|
|
1657
1658
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1658
1659
|
*/
|
|
1659
|
-
var prefix$5 = settings.prefix;
|
|
1660
1660
|
/**
|
|
1661
1661
|
* @record
|
|
1662
1662
|
*/
|
|
@@ -1669,7 +1669,7 @@
|
|
|
1669
1669
|
}
|
|
1670
1670
|
var EdgeComponent = /** @class */ (function () {
|
|
1671
1671
|
function EdgeComponent() {
|
|
1672
|
-
this.namespace =
|
|
1672
|
+
this.namespace = carbonPrefix + "--cc--edge";
|
|
1673
1673
|
this.straight = buildPaths.buildStraightPathString;
|
|
1674
1674
|
}
|
|
1675
1675
|
EdgeComponent.decorators = [
|
|
@@ -1735,7 +1735,6 @@
|
|
|
1735
1735
|
* Generated from: diagrams/marker/marker.component.ts
|
|
1736
1736
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1737
1737
|
*/
|
|
1738
|
-
var prefix$6 = settings.prefix;
|
|
1739
1738
|
/** @type {?} */
|
|
1740
1739
|
var 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";
|
|
1741
1740
|
var MarkerComponent = /** @class */ (function () {
|
|
@@ -1743,7 +1742,7 @@
|
|
|
1743
1742
|
var _this = this;
|
|
1744
1743
|
this.orient = "auto";
|
|
1745
1744
|
this.position = "end";
|
|
1746
|
-
this.namespace =
|
|
1745
|
+
this.namespace = carbonPrefix + "--cc--marker";
|
|
1747
1746
|
this.setAttributes = (/**
|
|
1748
1747
|
* @param {?} __0
|
|
1749
1748
|
* @return {?}
|
|
@@ -1947,7 +1946,6 @@
|
|
|
1947
1946
|
* Generated from: diagrams/shape-node/shape-node.component.ts
|
|
1948
1947
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1949
1948
|
*/
|
|
1950
|
-
var prefix$7 = settings.prefix;
|
|
1951
1949
|
var ShapeNodeComponent = /** @class */ (function () {
|
|
1952
1950
|
function ShapeNodeComponent() {
|
|
1953
1951
|
this.as = 'div';
|
|
@@ -1962,7 +1960,7 @@
|
|
|
1962
1960
|
this.mouseOut = new core.EventEmitter();
|
|
1963
1961
|
this.mouseLeave = new core.EventEmitter();
|
|
1964
1962
|
this.mouseMove = new core.EventEmitter();
|
|
1965
|
-
this.namespace =
|
|
1963
|
+
this.namespace = carbonPrefix + "--cc--shape-node";
|
|
1966
1964
|
this.component = 'div';
|
|
1967
1965
|
}
|
|
1968
1966
|
/**
|