@carbon/charts-vue 1.3.2 → 1.4.0

package/charts-vue.umd.js

@@ -691,7 +691,7 @@ var RenderTypes;
  */
 var ChartTheme;
 (function (ChartTheme) {
-    ChartTheme["DEFAULT"] = "default";
+    ChartTheme["WHITE"] = "white";
     ChartTheme["G100"] = "g100";
     ChartTheme["G90"] = "g90";
     ChartTheme["G10"] = "g10";
@@ -8477,6 +8477,7 @@ var chart = {
     width: null,
     height: null,
     resizable: true,
+    theme: ChartTheme.WHITE,
     tooltip: baseTooltip,
     legend: configuration_legend,
     style: {
@@ -11468,12 +11469,10 @@ var dom_utils_DOMUtils = /** @class */ (function (_super) {
     };
     DOMUtils.prototype.styleHolderElement = function () {
         var holderElement = this.getHolder();
-        // Add class to chart holder
-        src_select(this.getHolder()).classed(carbonPrefix + "--chart-holder", true);
         // In order for resize events to not clash with these updates
         // We'll check if the width & height values passed in options
         // Have changed, before setting them to the holder
-        var _a = this.model.getOptions(), width = _a.width, height = _a.height;
+        var _a = this.model.getOptions(), width = _a.width, height = _a.height, theme = _a.theme;
         if (width !== this.width) {
             // Apply formatted width attribute to chart
             holderElement.style.width = width;
@@ -11484,6 +11483,10 @@ var dom_utils_DOMUtils = /** @class */ (function (_super) {
             holderElement.style.height = height;
             this.height = height;
         }
+        // Add class to chart holder
+        src_select(this.getHolder())
+            .classed(carbonPrefix + "--chart-holder", true)
+            .attr('data-carbon-theme', theme);
     };
     DOMUtils.prototype.getHolder = function () {
         return this.model.get('holder');