@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.
Files changed (31) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/README.md +23 -8
  3. package/bundles/carbon-charts-angular.umd.js +21 -23
  4. package/bundles/carbon-charts-angular.umd.js.map +1 -1
  5. package/bundles/carbon-charts-angular.umd.min.js +2 -3
  6. package/bundles/carbon-charts-angular.umd.min.js.map +1 -1
  7. package/carbon-charts-angular.metadata.json +1 -1
  8. package/diagrams/configs.d.ts +1 -0
  9. package/esm2015/diagrams/card-node/card-node-column.component.js +4 -5
  10. package/esm2015/diagrams/card-node/card-node-label.component.js +3 -4
  11. package/esm2015/diagrams/card-node/card-node-subtitle.component.js +3 -4
  12. package/esm2015/diagrams/card-node/card-node-title.component.js +3 -4
  13. package/esm2015/diagrams/card-node/card-node.component.js +3 -4
  14. package/esm2015/diagrams/configs.js +8 -0
  15. package/esm2015/diagrams/edge/edge.component.js +3 -4
  16. package/esm2015/diagrams/marker/marker.component.js +3 -4
  17. package/esm2015/diagrams/shape-node/shape-node.component.js +3 -4
  18. package/esm5/diagrams/card-node/card-node-column.component.js +4 -5
  19. package/esm5/diagrams/card-node/card-node-label.component.js +3 -4
  20. package/esm5/diagrams/card-node/card-node-subtitle.component.js +3 -4
  21. package/esm5/diagrams/card-node/card-node-title.component.js +3 -4
  22. package/esm5/diagrams/card-node/card-node.component.js +3 -4
  23. package/esm5/diagrams/configs.js +8 -0
  24. package/esm5/diagrams/edge/edge.component.js +3 -4
  25. package/esm5/diagrams/marker/marker.component.js +3 -4
  26. package/esm5/diagrams/shape-node/shape-node.component.js +3 -4
  27. package/fesm2015/carbon-charts-angular.js +17 -18
  28. package/fesm2015/carbon-charts-angular.js.map +1 -1
  29. package/fesm5/carbon-charts-angular.js +17 -18
  30. package/fesm5/carbon-charts-angular.js.map +1 -1
  31. 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
- # `@carbon/charts-angular`
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 bundled version of the library.
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
- Read [here](https://carbon-design-system.github.io/carbon-charts/?path=/story/docs-getting-started--angular)
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
- For instance in the case of a donut chart you're able to pass in an additional field called `center` in your options configuring the donut center.
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 [here](https://carbon-design-system.github.io/carbon-charts/?path=/story/docs-tutorials--tabular-data-format)
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 used, [see our demo examples here](https://github.com/carbon-design-system/carbon-charts/tree/master/packages/core/demo/data).
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 [here](https://carbon-design-system.github.io/carbon-charts/documentation/modules/_interfaces_charts_.html)
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('carbon-components/src/globals/js/settings'), 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-components/src/globals/js/settings', '@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.settings, global.buildPaths, global.markerDefinitions));
5
- }(this, (function (exports, core, common, charts, settings, buildPaths, markerDefinitions) { 'use strict';
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 = prefix + "--cc--card-node";
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
- ? prefix$1 + "--cc--card-node__column--farside"
1547
+ ? carbonPrefix + "--cc--card-node__column--farside"
1544
1548
  : '';
1545
- return prefix$1 + "--cc--card-node__column " + farsideClassName;
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 = prefix$2 + "--cc--card-node__label";
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 = prefix$3 + "--cc--card-node__subtitle";
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 = prefix$4 + "--cc--card-node__title";
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 = prefix$5 + "--cc--edge";
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 = prefix$6 + "--cc--marker";
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 = prefix$7 + "--cc--shape-node";
1963
+ this.namespace = carbonPrefix + "--cc--shape-node";
1966
1964
  this.component = 'div';
1967
1965
  }
1968
1966
  /**