@carbon/charts-vue 1.6.6 → 1.6.8

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.6.8](https://github.com/carbon-design-system/carbon-charts/compare/v1.6.7...v1.6.8) (2023-02-27)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
+## [1.6.7](https://github.com/carbon-design-system/carbon-charts/compare/v1.6.6...v1.6.7) (2023-02-27)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
 ## [1.6.6](https://github.com/carbon-design-system/carbon-charts/compare/v1.6.5...v1.6.6) (2023-02-27)
 
 **Note:** Version bump only for package @carbon/charts-vue

package/charts-vue.common.js

@@ -29443,70 +29443,78 @@ var gauge_Gauge = /** @class */ (function (_super) {
         var svg = this.getComponentContainer();
         var options = this.getOptions();
         var delta = this.getDelta();
-        // Sizing and positions relative to the radius
-        var radius = this.computeRadius();
-        var deltaFontSize = delta
-            ? tools_Tools.getProperty(options, 'gauge', 'deltaFontSize')
-            : function () { return 0; };
-        // use numberFormatter here only if there is a delta supplied
-        var numberFormatter = delta
-            ? tools_Tools.getProperty(options, 'gauge', 'numberFormatter')
-            : function () { return null; };
-        var arrowSize = tools_Tools.getProperty(options, 'gauge', 'deltaArrow', 'size');
-        var numberSpacing = tools_Tools.getProperty(options, 'gauge', 'numberSpacing');
-        var showPercentageSymbol = tools_Tools.getProperty(options, 'gauge', 'showPercentageSymbol');
-        var numbersGroup = dom_utils_DOMUtils.appendOrSelect(svg, 'g.gauge-numbers');
-        // Add the smaller number of the delta
-        var deltaGroup = dom_utils_DOMUtils.appendOrSelect(numbersGroup, 'g.gauge-delta').attr('transform', "translate(0, " + (deltaFontSize(radius) + numberSpacing) + ")");
-        var deltaNumber = dom_utils_DOMUtils.appendOrSelect(deltaGroup, 'text.gauge-delta-number');
-        var gaugeSymbol = showPercentageSymbol ? '%' : '';
-        deltaNumber.data(delta === null ? [] : [delta]);
-        deltaNumber
-            .enter()
-            .append('text')
-            .classed('gauge-delta-number', true)
-            .merge(deltaNumber)
-            .attr('text-anchor', 'middle')
-            .style('font-size', deltaFontSize(radius) + "px")
-            .text(function (d) { return "" + numberFormatter(d) + gaugeSymbol; });
-        // Add the caret for the delta number
-        var deltaNumberWidth = dom_utils_DOMUtils.getSVGElementSize(dom_utils_DOMUtils.appendOrSelect(svg, '.gauge-delta-number'), { useBBox: true }).width;
-        // check if delta arrow is disabled
-        var arrowEnabled = tools_Tools.getProperty(options, 'gauge', 'deltaArrow', 'enabled');
-        var deltaArrow = deltaGroup
-            .selectAll('svg.gauge-delta-arrow')
-            .data(delta !== null && arrowEnabled ? [delta] : []);
-        deltaArrow
-            .enter()
-            .append('svg')
-            .merge(deltaArrow)
-            .attr('class', 'gauge-delta-arrow')
-            .attr('x', -arrowSize(radius) - deltaNumberWidth / 2)
-            .attr('y', -arrowSize(radius) / 2 - deltaFontSize(radius) * 0.35)
-            .attr('width', arrowSize(radius))
-            .attr('height', arrowSize(radius))
-            .attr('viewBox', '0 0 16 16')
-            /*
-             * using .each() here to ensure that the below function runs
-             * after svg.gauge-delta-arrow has been mounted onto the DOM
-             */
-            .each(function () {
-            var deltaArrowSelection = src_select(this);
-            // Needed to correctly size SVG in Firefox
-            dom_utils_DOMUtils.appendOrSelect(deltaArrowSelection, 'rect.gauge-delta-arrow-backdrop')
-                .attr('width', '16')
-                .attr('height', '16')
-                .attr('fill', 'none');
-            // Draw the arrow with status
-            var status = tools_Tools.getProperty(options, 'gauge', 'status');
-            dom_utils_DOMUtils.appendOrSelect(deltaArrowSelection, 'polygon.gauge-delta-arrow')
-                .attr('class', status !== null
-                ? "gauge-delta-arrow status--" + status
-                : '')
-                .attr('points', self.getArrow(delta));
-        });
-        deltaArrow.exit().remove();
-        deltaNumber.exit().remove();
+        if (!delta) {
+            var deltaGroup = svg.select('g.gauge-delta');
+            if (!deltaGroup.empty()) {
+                deltaGroup.remove();
+            }
+        }
+        else {
+            // Sizing and positions relative to the radius
+            var radius = this.computeRadius();
+            var deltaFontSize = delta
+                ? tools_Tools.getProperty(options, 'gauge', 'deltaFontSize')
+                : function () { return 0; };
+            // use numberFormatter here only if there is a delta supplied
+            var numberFormatter_1 = delta
+                ? tools_Tools.getProperty(options, 'gauge', 'numberFormatter')
+                : function () { return null; };
+            var arrowSize = tools_Tools.getProperty(options, 'gauge', 'deltaArrow', 'size');
+            var numberSpacing = tools_Tools.getProperty(options, 'gauge', 'numberSpacing');
+            var showPercentageSymbol = tools_Tools.getProperty(options, 'gauge', 'showPercentageSymbol');
+            var numbersGroup = dom_utils_DOMUtils.appendOrSelect(svg, 'g.gauge-numbers');
+            // Add the smaller number of the delta
+            var deltaGroup = dom_utils_DOMUtils.appendOrSelect(numbersGroup, 'g.gauge-delta').attr('transform', "translate(0, " + (deltaFontSize(radius) + numberSpacing) + ")");
+            var deltaNumber = dom_utils_DOMUtils.appendOrSelect(deltaGroup, 'text.gauge-delta-number');
+            var gaugeSymbol_1 = showPercentageSymbol ? '%' : '';
+            deltaNumber.data(delta === null ? [] : [delta]);
+            deltaNumber
+                .enter()
+                .append('text')
+                .classed('gauge-delta-number', true)
+                .merge(deltaNumber)
+                .attr('text-anchor', 'middle')
+                .style('font-size', deltaFontSize(radius) + "px")
+                .text(function (d) { return "" + numberFormatter_1(d) + gaugeSymbol_1; });
+            // Add the caret for the delta number
+            var deltaNumberWidth = dom_utils_DOMUtils.getSVGElementSize(dom_utils_DOMUtils.appendOrSelect(svg, '.gauge-delta-number'), { useBBox: true }).width;
+            // check if delta arrow is disabled
+            var arrowEnabled = tools_Tools.getProperty(options, 'gauge', 'deltaArrow', 'enabled');
+            var deltaArrow = deltaGroup
+                .selectAll('svg.gauge-delta-arrow')
+                .data(delta !== null && arrowEnabled ? [delta] : []);
+            deltaArrow
+                .enter()
+                .append('svg')
+                .merge(deltaArrow)
+                .attr('class', 'gauge-delta-arrow')
+                .attr('x', -arrowSize(radius) - deltaNumberWidth / 2)
+                .attr('y', -arrowSize(radius) / 2 - deltaFontSize(radius) * 0.35)
+                .attr('width', arrowSize(radius))
+                .attr('height', arrowSize(radius))
+                .attr('viewBox', '0 0 16 16')
+                /*
+                 * using .each() here to ensure that the below function runs
+                 * after svg.gauge-delta-arrow has been mounted onto the DOM
+                 */
+                .each(function () {
+                var deltaArrowSelection = src_select(this);
+                // Needed to correctly size SVG in Firefox
+                dom_utils_DOMUtils.appendOrSelect(deltaArrowSelection, 'rect.gauge-delta-arrow-backdrop')
+                    .attr('width', '16')
+                    .attr('height', '16')
+                    .attr('fill', 'none');
+                // Draw the arrow with status
+                var status = tools_Tools.getProperty(options, 'gauge', 'status');
+                dom_utils_DOMUtils.appendOrSelect(deltaArrowSelection, 'polygon.gauge-delta-arrow')
+                    .attr('class', status !== null
+                    ? "gauge-delta-arrow status--" + status
+                    : '')
+                    .attr('points', self.getArrow(delta));
+            });
+            deltaArrow.exit().remove();
+            deltaNumber.exit().remove();
+        }
     };
     Gauge.prototype.getInnerRadius = function () {
         // Compute the outer radius needed