chartkick 5.1.2 → 5.3.0

data/vendor/assets/javascripts/Chart.bundle.js

@@ -1,7 +1,7 @@
 /*!
- * Chart.js v4.4.6
+ * Chart.js v4.6.1
  * https://www.chartjs.org
- * (c) 2024 Chart.js Contributors
+ * (c) 2026 Chart.js Contributors
  * Released under the MIT License
  *
  * @kurkle/color v0.3.2
@@ -222,24 +222,24 @@
     for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf$1(t)););
     return t;
   }
-  function _superPropGet(t, e, o, r) {
-    var p = _get(_getPrototypeOf$1(1 & r ? t.prototype : t), e, o);
+  function _superPropGet(t, o, e, r) {
+    var p = _get(_getPrototypeOf$1(1 & r ? t.prototype : t), o, e);
     return 2 & r && "function" == typeof p ? function (t) {
-      return p.apply(o, t);
+      return p.apply(e, t);
     } : p;
   }
   function _toConsumableArray(r) {
     return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread();
   }
-  function _toPrimitive(t, r) {
+  function _toPrimitive(t, e) {
     if ("object" != typeof t || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-      var i = e.call(t, r || "default");
+    var r;
+    if ("undefined" != typeof Symbol && void 0 !== (r = t[Symbol.toPrimitive])) {
+      var i = r.call(t, e || "default");
       if ("object" != typeof i) return i;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return ("string" === r ? String : Number)(t);
+    return ("string" === e ? String : Number)(t);
   }
   function _toPropertyKey(t) {
     var i = _toPrimitive(t, "string");
@@ -944,7 +944,7 @@
    * @since 2.7.0
    */
   function isNullOrUndef(value) {
-    return value === null || typeof value === 'undefined';
+    return value === null || value === undefined;
   }
   /**
    * Returns true if `value` is an array (including typed arrays), else returns false.
@@ -1300,8 +1300,14 @@
     }).pop();
     return result;
   }
+  /**
+   * Verifies that attempting to coerce n to string or number won't throw a TypeError.
+   */
+  function isNonPrimitive(n) {
+    return _typeof$1(n) === 'symbol' || _typeof$1(n) === 'object' && n !== null && !(Symbol.toPrimitive in n || 'toString' in n || 'valueOf' in n);
+  }
   function isNumber(n) {
-    return !isNaN(parseFloat(n)) && isFinite(n);
+    return !isNonPrimitive(n) && !isNaN(parseFloat(n)) && isFinite(n);
   }
   function almostWhole(x, epsilon) {
     var rounded = Math.round(x);
@@ -1631,7 +1637,9 @@
     var count = pointCount;
     if (meta._sorted) {
       var iScale = meta.iScale,
+        vScale = meta.vScale,
         _parsed = meta._parsed;
+      var spanGaps = meta.dataset ? meta.dataset.options ? meta.dataset.options.spanGaps : null : null;
       var axis = iScale.axis;
       var _iScale$getUserBounds = iScale.getUserBounds(),
         min = _iScale$getUserBounds.min,
@@ -1639,18 +1647,32 @@
         minDefined = _iScale$getUserBounds.minDefined,
         maxDefined = _iScale$getUserBounds.maxDefined;
       if (minDefined) {
-        start = _limitValue(Math.min(
+        start = Math.min(
         // @ts-expect-error Need to type _parsed
         _lookupByKey(_parsed, axis, min).lo,
         // @ts-expect-error Need to fix types on _lookupByKey
-        animationsDisabled ? pointCount : _lookupByKey(points, axis, iScale.getPixelForValue(min)).lo), 0, pointCount - 1);
+        animationsDisabled ? pointCount : _lookupByKey(points, axis, iScale.getPixelForValue(min)).lo);
+        if (spanGaps) {
+          var distanceToDefinedLo = _parsed.slice(0, start + 1).reverse().findIndex(function (point) {
+            return !isNullOrUndef(point[vScale.axis]);
+          });
+          start -= Math.max(0, distanceToDefinedLo);
+        }
+        start = _limitValue(start, 0, pointCount - 1);
       }
       if (maxDefined) {
-        count = _limitValue(Math.max(
+        var end = Math.max(
         // @ts-expect-error Need to type _parsed
         _lookupByKey(_parsed, iScale.axis, max, true).hi + 1,
         // @ts-expect-error Need to fix types on _lookupByKey
-        animationsDisabled ? 0 : _lookupByKey(points, axis, iScale.getPixelForValue(max), true).hi + 1), start, pointCount) - start;
+        animationsDisabled ? 0 : _lookupByKey(points, axis, iScale.getPixelForValue(max), true).hi + 1);
+        if (spanGaps) {
+          var distanceToDefinedHi = _parsed.slice(end - 1).findIndex(function (point) {
+            return !isNullOrUndef(point[vScale.axis]);
+          });
+          end += Math.max(0, distanceToDefinedHi);
+        }
+        count = _limitValue(end, start, pointCount) - start;
       } else {
         count = pointCount - start;
       }
@@ -3147,19 +3169,19 @@
     try {
       for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
         var scope = _step9.value;
-        var _iterator10 = _createForOfIteratorHelper$1(Object.keys(scope).filter(function (k) {
+        var _iterator0 = _createForOfIteratorHelper$1(Object.keys(scope).filter(function (k) {
             return !k.startsWith('_');
           })),
-          _step10;
+          _step0;
         try {
-          for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
-            var key = _step10.value;
+          for (_iterator0.s(); !(_step0 = _iterator0.n()).done;) {
+            var key = _step0.value;
             set.add(key);
           }
         } catch (err) {
-          _iterator10.e(err);
+          _iterator0.e(err);
         } finally {
-          _iterator10.f();
+          _iterator0.f();
         }
       }
     } catch (err) {
@@ -3360,14 +3382,8 @@
   }
 
   /**
-   * Note: typedefs are auto-exported, so use a made-up `dom` namespace where
-   * necessary to avoid duplicates with `export * from './helpers`; see
-   * https://github.com/microsoft/TypeScript/issues/46011
-   * @typedef { import('../core/core.controller.js').default } dom.Chart
-   * @typedef { import('../../types').ChartEvent } ChartEvent
-   */ /**
-      * @private
-      */
+   * @private
+   */
   function _isDomSupported() {
     return typeof window !== 'undefined' && typeof document !== 'undefined';
   }
@@ -3549,10 +3565,10 @@
    */
   function retinaScale(chart, forceRatio, forceStyle) {
     var pixelRatio = forceRatio || 1;
-    var deviceHeight = Math.floor(chart.height * pixelRatio);
-    var deviceWidth = Math.floor(chart.width * pixelRatio);
-    chart.height = Math.floor(chart.height);
-    chart.width = Math.floor(chart.width);
+    var deviceHeight = round1(chart.height * pixelRatio);
+    var deviceWidth = round1(chart.width * pixelRatio);
+    chart.height = round1(chart.height);
+    chart.width = round1(chart.width);
     var canvas = chart.canvas;
     // If no style has been set on the canvas, the render size is used as display size,
     // making the chart visually bigger, so let's enforce it to the "correct" values.
@@ -3561,10 +3577,12 @@
       canvas.style.height = "".concat(chart.height, "px");
       canvas.style.width = "".concat(chart.width, "px");
     }
-    if (chart.currentDevicePixelRatio !== pixelRatio || canvas.height !== deviceHeight || canvas.width !== deviceWidth) {
+    var canvasHeight = Math.floor(deviceHeight);
+    var canvasWidth = Math.floor(deviceWidth);
+    if (chart.currentDevicePixelRatio !== pixelRatio || canvas.height !== canvasHeight || canvas.width !== canvasWidth) {
       chart.currentDevicePixelRatio = pixelRatio;
-      canvas.height = deviceHeight;
-      canvas.width = deviceWidth;
+      canvas.height = canvasHeight;
+      canvas.width = canvasWidth;
       chart.ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
       return true;
     }
@@ -3969,11 +3987,11 @@
         start = e % count;
       }
     }
-    var _iterator11 = _createForOfIteratorHelper$1(segments),
-      _step11;
+    var _iterator1 = _createForOfIteratorHelper$1(segments),
+      _step1;
     try {
-      for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
-        var segment = _step11.value;
+      for (_iterator1.s(); !(_step1 = _iterator1.n()).done;) {
+        var segment = _step1.value;
         start = spanGaps ? start : segment.start;
         var prev = points[start % count];
         var style = void 0;
@@ -3998,9 +4016,9 @@
         }
       }
     } catch (err) {
-      _iterator11.e(err);
+      _iterator1.e(err);
     } finally {
-      _iterator11.f();
+      _iterator1.f();
     }
     return result;
   }
@@ -4031,6 +4049,35 @@
     };
     return JSON.stringify(style, replacer) !== JSON.stringify(prevStyle, replacer);
   }
+  function getSizeForArea(scale, chartArea, field) {
+    return scale.options.clip ? scale[field] : chartArea[field];
+  }
+  function getDatasetArea(meta, chartArea) {
+    var xScale = meta.xScale,
+      yScale = meta.yScale;
+    if (xScale && yScale) {
+      return {
+        left: getSizeForArea(xScale, chartArea, 'left'),
+        right: getSizeForArea(xScale, chartArea, 'right'),
+        top: getSizeForArea(yScale, chartArea, 'top'),
+        bottom: getSizeForArea(yScale, chartArea, 'bottom')
+      };
+    }
+    return chartArea;
+  }
+  function getDatasetClipArea(chart, meta) {
+    var clip = meta._clip;
+    if (clip.disabled) {
+      return false;
+    }
+    var area = getDatasetArea(meta, chart.chartArea);
+    return {
+      left: clip.left === false ? 0 : area.left - (clip.left === true ? 0 : clip.left),
+      right: clip.right === false ? chart.width : area.right + (clip.right === true ? 0 : clip.right),
+      top: clip.top === false ? 0 : area.top - (clip.top === true ? 0 : clip.top),
+      bottom: clip.bottom === false ? chart.height : area.bottom + (clip.bottom === true ? 0 : clip.bottom)
+    };
+  }
 
   var Animator = /*#__PURE__*/function () {
     function Animator() {
@@ -4637,7 +4684,7 @@
         var parsed = _step2.value;
         var stacks = parsed._stacks;
         if (!stacks || stacks[axis] === undefined || stacks[axis][datasetIndex] === undefined) {
-          return;
+          continue;
         }
         delete stacks[axis][datasetIndex];
         if (stacks[axis]._visualValues !== undefined && stacks[axis]._visualValues[datasetIndex] !== undefined) {
@@ -5741,6 +5788,39 @@
       value: function _getStackCount(index) {
         return this._getStacks(undefined, index).length;
       }
+    }, {
+      key: "_getAxisCount",
+      value: function _getAxisCount() {
+        return this._getAxis().length;
+      }
+    }, {
+      key: "getFirstScaleIdForIndexAxis",
+      value: function getFirstScaleIdForIndexAxis() {
+        var scales = this.chart.scales;
+        var indexScaleId = this.chart.options.indexAxis;
+        return Object.keys(scales).filter(function (key) {
+          return scales[key].axis === indexScaleId;
+        }).shift();
+      }
+    }, {
+      key: "_getAxis",
+      value: function _getAxis() {
+        var axis = {};
+        var firstScaleAxisId = this.getFirstScaleIdForIndexAxis();
+        var _iterator5 = _createForOfIteratorHelper$1(this.chart.data.datasets),
+          _step5;
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            var dataset = _step5.value;
+            axis[valueOrDefault(this.chart.options.indexAxis === 'x' ? dataset.xAxisID : dataset.yAxisID, firstScaleAxisId)] = true;
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
+        return Object.keys(axis);
+      }
     }, {
       key: "_getStackIndex",
       value: function _getStackIndex(datasetIndex, name, dataIndex) {
@@ -5845,10 +5925,13 @@
         var skipNull = options.skipNull;
         var maxBarThickness = valueOrDefault(options.maxBarThickness, Infinity);
         var center, size;
+        var axisCount = this._getAxisCount();
         if (ruler.grouped) {
           var stackCount = skipNull ? this._getStackCount(index) : ruler.stackCount;
-          var range = options.barThickness === 'flex' ? computeFlexCategoryTraits(index, ruler, options, stackCount) : computeFitCategoryTraits(index, ruler, options, stackCount);
-          var stackIndex = this._getStackIndex(this.index, this._cachedMeta.stack, skipNull ? index : undefined);
+          var range = options.barThickness === 'flex' ? computeFlexCategoryTraits(index, ruler, options, stackCount * axisCount) : computeFitCategoryTraits(index, ruler, options, stackCount * axisCount);
+          var axisID = this.chart.options.indexAxis === 'x' ? this.getDataset().xAxisID : this.getDataset().yAxisID;
+          var axisNumber = this._getAxis().indexOf(valueOrDefault(axisID, this.getFirstScaleIdForIndexAxis()));
+          var stackIndex = this._getStackIndex(this.index, this._cachedMeta.stack, skipNull ? index : undefined) + axisNumber;
           center = range.start + range.chunk * stackIndex + range.chunk / 2;
           size = Math.min(maxBarThickness, range.chunk * range.ratio);
         } else {
@@ -6349,14 +6432,15 @@
     circumference: 360,
     radius: '100%',
     spacing: 0,
+    spacingMode: 'angular',
     indexAxis: 'r'
   });
   _defineProperty$1(DoughnutController, "descriptors", {
     _scriptable: function _scriptable(name) {
-      return name !== 'spacing';
+      return name !== 'spacing' && name !== 'spacingMode';
     },
     _indexable: function _indexable(name) {
-      return name !== 'spacing' && !name.startsWith('borderDash') && !name.startsWith('hoverBorderDash');
+      return name !== 'spacing' && name !== 'spacingMode' && !name.startsWith('borderDash') && !name.startsWith('hoverBorderDash');
     }
   });
   _defineProperty$1(DoughnutController, "overrides", {
@@ -6366,21 +6450,29 @@
         labels: {
           generateLabels: function generateLabels(chart) {
             var data = chart.data;
+            var _chart$legend$options2 = chart.legend.options.labels,
+              pointStyle = _chart$legend$options2.pointStyle,
+              textAlign = _chart$legend$options2.textAlign,
+              color = _chart$legend$options2.color,
+              useBorderRadius = _chart$legend$options2.useBorderRadius,
+              borderRadius = _chart$legend$options2.borderRadius;
             if (data.labels.length && data.datasets.length) {
-              var _chart$legend$options2 = chart.legend.options.labels,
-                pointStyle = _chart$legend$options2.pointStyle,
-                color = _chart$legend$options2.color;
               return data.labels.map(function (label, i) {
                 var meta = chart.getDatasetMeta(0);
                 var style = meta.controller.getStyle(i);
                 return {
                   text: label,
                   fillStyle: style.backgroundColor,
-                  strokeStyle: style.borderColor,
                   fontColor: color,
+                  hidden: !chart.getDataVisibility(i),
+                  lineDash: style.borderDash,
+                  lineDashOffset: style.borderDashOffset,
+                  lineJoin: style.borderJoinStyle,
                   lineWidth: style.borderWidth,
+                  strokeStyle: style.borderColor,
+                  textAlign: textAlign,
                   pointStyle: pointStyle,
-                  hidden: !chart.getDataVisibility(i),
+                  borderRadius: useBorderRadius && (borderRadius || style.borderRadius),
                   index: i
                 };
               });
@@ -6638,6 +6730,12 @@
             endAngle: endAngle,
             options: this.resolveDataElementOptions(i, arc.active ? 'active' : mode)
           };
+          if (properties.options.spacing === 0) {
+            properties.options.spacing = this.options.spacing;
+          }
+          if (properties.options.spacingMode === 'angular') {
+            properties.options.spacingMode = this.options.spacingMode;
+          }
           this.updateElement(arc, i, properties, mode);
         }
       }
@@ -6675,7 +6773,9 @@
       }
     },
     indexAxis: 'r',
-    startAngle: 0
+    startAngle: 0,
+    spacing: 0,
+    spacingMode: 'proportional'
   });
   _defineProperty$1(PolarAreaController, "overrides", {
     aspectRatio: 1,
@@ -7081,10 +7181,24 @@
       data = metaset.data,
       _sorted = metaset._sorted;
     var iScale = controller._cachedMeta.iScale;
+    var spanGaps = metaset.dataset ? metaset.dataset.options ? metaset.dataset.options.spanGaps : null : null;
     if (iScale && axis === iScale.axis && axis !== 'r' && _sorted && data.length) {
       var lookupMethod = iScale._reversePixels ? _rlookupByKey : _lookupByKey;
       if (!intersect) {
-        return lookupMethod(data, axis, value);
+        var result = lookupMethod(data, axis, value);
+        if (spanGaps) {
+          var vScale = controller._cachedMeta.vScale;
+          var _parsed = metaset._parsed;
+          var distanceToDefinedLo = _parsed.slice(0, result.lo + 1).reverse().findIndex(function (point) {
+            return !isNullOrUndef(point[vScale.axis]);
+          });
+          result.lo -= Math.max(0, distanceToDefinedLo);
+          var distanceToDefinedHi = _parsed.slice(result.hi).findIndex(function (point) {
+            return !isNullOrUndef(point[vScale.axis]);
+          });
+          result.hi += Math.max(0, distanceToDefinedHi);
+        }
+        return result;
       } else if (controller._sharedOptions) {
         var el = data[0];
         var range = typeof el.getRange === 'function' && el.getRange(axis);
@@ -7339,11 +7453,11 @@
   }
   function buildStacks(layouts) {
     var stacks = {};
-    var _iterator5 = _createForOfIteratorHelper$1(layouts),
-      _step5;
+    var _iterator6 = _createForOfIteratorHelper$1(layouts),
+      _step6;
     try {
-      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-        var wrap = _step5.value;
+      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+        var wrap = _step6.value;
         var stack = wrap.stack,
           pos = wrap.pos,
           stackWeight = wrap.stackWeight;
@@ -7360,9 +7474,9 @@
         _stack.weight += stackWeight;
       }
     } catch (err) {
-      _iterator5.e(err);
+      _iterator6.e(err);
     } finally {
-      _iterator5.f();
+      _iterator6.f();
     }
     return stacks;
   }
@@ -7506,11 +7620,11 @@
     var userPadding = params.padding;
     var x = chartArea.x,
       y = chartArea.y;
-    var _iterator6 = _createForOfIteratorHelper$1(boxes),
-      _step6;
+    var _iterator7 = _createForOfIteratorHelper$1(boxes),
+      _step7;
     try {
-      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-        var layout = _step6.value;
+      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+        var layout = _step7.value;
         var box = layout.box;
         var stack = stacks[layout.stack] || {
           count: 1,
@@ -7549,9 +7663,9 @@
         }
       }
     } catch (err) {
-      _iterator6.e(err);
+      _iterator7.e(err);
     } finally {
-      _iterator6.f();
+      _iterator7.f();
     }
     chartArea.x = x;
     chartArea.y = y;
@@ -7790,37 +7904,37 @@
     };
   }
   function nodeListContains(nodeList, canvas) {
-    var _iterator7 = _createForOfIteratorHelper$1(nodeList),
-      _step7;
+    var _iterator8 = _createForOfIteratorHelper$1(nodeList),
+      _step8;
     try {
-      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-        var node = _step7.value;
+      for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+        var node = _step8.value;
         if (node === canvas || node.contains(canvas)) {
           return true;
         }
       }
     } catch (err) {
-      _iterator7.e(err);
+      _iterator8.e(err);
     } finally {
-      _iterator7.f();
+      _iterator8.f();
     }
   }
   function createAttachObserver(chart, type, listener) {
     var canvas = chart.canvas;
     var observer = new MutationObserver(function (entries) {
       var trigger = false;
-      var _iterator8 = _createForOfIteratorHelper$1(entries),
-        _step8;
+      var _iterator9 = _createForOfIteratorHelper$1(entries),
+        _step9;
       try {
-        for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-          var entry = _step8.value;
+        for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+          var entry = _step9.value;
           trigger = trigger || nodeListContains(entry.addedNodes, canvas);
           trigger = trigger && !nodeListContains(entry.removedNodes, canvas);
         }
       } catch (err) {
-        _iterator8.e(err);
+        _iterator9.e(err);
       } finally {
-        _iterator8.f();
+        _iterator9.f();
       }
       if (trigger) {
         listener();
@@ -7836,18 +7950,18 @@
     var canvas = chart.canvas;
     var observer = new MutationObserver(function (entries) {
       var trigger = false;
-      var _iterator9 = _createForOfIteratorHelper$1(entries),
-        _step9;
+      var _iterator0 = _createForOfIteratorHelper$1(entries),
+        _step0;
       try {
-        for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-          var entry = _step9.value;
+        for (_iterator0.s(); !(_step0 = _iterator0.n()).done;) {
+          var entry = _step0.value;
           trigger = trigger || nodeListContains(entry.removedNodes, canvas);
           trigger = trigger && !nodeListContains(entry.addedNodes, canvas);
         }
       } catch (err) {
-        _iterator9.e(err);
+        _iterator0.e(err);
       } finally {
-        _iterator9.f();
+        _iterator0.f();
       }
       if (trigger) {
         listener();
@@ -9454,9 +9568,9 @@
       value: function drawBorder() {
         var chart = this.chart,
           ctx = this.ctx,
-          _this$options10 = this.options,
-          border = _this$options10.border,
-          grid = _this$options10.grid;
+          _this$options0 = this.options,
+          border = _this$options0.border,
+          grid = _this$options0.grid;
         var borderOpts = border.setContext(this.getContext());
         var axisWidth = border.display ? borderOpts.width : 0;
         if (!axisWidth) {
@@ -9496,11 +9610,11 @@
           clipArea(ctx, area);
         }
         var items = this.getLabelItems(chartArea);
-        var _iterator10 = _createForOfIteratorHelper$1(items),
-          _step10;
+        var _iterator1 = _createForOfIteratorHelper$1(items),
+          _step1;
         try {
-          for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
-            var item = _step10.value;
+          for (_iterator1.s(); !(_step1 = _iterator1.n()).done;) {
+            var item = _step1.value;
             var renderTextOptions = item.options;
             var tickFont = item.font;
             var label = item.label;
@@ -9508,9 +9622,9 @@
             renderText(ctx, label, 0, y, tickFont, renderTextOptions);
           }
         } catch (err) {
-          _iterator10.e(err);
+          _iterator1.e(err);
         } finally {
-          _iterator10.f();
+          _iterator1.f();
         }
         if (area) {
           unclipArea(ctx);
@@ -9520,10 +9634,10 @@
       key: "drawTitle",
       value: function drawTitle() {
         var ctx = this.ctx,
-          _this$options11 = this.options,
-          position = _this$options11.position,
-          title = _this$options11.title,
-          reverse = _this$options11.reverse;
+          _this$options1 = this.options,
+          position = _this$options1.position,
+          title = _this$options1.title,
+          reverse = _this$options1.reverse;
         if (!title.display) {
           return;
         }
@@ -9550,7 +9664,9 @@
           rotation: rotation,
           textAlign: titleAlign(align, position, reverse),
           textBaseline: 'middle',
-          translation: [titleX, titleY]
+          translation: [titleX, titleY],
+          strokeColor: title.strokeColor,
+          strokeWidth: title.strokeWidth
         });
       }
     }, {
@@ -9568,7 +9684,7 @@
     }, {
       key: "_layers",
       value: function _layers() {
-        var _this10 = this;
+        var _this0 = this;
         var opts = this.options;
         var tz = opts.ticks && opts.ticks.z || 0;
         var gz = valueOrDefault(opts.grid && opts.grid.z, -1);
@@ -9577,26 +9693,26 @@
           return [{
             z: tz,
             draw: function draw(chartArea) {
-              _this10.draw(chartArea);
+              _this0.draw(chartArea);
             }
           }];
         }
         return [{
           z: gz,
           draw: function draw(chartArea) {
-            _this10.drawBackground();
-            _this10.drawGrid(chartArea);
-            _this10.drawTitle();
+            _this0.drawBackground();
+            _this0.drawGrid(chartArea);
+            _this0.drawTitle();
           }
         }, {
           z: bz,
           draw: function draw() {
-            _this10.drawBorder();
+            _this0.drawBorder();
           }
         }, {
           z: tz,
           draw: function draw(chartArea) {
-            _this10.drawLabels(chartArea);
+            _this0.drawLabels(chartArea);
           }
         }];
       }
@@ -9817,23 +9933,23 @@
     }, {
       key: "removeScales",
       value: function removeScales() {
-        for (var _len10 = arguments.length, args = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {
-          args[_key10] = arguments[_key10];
+        for (var _len0 = arguments.length, args = new Array(_len0), _key0 = 0; _key0 < _len0; _key0++) {
+          args[_key0] = arguments[_key0];
         }
         this._each('unregister', args, this.scales);
       }
     }, {
       key: "_each",
       value: function _each(method, args, typedRegistry) {
-        var _this11 = this;
+        var _this1 = this;
         _toConsumableArray(args).forEach(function (arg) {
-          var reg = typedRegistry || _this11._getRegistryForType(arg);
-          if (typedRegistry || reg.isForType(arg) || reg === _this11.plugins && arg.id) {
-            _this11._exec(method, reg, arg);
+          var reg = typedRegistry || _this1._getRegistryForType(arg);
+          if (typedRegistry || reg.isForType(arg) || reg === _this1.plugins && arg.id) {
+            _this1._exec(method, reg, arg);
           } else {
             each(arg, function (item) {
-              var itemReg = typedRegistry || _this11._getRegistryForType(item);
-              _this11._exec(method, itemReg, item);
+              var itemReg = typedRegistry || _this1._getRegistryForType(item);
+              _this1._exec(method, itemReg, item);
             });
           }
         });
@@ -9872,7 +9988,7 @@
   var PluginService = /*#__PURE__*/function () {
     function PluginService() {
       _classCallCheck$1(this, PluginService);
-      this._init = [];
+      this._init = undefined;
     }
     return _createClass$1(PluginService, [{
       key: "notify",
@@ -9881,11 +9997,15 @@
           this._init = this._createDescriptors(chart, true);
           this._notify(this._init, chart, 'install');
         }
+        if (this._init === undefined) {
+          return;
+        }
         var descriptors = filter ? this._descriptors(chart).filter(filter) : this._descriptors(chart);
         var result = this._notify(descriptors, chart, hook, args);
         if (hook === 'afterDestroy') {
           this._notify(descriptors, chart, 'stop');
           this._notify(this._init, chart, 'uninstall');
+          this._init = undefined;
         }
         return result;
       }
@@ -9893,11 +10013,11 @@
       key: "_notify",
       value: function _notify(descriptors, chart, hook, args) {
         args = args || {};
-        var _iterator11 = _createForOfIteratorHelper$1(descriptors),
-          _step11;
+        var _iterator10 = _createForOfIteratorHelper$1(descriptors),
+          _step10;
         try {
-          for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
-            var descriptor = _step11.value;
+          for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+            var descriptor = _step10.value;
             var plugin = descriptor.plugin;
             var method = plugin[hook];
             var params = [chart, args, descriptor.options];
@@ -9906,9 +10026,9 @@
             }
           }
         } catch (err) {
-          _iterator11.e(err);
+          _iterator10.e(err);
         } finally {
-          _iterator11.f();
+          _iterator10.f();
         }
         return true;
       }
@@ -9989,11 +10109,11 @@
       localIds = _ref2.localIds;
     var result = [];
     var context = chart.getContext();
-    var _iterator12 = _createForOfIteratorHelper$1(plugins),
-      _step12;
+    var _iterator11 = _createForOfIteratorHelper$1(plugins),
+      _step11;
     try {
-      for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
-        var plugin = _step12.value;
+      for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+        var plugin = _step11.value;
         var id = plugin.id;
         var opts = getOpts(options[id], all);
         if (opts === null) {
@@ -10008,9 +10128,9 @@
         });
       }
     } catch (err) {
-      _iterator12.e(err);
+      _iterator11.e(err);
     } finally {
-      _iterator12.f();
+      _iterator11.f();
     }
     return result;
   }
@@ -10062,8 +10182,8 @@
     if (idMatchesAxis(id)) {
       return id;
     }
-    for (var _len11 = arguments.length, scaleOptions = new Array(_len11 > 1 ? _len11 - 1 : 0), _key11 = 1; _key11 < _len11; _key11++) {
-      scaleOptions[_key11 - 1] = arguments[_key11];
+    for (var _len1 = arguments.length, scaleOptions = new Array(_len1 > 1 ? _len1 - 1 : 0), _key1 = 1; _key1 < _len1; _key1++) {
+      scaleOptions[_key1 - 1] = arguments[_key1];
     }
     for (var _i3 = 0, _scaleOptions = scaleOptions; _i3 < _scaleOptions.length; _i3++) {
       var opts = _scaleOptions[_i3];
@@ -10329,17 +10449,17 @@
           var subResolver = this.createResolver(scopes, context, subPrefixes);
           options = _attachContext(resolver, context, subResolver);
         }
-        var _iterator13 = _createForOfIteratorHelper$1(names),
-          _step13;
+        var _iterator12 = _createForOfIteratorHelper$1(names),
+          _step12;
         try {
-          for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
-            var prop = _step13.value;
+          for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
+            var prop = _step12.value;
             result[prop] = options[prop];
           }
         } catch (err) {
-          _iterator13.e(err);
+          _iterator12.e(err);
         } finally {
-          _iterator13.f();
+          _iterator12.f();
         }
         return result;
       }
@@ -10383,11 +10503,11 @@
     var _descriptors2 = _descriptors(proxy),
       isScriptable = _descriptors2.isScriptable,
       isIndexable = _descriptors2.isIndexable;
-    var _iterator14 = _createForOfIteratorHelper$1(names),
-      _step14;
+    var _iterator13 = _createForOfIteratorHelper$1(names),
+      _step13;
     try {
-      for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
-        var prop = _step14.value;
+      for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
+        var prop = _step13.value;
         var scriptable = isScriptable(prop);
         var indexable = isIndexable(prop);
         var value = (indexable || scriptable) && proxy[prop];
@@ -10396,13 +10516,13 @@
         }
       }
     } catch (err) {
-      _iterator14.e(err);
+      _iterator13.e(err);
     } finally {
-      _iterator14.f();
+      _iterator13.f();
     }
     return false;
   }
-  var version = "4.4.6";
+  var version = "4.6.1";
   var KNOWN_POSITIONS = ['top', 'bottom', 'left', 'right', 'chartArea'];
   function positionIsHorizontal(position, axis) {
     return position === 'top' || position === 'bottom' || KNOWN_POSITIONS.indexOf(position) === -1 && axis === 'x';
@@ -10464,25 +10584,9 @@
     }
     return e;
   }
-  function getSizeForArea(scale, chartArea, field) {
-    return scale.options.clip ? scale[field] : chartArea[field];
-  }
-  function getDatasetArea(meta, chartArea) {
-    var xScale = meta.xScale,
-      yScale = meta.yScale;
-    if (xScale && yScale) {
-      return {
-        left: getSizeForArea(xScale, chartArea, 'left'),
-        right: getSizeForArea(xScale, chartArea, 'right'),
-        top: getSizeForArea(yScale, chartArea, 'top'),
-        bottom: getSizeForArea(yScale, chartArea, 'bottom')
-      };
-    }
-    return chartArea;
-  }
   var Chart = /*#__PURE__*/function () {
     function Chart(item, userConfig) {
-      var _this12 = this;
+      var _this10 = this;
       _classCallCheck$1(this, Chart);
       var config = this.config = new Config(userConfig);
       var initialCanvas = getCanvas(item);
@@ -10523,7 +10627,7 @@
       this._animationsDisabled = undefined;
       this.$context = undefined;
       this._doResize = debounce(function (mode) {
-        return _this12.update(mode);
+        return _this10.update(mode);
       }, options.resizeDelay || 0);
       this._dataChanges = [];
       instances[this.id] = this;
@@ -10541,9 +10645,9 @@
     return _createClass$1(Chart, [{
       key: "aspectRatio",
       get: function get() {
-        var _this$options12 = this.options,
-          aspectRatio = _this$options12.aspectRatio,
-          maintainAspectRatio = _this$options12.maintainAspectRatio,
+        var _this$options10 = this.options,
+          aspectRatio = _this$options10.aspectRatio,
+          maintainAspectRatio = _this$options10.maintainAspectRatio,
           width = this.width,
           height = this.height,
           _aspectRatio = this._aspectRatio;
@@ -10650,7 +10754,7 @@
     }, {
       key: "buildOrUpdateScales",
       value: function buildOrUpdateScales() {
-        var _this13 = this;
+        var _this11 = this;
         var options = this.options;
         var scaleOpts = options.scales;
         var scales = this.scales;
@@ -10689,8 +10793,8 @@
             scale = new scaleClass({
               id: id,
               type: scaleType,
-              ctx: _this13.ctx,
-              chart: _this13
+              ctx: _this11.ctx,
+              chart: _this11
             });
             scales[scale.id] = scale;
           }
@@ -10702,8 +10806,8 @@
           }
         });
         each(scales, function (scale) {
-          layouts.configure(_this13, scale, scale.options);
-          layouts.addBox(_this13, scale);
+          layouts.configure(_this11, scale, scale.options);
+          layouts.addBox(_this11, scale);
         });
       }
     }, {
@@ -10726,7 +10830,7 @@
     }, {
       key: "_removeUnreferencedMetasets",
       value: function _removeUnreferencedMetasets() {
-        var _this14 = this;
+        var _this12 = this;
         var metasets = this._metasets,
           datasets = this.data.datasets;
         if (metasets.length > datasets.length) {
@@ -10736,7 +10840,7 @@
           if (datasets.filter(function (x) {
             return x === meta._dataset;
           }).length === 0) {
-            _this14._destroyDatasetMeta(index);
+            _this12._destroyDatasetMeta(index);
           }
         });
       }
@@ -10783,9 +10887,9 @@
     }, {
       key: "_resetElements",
       value: function _resetElements() {
-        var _this15 = this;
+        var _this13 = this;
         each(this.data.datasets, function (dataset, datasetIndex) {
-          _this15.getDatasetMeta(datasetIndex).controller.reset();
+          _this13.getDatasetMeta(datasetIndex).controller.reset();
         }, this);
       }
     }, {
@@ -10845,9 +10949,9 @@
     }, {
       key: "_updateScales",
       value: function _updateScales() {
-        var _this16 = this;
+        var _this14 = this;
         each(this.scales, function (scale) {
-          layouts.removeBox(_this16, scale);
+          layouts.removeBox(_this14, scale);
         });
         this.ensureScalesHaveIDs();
         this.buildOrUpdateScales();
@@ -10868,21 +10972,21 @@
       value: function _updateHiddenIndices() {
         var _hiddenIndices = this._hiddenIndices;
         var changes = this._getUniformDataChanges() || [];
-        var _iterator15 = _createForOfIteratorHelper$1(changes),
-          _step15;
+        var _iterator14 = _createForOfIteratorHelper$1(changes),
+          _step14;
         try {
-          for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
-            var _step15$value = _step15.value,
-              method = _step15$value.method,
-              start = _step15$value.start,
-              count = _step15$value.count;
+          for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
+            var _step14$value = _step14.value,
+              method = _step14$value.method,
+              start = _step14$value.start,
+              count = _step14$value.count;
             var move = method === '_removeElements' ? -count : count;
             moveNumericKeys(_hiddenIndices, start, move);
           }
         } catch (err) {
-          _iterator15.e(err);
+          _iterator14.e(err);
         } finally {
-          _iterator15.f();
+          _iterator14.f();
         }
       }
     }, {
@@ -10920,7 +11024,7 @@
     }, {
       key: "_updateLayout",
       value: function _updateLayout(minPadding) {
-        var _this17 = this;
+        var _this15 = this;
         if (this.notifyPlugins('beforeLayout', {
           cancelable: true
         }) === false) {
@@ -10931,14 +11035,14 @@
         var noArea = area.width <= 0 || area.height <= 0;
         this._layers = [];
         each(this.boxes, function (box) {
-          var _this17$_layers;
+          var _this15$_layers;
           if (noArea && box.position === 'chartArea') {
             return;
           }
           if (box.configure) {
             box.configure();
           }
-          (_this17$_layers = _this17._layers).push.apply(_this17$_layers, _toConsumableArray(box._layers()));
+          (_this15$_layers = _this15._layers).push.apply(_this15$_layers, _toConsumableArray(box._layers()));
         }, this);
         this._layers.forEach(function (item, index) {
           item._idx = index;
@@ -11069,27 +11173,20 @@
       key: "_drawDataset",
       value: function _drawDataset(meta) {
         var ctx = this.ctx;
-        var clip = meta._clip;
-        var useClip = !clip.disabled;
-        var area = getDatasetArea(meta, this.chartArea);
         var args = {
           meta: meta,
           index: meta.index,
           cancelable: true
         };
+        var clip = getDatasetClipArea(this, meta);
         if (this.notifyPlugins('beforeDatasetDraw', args) === false) {
           return;
         }
-        if (useClip) {
-          clipArea(ctx, {
-            left: clip.left === false ? 0 : area.left - clip.left,
-            right: clip.right === false ? this.width : area.right + clip.right,
-            top: clip.top === false ? 0 : area.top - clip.top,
-            bottom: clip.bottom === false ? this.height : area.bottom + clip.bottom
-          });
+        if (clip) {
+          clipArea(ctx, clip);
         }
         meta.controller.draw();
-        if (useClip) {
+        if (clip) {
           unclipArea(ctx);
         }
         args.cancelable = false;
@@ -11260,17 +11357,17 @@
     }, {
       key: "bindUserEvents",
       value: function bindUserEvents() {
-        var _this18 = this;
+        var _this16 = this;
         var listeners = this._listeners;
         var platform = this.platform;
         var _add = function _add(type, listener) {
-          platform.addEventListener(_this18, type, listener);
+          platform.addEventListener(_this16, type, listener);
           listeners[type] = listener;
         };
         var listener = function listener(e, x, y) {
           e.offsetX = x;
           e.offsetY = y;
-          _this18._eventHandler(e);
+          _this16._eventHandler(e);
         };
         each(this.options.events, function (type) {
           return _add(type, listener);
@@ -11279,40 +11376,40 @@
     }, {
       key: "bindResponsiveEvents",
       value: function bindResponsiveEvents() {
-        var _this19 = this;
+        var _this17 = this;
         if (!this._responsiveListeners) {
           this._responsiveListeners = {};
         }
         var listeners = this._responsiveListeners;
         var platform = this.platform;
         var _add = function _add(type, listener) {
-          platform.addEventListener(_this19, type, listener);
+          platform.addEventListener(_this17, type, listener);
           listeners[type] = listener;
         };
         var _remove = function _remove(type, listener) {
           if (listeners[type]) {
-            platform.removeEventListener(_this19, type, listener);
+            platform.removeEventListener(_this17, type, listener);
             delete listeners[type];
           }
         };
         var listener = function listener(width, height) {
-          if (_this19.canvas) {
-            _this19.resize(width, height);
+          if (_this17.canvas) {
+            _this17.resize(width, height);
           }
         };
         var detached;
         var _attached = function attached() {
           _remove('attach', _attached);
-          _this19.attached = true;
-          _this19.resize();
+          _this17.attached = true;
+          _this17.resize();
           _add('resize', listener);
           _add('detach', detached);
         };
         detached = function detached() {
-          _this19.attached = false;
+          _this17.attached = false;
           _remove('resize', listener);
-          _this19._stop();
-          _this19._resize(0, 0);
+          _this17._stop();
+          _this17._resize(0, 0);
           _add('attach', _attached);
         };
         if (platform.isAttached(this.canvas)) {
@@ -11324,13 +11421,13 @@
     }, {
       key: "unbindEvents",
       value: function unbindEvents() {
-        var _this20 = this;
+        var _this18 = this;
         each(this._listeners, function (listener, type) {
-          _this20.platform.removeEventListener(_this20, type, listener);
+          _this18.platform.removeEventListener(_this18, type, listener);
         });
         this._listeners = {};
         each(this._responsiveListeners, function (listener, type) {
-          _this20.platform.removeEventListener(_this20, type, listener);
+          _this18.platform.removeEventListener(_this18, type, listener);
         });
         this._responsiveListeners = undefined;
       }
@@ -11359,12 +11456,12 @@
     }, {
       key: "setActiveElements",
       value: function setActiveElements(activeElements) {
-        var _this21 = this;
+        var _this19 = this;
         var lastActive = this._active || [];
         var active = activeElements.map(function (_ref4) {
           var datasetIndex = _ref4.datasetIndex,
             index = _ref4.index;
-          var meta = _this21.getDatasetMeta(datasetIndex);
+          var meta = _this19.getDatasetMeta(datasetIndex);
           if (!meta) {
             throw new Error('No dataset found at index ' + datasetIndex);
           }
@@ -11416,7 +11513,7 @@
     }, {
       key: "_eventHandler",
       value: function _eventHandler(e, replay) {
-        var _this22 = this;
+        var _this20 = this;
         var args = {
           event: e,
           replay: replay,
@@ -11424,7 +11521,7 @@
           inChartArea: this.isPointInArea(e)
         };
         var eventFilter = function eventFilter(plugin) {
-          return (plugin.options.events || _this22.options.events).includes(e["native"].type);
+          return (plugin.options.events || _this20.options.events).includes(e["native"].type);
         };
         if (this.notifyPlugins('beforeEvent', args, eventFilter) === false) {
           return;
@@ -11499,6 +11596,40 @@
       return chart._plugins.invalidate();
     });
   }
+  function clipSelf(ctx, element, endAngle) {
+    var startAngle = element.startAngle,
+      x = element.x,
+      y = element.y,
+      outerRadius = element.outerRadius,
+      innerRadius = element.innerRadius,
+      options = element.options;
+    var borderWidth = options.borderWidth,
+      borderJoinStyle = options.borderJoinStyle;
+    var outerAngleClip = Math.min(borderWidth / outerRadius, _normalizeAngle(startAngle - endAngle));
+    ctx.beginPath();
+    ctx.arc(x, y, outerRadius - borderWidth / 2, startAngle + outerAngleClip / 2, endAngle - outerAngleClip / 2);
+    if (innerRadius > 0) {
+      var innerAngleClip = Math.min(borderWidth / innerRadius, _normalizeAngle(startAngle - endAngle));
+      ctx.arc(x, y, innerRadius + borderWidth / 2, endAngle - innerAngleClip / 2, startAngle + innerAngleClip / 2, true);
+    } else {
+      var clipWidth = Math.min(borderWidth / 2, outerRadius * _normalizeAngle(startAngle - endAngle));
+      if (borderJoinStyle === 'round') {
+        ctx.arc(x, y, clipWidth, endAngle - PI / 2, startAngle + PI / 2, true);
+      } else if (borderJoinStyle === 'bevel') {
+        var r = 2 * clipWidth * clipWidth;
+        var endX = -r * Math.cos(endAngle + PI / 2) + x;
+        var endY = -r * Math.sin(endAngle + PI / 2) + y;
+        var startX = r * Math.cos(startAngle + PI / 2) + x;
+        var startY = r * Math.sin(startAngle + PI / 2) + y;
+        ctx.lineTo(endX, endY);
+        ctx.lineTo(startX, startY);
+      }
+    }
+    ctx.closePath();
+    ctx.moveTo(0, 0);
+    ctx.rect(0, 0, ctx.canvas.width, ctx.canvas.height);
+    ctx.clip('evenodd');
+  }
   function clipArc(ctx, element, endAngle) {
     var startAngle = element.startAngle,
       pixelMargin = element.pixelMargin,
@@ -11557,6 +11688,23 @@
       y: y + r * Math.sin(theta)
     };
   }
+  function pathFullCircle(ctx, element, offset, spacing) {
+    var x = element.x,
+      y = element.y,
+      start = element.startAngle,
+      pixelMargin = element.pixelMargin,
+      innerR = element.innerRadius;
+    var outerRadius = Math.max(element.outerRadius + spacing + offset - pixelMargin, 0);
+    var innerRadius = innerR > 0 ? innerR + spacing + offset + pixelMargin : 0;
+    ctx.beginPath();
+    ctx.arc(x, y, outerRadius, start, start + TAU);
+    if (innerRadius > 0) {
+      // Start the inner contour as a separate subpath to avoid a seam connector.
+      ctx.moveTo(x + Math.cos(start) * innerRadius, y + Math.sin(start) * innerRadius);
+      ctx.arc(x, y, innerRadius, start + TAU, start, true);
+    }
+    ctx.closePath();
+  }
   /**
    * Path the arc, respecting border radius by separating into left and right halves.
    *
@@ -11577,37 +11725,73 @@
       start = element.startAngle,
       pixelMargin = element.pixelMargin,
       innerR = element.innerRadius;
+    var _element$options$spac = element.options.spacingMode,
+      spacingMode = _element$options$spac === void 0 ? 'angular' : _element$options$spac;
+    var alpha = end - start;
+    if (circular && element.options.selfJoin && Math.abs(alpha) >= TAU - 1e-4) {
+      pathFullCircle(ctx, element, offset, spacing);
+      return;
+    }
     var outerRadius = Math.max(element.outerRadius + spacing + offset - pixelMargin, 0);
     var innerRadius = innerR > 0 ? innerR + spacing + offset + pixelMargin : 0;
-    var spacingOffset = 0;
-    var alpha = end - start;
+    var outerSpacingOffset = 0;
+    var innerSpacingOffset = 0;
+    var beta = outerRadius > 0 ? Math.max(0.001, alpha * outerRadius - offset / PI) / outerRadius : 0.001;
+    var angleOffset = (alpha - beta) / 2;
     if (spacing) {
       // When spacing is present, it is the same for all items
       // So we adjust the start and end angle of the arc such that
       // the distance is the same as it would be without the spacing
       var noSpacingInnerRadius = innerR > 0 ? innerR - spacing : 0;
       var noSpacingOuterRadius = outerRadius > 0 ? outerRadius - spacing : 0;
-      var avNogSpacingRadius = (noSpacingInnerRadius + noSpacingOuterRadius) / 2;
-      var adjustedAngle = avNogSpacingRadius !== 0 ? alpha * avNogSpacingRadius / (avNogSpacingRadius + spacing) : alpha;
-      spacingOffset = (alpha - adjustedAngle) / 2;
+      var avgNoSpacingRadius = (noSpacingInnerRadius + noSpacingOuterRadius) / 2;
+      var proportionalOffset = function () {
+        var adjustedAngle = avgNoSpacingRadius !== 0 ? alpha * avgNoSpacingRadius / (avgNoSpacingRadius + spacing) : alpha;
+        return (alpha - adjustedAngle) / 2;
+      }();
+      var angularOffset = avgNoSpacingRadius > 0 ? Math.asin(Math.min(1, spacing / avgNoSpacingRadius)) : 0;
+      // Keep spacing trims below half the available span after base offset trimming.
+      var maxOffset = Math.max(0, beta / 2 - 0.001);
+      var maxOffsetSin = Math.sin(maxOffset);
+      if (spacingMode === 'parallel') {
+        if (innerRadius === 0 && maxOffsetSin > 0) {
+          // A root radius of zero cannot realize a non-zero parallel separator width.
+          // Raise the root just enough for the available angular span.
+          var minInnerRadius = spacing / maxOffsetSin;
+          var maxInnerRadius = Math.max(0, outerRadius - 0.001);
+          innerRadius = Math.min(minInnerRadius, maxInnerRadius);
+        }
+        // Use one bounded spacing value for both radii so large spacing keeps stable geometry.
+        var maxParallelSpacing = Math.min(outerRadius > 0 ? outerRadius * maxOffsetSin : Number.POSITIVE_INFINITY, innerRadius > 0 ? innerRadius * maxOffsetSin : Number.POSITIVE_INFINITY);
+        var parallelSpacing = Math.min(spacing, maxParallelSpacing);
+        outerSpacingOffset = outerRadius > 0 ? Math.asin(Math.min(1, parallelSpacing / outerRadius)) : Math.min(maxOffset, angularOffset);
+        innerSpacingOffset = innerRadius > 0 ? Math.asin(Math.min(1, parallelSpacing / innerRadius)) : outerSpacingOffset;
+      } else if (spacingMode === 'proportional') {
+        outerSpacingOffset = Math.min(maxOffset, proportionalOffset);
+        innerSpacingOffset = Math.min(maxOffset, proportionalOffset);
+      } else {
+        outerSpacingOffset = Math.min(maxOffset, angularOffset);
+        innerSpacingOffset = Math.min(maxOffset, angularOffset);
+      }
     }
-    var beta = Math.max(0.001, alpha * outerRadius - offset / PI) / outerRadius;
-    var angleOffset = (alpha - beta) / 2;
-    var startAngle = start + angleOffset + spacingOffset;
-    var endAngle = end - angleOffset - spacingOffset;
-    var _parseBorderRadius$ = parseBorderRadius$1(element, innerRadius, outerRadius, endAngle - startAngle),
+    var outerStartAngle = start + angleOffset + outerSpacingOffset;
+    var outerEndAngle = end - angleOffset - outerSpacingOffset;
+    var innerStartAngle = start + angleOffset + innerSpacingOffset;
+    var innerEndAngle = end - angleOffset - innerSpacingOffset;
+    var angleDelta = Math.min(outerEndAngle - outerStartAngle, innerEndAngle - innerStartAngle);
+    var _parseBorderRadius$ = parseBorderRadius$1(element, innerRadius, outerRadius, angleDelta),
       outerStart = _parseBorderRadius$.outerStart,
       outerEnd = _parseBorderRadius$.outerEnd,
       innerStart = _parseBorderRadius$.innerStart,
       innerEnd = _parseBorderRadius$.innerEnd;
     var outerStartAdjustedRadius = outerRadius - outerStart;
     var outerEndAdjustedRadius = outerRadius - outerEnd;
-    var outerStartAdjustedAngle = startAngle + outerStart / outerStartAdjustedRadius;
-    var outerEndAdjustedAngle = endAngle - outerEnd / outerEndAdjustedRadius;
+    var outerStartAdjustedAngle = outerStartAngle + outerStart / outerStartAdjustedRadius;
+    var outerEndAdjustedAngle = outerEndAngle - outerEnd / outerEndAdjustedRadius;
     var innerStartAdjustedRadius = innerRadius + innerStart;
     var innerEndAdjustedRadius = innerRadius + innerEnd;
-    var innerStartAdjustedAngle = startAngle + innerStart / innerStartAdjustedRadius;
-    var innerEndAdjustedAngle = endAngle - innerEnd / innerEndAdjustedRadius;
+    var innerStartAdjustedAngle = innerStartAngle + innerStart / innerStartAdjustedRadius;
+    var innerEndAdjustedAngle = innerEndAngle - innerEnd / innerEndAdjustedRadius;
     ctx.beginPath();
     if (circular) {
       // The first arc segments from point 1 to point a to point 2
@@ -11617,32 +11801,32 @@
       // The corner segment from point 2 to point 3
       if (outerEnd > 0) {
         var pCenter = rThetaToXY(outerEndAdjustedRadius, outerEndAdjustedAngle, x, y);
-        ctx.arc(pCenter.x, pCenter.y, outerEnd, outerEndAdjustedAngle, endAngle + HALF_PI);
+        ctx.arc(pCenter.x, pCenter.y, outerEnd, outerEndAdjustedAngle, outerEndAngle + HALF_PI);
       }
       // The line from point 3 to point 4
-      var p4 = rThetaToXY(innerEndAdjustedRadius, endAngle, x, y);
+      var p4 = rThetaToXY(innerEndAdjustedRadius, innerEndAngle, x, y);
       ctx.lineTo(p4.x, p4.y);
       // The corner segment from point 4 to point 5
       if (innerEnd > 0) {
         var _pCenter = rThetaToXY(innerEndAdjustedRadius, innerEndAdjustedAngle, x, y);
-        ctx.arc(_pCenter.x, _pCenter.y, innerEnd, endAngle + HALF_PI, innerEndAdjustedAngle + Math.PI);
+        ctx.arc(_pCenter.x, _pCenter.y, innerEnd, innerEndAngle + HALF_PI, innerEndAdjustedAngle + Math.PI);
       }
       // The inner arc from point 5 to point b to point 6
-      var innerMidAdjustedAngle = (endAngle - innerEnd / innerRadius + (startAngle + innerStart / innerRadius)) / 2;
-      ctx.arc(x, y, innerRadius, endAngle - innerEnd / innerRadius, innerMidAdjustedAngle, true);
-      ctx.arc(x, y, innerRadius, innerMidAdjustedAngle, startAngle + innerStart / innerRadius, true);
+      var innerMidAdjustedAngle = (innerEndAngle - innerEnd / innerRadius + (innerStartAngle + innerStart / innerRadius)) / 2;
+      ctx.arc(x, y, innerRadius, innerEndAngle - innerEnd / innerRadius, innerMidAdjustedAngle, true);
+      ctx.arc(x, y, innerRadius, innerMidAdjustedAngle, innerStartAngle + innerStart / innerRadius, true);
       // The corner segment from point 6 to point 7
       if (innerStart > 0) {
         var _pCenter2 = rThetaToXY(innerStartAdjustedRadius, innerStartAdjustedAngle, x, y);
-        ctx.arc(_pCenter2.x, _pCenter2.y, innerStart, innerStartAdjustedAngle + Math.PI, startAngle - HALF_PI);
+        ctx.arc(_pCenter2.x, _pCenter2.y, innerStart, innerStartAdjustedAngle + Math.PI, innerStartAngle - HALF_PI);
       }
       // The line from point 7 to point 8
-      var p8 = rThetaToXY(outerStartAdjustedRadius, startAngle, x, y);
+      var p8 = rThetaToXY(outerStartAdjustedRadius, outerStartAngle, x, y);
       ctx.lineTo(p8.x, p8.y);
       // The corner segment from point 8 to point 1
       if (outerStart > 0) {
         var _pCenter3 = rThetaToXY(outerStartAdjustedRadius, outerStartAdjustedAngle, x, y);
-        ctx.arc(_pCenter3.x, _pCenter3.y, outerStart, startAngle - HALF_PI, outerStartAdjustedAngle);
+        ctx.arc(_pCenter3.x, _pCenter3.y, outerStart, outerStartAngle - HALF_PI, outerStartAdjustedAngle);
       }
     } else {
       ctx.moveTo(x, y);
@@ -11681,7 +11865,8 @@
     var borderWidth = options.borderWidth,
       borderJoinStyle = options.borderJoinStyle,
       borderDash = options.borderDash,
-      borderDashOffset = options.borderDashOffset;
+      borderDashOffset = options.borderDashOffset,
+      borderRadius = options.borderRadius;
     var inner = options.borderAlign === 'inner';
     if (!borderWidth) {
       return;
@@ -11696,6 +11881,7 @@
       ctx.lineJoin = borderJoinStyle || 'bevel';
     }
     var endAngle = element.endAngle;
+    var isFullCircle = Math.abs(endAngle - startAngle) >= TAU - 1e-4;
     if (fullCircles) {
       pathArc(ctx, element, offset, spacing, endAngle, circular);
       for (var i = 0; i < fullCircles; ++i) {
@@ -11708,6 +11894,10 @@
     if (inner) {
       clipArc(ctx, element, endAngle);
     }
+    var skipSelfClip = isFullCircle && element.innerRadius > 0;
+    if (!skipSelfClip && options.selfJoin && endAngle - startAngle >= PI && borderRadius === 0 && borderJoinStyle !== 'miter') {
+      clipSelf(ctx, element, endAngle);
+    }
     if (!fullCircles) {
       pathArc(ctx, element, offset, spacing, endAngle, circular);
       ctx.stroke();
@@ -11715,28 +11905,30 @@
   }
   var ArcElement = /*#__PURE__*/function (_Element3) {
     function ArcElement(cfg) {
-      var _this23;
+      var _this21;
       _classCallCheck$1(this, ArcElement);
-      _this23 = _callSuper(this, ArcElement);
-      _defineProperty$1(_this23, "circumference", void 0);
-      _defineProperty$1(_this23, "endAngle", void 0);
-      _defineProperty$1(_this23, "fullCircles", void 0);
-      _defineProperty$1(_this23, "innerRadius", void 0);
-      _defineProperty$1(_this23, "outerRadius", void 0);
-      _defineProperty$1(_this23, "pixelMargin", void 0);
-      _defineProperty$1(_this23, "startAngle", void 0);
-      _this23.options = undefined;
-      _this23.circumference = undefined;
-      _this23.startAngle = undefined;
-      _this23.endAngle = undefined;
-      _this23.innerRadius = undefined;
-      _this23.outerRadius = undefined;
-      _this23.pixelMargin = 0;
-      _this23.fullCircles = 0;
+      _this21 = _callSuper(this, ArcElement);
+      _defineProperty$1(_this21, "circumference", void 0);
+      _defineProperty$1(_this21, "endAngle", void 0);
+      _defineProperty$1(_this21, "fullCircles", void 0);
+      _defineProperty$1(_this21, "innerRadius", void 0);
+      _defineProperty$1(_this21, "outerRadius", void 0);
+      _defineProperty$1(_this21, "pixelMargin", void 0);
+      _defineProperty$1(_this21, "startAngle", void 0);
+      _defineProperty$1(_this21, "circular", void 0);
+      _this21.options = undefined;
+      _this21.circumference = undefined;
+      _this21.startAngle = undefined;
+      _this21.endAngle = undefined;
+      _this21.innerRadius = undefined;
+      _this21.outerRadius = undefined;
+      _this21.pixelMargin = 0;
+      _this21.fullCircles = 0;
+      _this21.circular = false;
       if (cfg) {
-        Object.assign(_this23, cfg);
+        Object.assign(_this21, cfg);
       }
-      return _this23;
+      return _this21;
     }
     _inherits$1(ArcElement, _Element3);
     return _createClass$1(ArcElement, [{
@@ -11772,9 +11964,9 @@
           endAngle = _this$getProps3.endAngle,
           innerRadius = _this$getProps3.innerRadius,
           outerRadius = _this$getProps3.outerRadius;
-        var _this$options13 = this.options,
-          offset = _this$options13.offset,
-          spacing = _this$options13.spacing;
+        var _this$options11 = this.options,
+          offset = _this$options11.offset,
+          spacing = _this$options11.spacing;
         var halfAngle = (startAngle + endAngle) / 2;
         var halfRadius = (innerRadius + outerRadius + spacing + offset) / 2;
         return {
@@ -11824,8 +12016,10 @@
     borderWidth: 2,
     offset: 0,
     spacing: 0,
+    spacingMode: 'angular',
     angle: undefined,
-    circular: true
+    circular: true,
+    selfJoin: false
   });
   _defineProperty$1(ArcElement, "defaultRoutes", {
     backgroundColor: 'backgroundColor'
@@ -11991,11 +12185,11 @@
     var segments = line.segments,
       options = line.options;
     var segmentMethod = _getSegmentMethod(line);
-    var _iterator16 = _createForOfIteratorHelper$1(segments),
-      _step16;
+    var _iterator15 = _createForOfIteratorHelper$1(segments),
+      _step15;
     try {
-      for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {
-        var segment = _step16.value;
+      for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
+        var segment = _step15.value;
         setStyle(ctx, options, segment.style);
         ctx.beginPath();
         if (segmentMethod(ctx, line, segment, {
@@ -12007,9 +12201,9 @@
         ctx.stroke();
       }
     } catch (err) {
-      _iterator16.e(err);
+      _iterator15.e(err);
     } finally {
-      _iterator16.f();
+      _iterator15.f();
     }
   }
   var usePath2D = typeof Path2D === 'function';
@@ -12022,24 +12216,24 @@
   }
   var LineElement = /*#__PURE__*/function (_Element4) {
     function LineElement(cfg) {
-      var _this24;
+      var _this22;
       _classCallCheck$1(this, LineElement);
-      _this24 = _callSuper(this, LineElement);
-      _this24.animated = true;
-      _this24.options = undefined;
-      _this24._chart = undefined;
-      _this24._loop = undefined;
-      _this24._fullLoop = undefined;
-      _this24._path = undefined;
-      _this24._points = undefined;
-      _this24._segments = undefined;
-      _this24._decimated = false;
-      _this24._pointsUpdated = false;
-      _this24._datasetIndex = undefined;
+      _this22 = _callSuper(this, LineElement);
+      _this22.animated = true;
+      _this22.options = undefined;
+      _this22._chart = undefined;
+      _this22._loop = undefined;
+      _this22._fullLoop = undefined;
+      _this22._path = undefined;
+      _this22._points = undefined;
+      _this22._segments = undefined;
+      _this22._decimated = false;
+      _this22._pointsUpdated = false;
+      _this22._datasetIndex = undefined;
       if (cfg) {
-        Object.assign(_this24, cfg);
+        Object.assign(_this22, cfg);
       }
-      return _this24;
+      return _this22;
     }
     _inherits$1(LineElement, _Element4);
     return _createClass$1(LineElement, [{
@@ -12131,20 +12325,20 @@
         var loop = this._loop;
         start = start || 0;
         count = count || this.points.length - start;
-        var _iterator17 = _createForOfIteratorHelper$1(segments),
-          _step17;
+        var _iterator16 = _createForOfIteratorHelper$1(segments),
+          _step16;
         try {
-          for (_iterator17.s(); !(_step17 = _iterator17.n()).done;) {
-            var segment = _step17.value;
+          for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {
+            var segment = _step16.value;
             loop &= segmentMethod(ctx, this, segment, {
               start: start,
               end: start + count - 1
             });
           }
         } catch (err) {
-          _iterator17.e(err);
+          _iterator16.e(err);
         } finally {
-          _iterator17.f();
+          _iterator16.f();
         }
         return !!loop;
       }
@@ -12197,20 +12391,20 @@
   }
   var PointElement = /*#__PURE__*/function (_Element5) {
     function PointElement(cfg) {
-      var _this25;
+      var _this23;
       _classCallCheck$1(this, PointElement);
-      _this25 = _callSuper(this, PointElement);
-      _defineProperty$1(_this25, "parsed", void 0);
-      _defineProperty$1(_this25, "skip", void 0);
-      _defineProperty$1(_this25, "stop", void 0);
-      _this25.options = undefined;
-      _this25.parsed = undefined;
-      _this25.skip = undefined;
-      _this25.stop = undefined;
+      _this23 = _callSuper(this, PointElement);
+      _defineProperty$1(_this23, "parsed", void 0);
+      _defineProperty$1(_this23, "skip", void 0);
+      _defineProperty$1(_this23, "stop", void 0);
+      _this23.options = undefined;
+      _this23.parsed = undefined;
+      _this23.skip = undefined;
+      _this23.stop = undefined;
       if (cfg) {
-        Object.assign(_this25, cfg);
+        Object.assign(_this23, cfg);
       }
-      return _this25;
+      return _this23;
     }
     _inherits$1(PointElement, _Element5);
     return _createClass$1(PointElement, [{
@@ -12407,28 +12601,28 @@
   }
   var BarElement = /*#__PURE__*/function (_Element6) {
     function BarElement(cfg) {
-      var _this26;
+      var _this24;
       _classCallCheck$1(this, BarElement);
-      _this26 = _callSuper(this, BarElement);
-      _this26.options = undefined;
-      _this26.horizontal = undefined;
-      _this26.base = undefined;
-      _this26.width = undefined;
-      _this26.height = undefined;
-      _this26.inflateAmount = undefined;
+      _this24 = _callSuper(this, BarElement);
+      _this24.options = undefined;
+      _this24.horizontal = undefined;
+      _this24.base = undefined;
+      _this24.width = undefined;
+      _this24.height = undefined;
+      _this24.inflateAmount = undefined;
       if (cfg) {
-        Object.assign(_this26, cfg);
+        Object.assign(_this24, cfg);
       }
-      return _this26;
+      return _this24;
     }
     _inherits$1(BarElement, _Element6);
     return _createClass$1(BarElement, [{
       key: "draw",
       value: function draw(ctx) {
         var inflateAmount = this.inflateAmount,
-          _this$options14 = this.options,
-          borderColor = _this$options14.borderColor,
-          backgroundColor = _this$options14.backgroundColor;
+          _this$options12 = this.options,
+          borderColor = _this$options12.borderColor,
+          backgroundColor = _this$options12.backgroundColor;
         var _boundingRects = boundingRects(this),
           inner = _boundingRects.inner,
           outer = _boundingRects.outer;
@@ -12793,11 +12987,11 @@
     var points = line.points;
     var tpoints = target.points;
     var parts = [];
-    var _iterator18 = _createForOfIteratorHelper$1(segments),
-      _step18;
+    var _iterator17 = _createForOfIteratorHelper$1(segments),
+      _step17;
     try {
-      for (_iterator18.s(); !(_step18 = _iterator18.n()).done;) {
-        var segment = _step18.value;
+      for (_iterator17.s(); !(_step17 = _iterator17.n()).done;) {
+        var segment = _step17.value;
         var start = segment.start,
           end = segment.end;
         end = _findSegmentEnd(start, end, points);
@@ -12812,18 +13006,18 @@
           continue;
         }
         var targetSegments = _boundSegments(target, bounds);
-        var _iterator19 = _createForOfIteratorHelper$1(targetSegments),
-          _step19;
+        var _iterator18 = _createForOfIteratorHelper$1(targetSegments),
+          _step18;
         try {
-          for (_iterator19.s(); !(_step19 = _iterator19.n()).done;) {
-            var tgt = _step19.value;
+          for (_iterator18.s(); !(_step18 = _iterator18.n()).done;) {
+            var tgt = _step18.value;
             var subBounds = _getBounds(property, tpoints[tgt.start], tpoints[tgt.end], tgt.loop);
             var fillSources = _boundSegment(segment, points, subBounds);
-            var _iterator20 = _createForOfIteratorHelper$1(fillSources),
-              _step20;
+            var _iterator19 = _createForOfIteratorHelper$1(fillSources),
+              _step19;
             try {
-              for (_iterator20.s(); !(_step20 = _iterator20.n()).done;) {
-                var fillSource = _step20.value;
+              for (_iterator19.s(); !(_step19 = _iterator19.n()).done;) {
+                var fillSource = _step19.value;
                 parts.push({
                   source: fillSource,
                   target: tgt,
@@ -12832,21 +13026,21 @@
                 });
               }
             } catch (err) {
-              _iterator20.e(err);
+              _iterator19.e(err);
             } finally {
-              _iterator20.f();
+              _iterator19.f();
             }
           }
         } catch (err) {
-          _iterator19.e(err);
+          _iterator18.e(err);
         } finally {
-          _iterator19.f();
+          _iterator18.f();
         }
       }
     } catch (err) {
-      _iterator18.e(err);
+      _iterator17.e(err);
     } finally {
-      _iterator18.f();
+      _iterator17.f();
     }
     return parts;
   }
@@ -13211,7 +13405,9 @@
   }
   function _drawfill(ctx, source, area) {
     var target = _getTarget(source);
-    var line = source.line,
+    var chart = source.chart,
+      index = source.index,
+      line = source.line,
       scale = source.scale,
       axis = source.axis;
     var lineOpts = line.options;
@@ -13222,8 +13418,10 @@
       above = _ref9$above === void 0 ? color : _ref9$above,
       _ref9$below = _ref9.below,
       below = _ref9$below === void 0 ? color : _ref9$below;
+    var meta = chart.getDatasetMeta(index);
+    var clip = getDatasetClipArea(chart, meta);
     if (target && line.points.length) {
-      clipArea(ctx, area);
+      clipArea(ctx, clipToIndexBounds(area, meta.iScale));
       doFill(ctx, {
         line: line,
         target: target,
@@ -13231,43 +13429,120 @@
         below: below,
         area: area,
         scale: scale,
-        axis: axis
+        axis: axis,
+        clip: clip
       });
       unclipArea(ctx);
     }
   }
+  function clipToIndexBounds(area, iScale) {
+    if (!iScale || iScale.getPointPositionForValue) {
+      return area;
+    }
+    var p1 = iScale.getPixelForValue(iScale.min);
+    var p2 = iScale.getPixelForValue(iScale.max);
+    var lo = Math.min(p1, p2);
+    var hi = Math.max(p1, p2);
+    return iScale.isHorizontal() ? _objectSpread2(_objectSpread2({}, area), {}, {
+      left: Math.max(area.left, lo),
+      right: Math.min(area.right, hi)
+    }) : _objectSpread2(_objectSpread2({}, area), {}, {
+      top: Math.max(area.top, lo),
+      bottom: Math.min(area.bottom, hi)
+    });
+  }
   function doFill(ctx, cfg) {
     var line = cfg.line,
       target = cfg.target,
       above = cfg.above,
       below = cfg.below,
       area = cfg.area,
-      scale = cfg.scale;
+      scale = cfg.scale,
+      clip = cfg.clip;
     var property = line._loop ? 'angle' : cfg.axis;
     ctx.save();
-    if (property === 'x' && below !== above) {
-      clipVertical(ctx, target, area.top);
-      fill(ctx, {
-        line: line,
-        target: target,
-        color: above,
-        scale: scale,
-        property: property
-      });
-      ctx.restore();
-      ctx.save();
-      clipVertical(ctx, target, area.bottom);
+    var fillColor = below;
+    if (below !== above) {
+      if (property === 'x') {
+        clipVertical(ctx, target, area.top);
+        fill(ctx, {
+          line: line,
+          target: target,
+          color: above,
+          scale: scale,
+          property: property,
+          clip: clip
+        });
+        ctx.restore();
+        ctx.save();
+        clipVertical(ctx, target, area.bottom);
+      } else if (property === 'y') {
+        clipHorizontal(ctx, target, area.left);
+        fill(ctx, {
+          line: line,
+          target: target,
+          color: below,
+          scale: scale,
+          property: property,
+          clip: clip
+        });
+        ctx.restore();
+        ctx.save();
+        clipHorizontal(ctx, target, area.right);
+        fillColor = above;
+      }
     }
     fill(ctx, {
       line: line,
       target: target,
-      color: below,
+      color: fillColor,
       scale: scale,
-      property: property
+      property: property,
+      clip: clip
     });
     ctx.restore();
   }
   function clipVertical(ctx, target, clipY) {
+    var segments = target.segments,
+      points = target.points;
+    var first = true;
+    var lineLoop = false;
+    ctx.beginPath();
+    var _iterator20 = _createForOfIteratorHelper$1(segments),
+      _step20;
+    try {
+      for (_iterator20.s(); !(_step20 = _iterator20.n()).done;) {
+        var segment = _step20.value;
+        var start = segment.start,
+          end = segment.end;
+        var firstPoint = points[start];
+        var lastPoint = points[_findSegmentEnd(start, end, points)];
+        if (first) {
+          ctx.moveTo(firstPoint.x, firstPoint.y);
+          first = false;
+        } else {
+          ctx.lineTo(firstPoint.x, clipY);
+          ctx.lineTo(firstPoint.x, firstPoint.y);
+        }
+        lineLoop = !!target.pathSegment(ctx, segment, {
+          move: lineLoop
+        });
+        if (lineLoop) {
+          ctx.closePath();
+        } else {
+          ctx.lineTo(lastPoint.x, clipY);
+        }
+      }
+    } catch (err) {
+      _iterator20.e(err);
+    } finally {
+      _iterator20.f();
+    }
+    ctx.lineTo(target.first().x, clipY);
+    ctx.closePath();
+    ctx.clip();
+  }
+  function clipHorizontal(ctx, target, clipX) {
     var segments = target.segments,
       points = target.points;
     var first = true;
@@ -13286,7 +13561,7 @@
           ctx.moveTo(firstPoint.x, firstPoint.y);
           first = false;
         } else {
-          ctx.lineTo(firstPoint.x, clipY);
+          ctx.lineTo(clipX, firstPoint.y);
           ctx.lineTo(firstPoint.x, firstPoint.y);
         }
         lineLoop = !!target.pathSegment(ctx, segment, {
@@ -13295,7 +13570,7 @@
         if (lineLoop) {
           ctx.closePath();
         } else {
-          ctx.lineTo(lastPoint.x, clipY);
+          ctx.lineTo(clipX, lastPoint.y);
         }
       }
     } catch (err) {
@@ -13303,7 +13578,7 @@
     } finally {
       _iterator21.f();
     }
-    ctx.lineTo(target.first().x, clipY);
+    ctx.lineTo(clipX, target.first().y);
     ctx.closePath();
     ctx.clip();
   }
@@ -13312,7 +13587,8 @@
       target = cfg.target,
       property = cfg.property,
       color = cfg.color,
-      scale = cfg.scale;
+      scale = cfg.scale,
+      clip = cfg.clip;
     var segments = _segments(line, target, property);
     var _iterator22 = _createForOfIteratorHelper$1(segments),
       _step22;
@@ -13330,7 +13606,7 @@
         var notShape = target !== true;
         ctx.save();
         ctx.fillStyle = backgroundColor;
-        clipBounds(ctx, scale, notShape && _getBounds(property, start, end));
+        clipBounds(ctx, scale, clip, notShape && _getBounds(property, start, end));
         ctx.beginPath();
         var lineLoop = !!line.pathSegment(ctx, src);
         var loop = void 0;
@@ -13359,17 +13635,33 @@
       _iterator22.f();
     }
   }
-  function clipBounds(ctx, scale, bounds) {
-    var _scale$chart$chartAre = scale.chart.chartArea,
-      top = _scale$chart$chartAre.top,
-      bottom = _scale$chart$chartAre.bottom;
-    var _ref10 = bounds || {},
-      property = _ref10.property,
-      start = _ref10.start,
-      end = _ref10.end;
-    if (property === 'x') {
+  function clipBounds(ctx, scale, clip, bounds) {
+    var chartArea = scale.chart.chartArea;
+    var _ref0 = bounds || {},
+      property = _ref0.property,
+      start = _ref0.start,
+      end = _ref0.end;
+    if (property === 'x' || property === 'y') {
+      var left, top, right, bottom;
+      if (property === 'x') {
+        left = start;
+        top = chartArea.top;
+        right = end;
+        bottom = chartArea.bottom;
+      } else {
+        left = chartArea.left;
+        top = start;
+        right = chartArea.right;
+        bottom = end;
+      }
       ctx.beginPath();
-      ctx.rect(start, top, end - start, bottom - top);
+      if (clip) {
+        left = Math.max(left, clip.left);
+        right = Math.min(right, clip.right);
+        top = Math.max(top, clip.top);
+        bottom = Math.min(bottom, clip.bottom);
+      }
+      ctx.rect(left, top, right - left, bottom - top);
       ctx.clip();
     }
   }
@@ -13470,32 +13762,32 @@
   };
   var Legend = /*#__PURE__*/function (_Element7) {
     function Legend(config) {
-      var _this27;
+      var _this25;
       _classCallCheck$1(this, Legend);
-      _this27 = _callSuper(this, Legend);
-      _this27._added = false;
-      _this27.legendHitBoxes = [];
-      _this27._hoveredItem = null;
-      _this27.doughnutMode = false;
-      _this27.chart = config.chart;
-      _this27.options = config.options;
-      _this27.ctx = config.ctx;
-      _this27.legendItems = undefined;
-      _this27.columnSizes = undefined;
-      _this27.lineWidths = undefined;
-      _this27.maxHeight = undefined;
-      _this27.maxWidth = undefined;
-      _this27.top = undefined;
-      _this27.bottom = undefined;
-      _this27.left = undefined;
-      _this27.right = undefined;
-      _this27.height = undefined;
-      _this27.width = undefined;
-      _this27._margins = undefined;
-      _this27.position = undefined;
-      _this27.weight = undefined;
-      _this27.fullSize = undefined;
-      return _this27;
+      _this25 = _callSuper(this, Legend);
+      _this25._added = false;
+      _this25.legendHitBoxes = [];
+      _this25._hoveredItem = null;
+      _this25.doughnutMode = false;
+      _this25.chart = config.chart;
+      _this25.options = config.options;
+      _this25.ctx = config.ctx;
+      _this25.legendItems = undefined;
+      _this25.columnSizes = undefined;
+      _this25.lineWidths = undefined;
+      _this25.maxHeight = undefined;
+      _this25.maxWidth = undefined;
+      _this25.top = undefined;
+      _this25.bottom = undefined;
+      _this25.left = undefined;
+      _this25.right = undefined;
+      _this25.height = undefined;
+      _this25.width = undefined;
+      _this25._margins = undefined;
+      _this25.position = undefined;
+      _this25.weight = undefined;
+      _this25.fullSize = undefined;
+      return _this25;
     }
     _inherits$1(Legend, _Element7);
     return _createClass$1(Legend, [{
@@ -13524,17 +13816,17 @@
     }, {
       key: "buildLabels",
       value: function buildLabels() {
-        var _this28 = this;
+        var _this26 = this;
         var labelOpts = this.options.labels || {};
         var legendItems = callback(labelOpts.generateLabels, [this.chart], this) || [];
         if (labelOpts.filter) {
           legendItems = legendItems.filter(function (item) {
-            return labelOpts.filter(item, _this28.chart.data);
+            return labelOpts.filter(item, _this26.chart.data);
           });
         }
         if (labelOpts.sort) {
           legendItems = legendItems.sort(function (a, b) {
-            return labelOpts.sort(a, b, _this28.chart.data);
+            return labelOpts.sort(a, b, _this26.chart.data);
           });
         }
         if (this.options.reverse) {
@@ -13656,10 +13948,10 @@
         }
         var titleHeight = this._computeTitleHeight();
         var hitboxes = this.legendHitBoxes,
-          _this$options15 = this.options,
-          align = _this$options15.align,
-          padding = _this$options15.labels.padding,
-          rtl = _this$options15.rtl;
+          _this$options13 = this.options,
+          align = _this$options13.align,
+          padding = _this$options13.labels.padding,
+          rtl = _this$options13.rtl;
         var rtlHelper = getRtlAdapter(rtl, this.left, this.width);
         if (this.isHorizontal()) {
           var row = 0;
@@ -13724,7 +14016,7 @@
     }, {
       key: "_draw",
       value: function _draw() {
-        var _this29 = this;
+        var _this27 = this;
         var opts = this.options,
           columnSizes = this.columnSizes,
           lineWidths = this.lineWidths,
@@ -13826,21 +14118,21 @@
           var width = boxWidth + halfFontSize + textWidth;
           var x = cursor.x;
           var y = cursor.y;
-          rtlHelper.setWidth(_this29.width);
+          rtlHelper.setWidth(_this27.width);
           if (isHorizontal) {
-            if (i > 0 && x + width + padding > _this29.right) {
+            if (i > 0 && x + width + padding > _this27.right) {
               y = cursor.y += lineHeight;
               cursor.line++;
-              x = cursor.x = _alignStartEnd(align, _this29.left + padding, _this29.right - lineWidths[cursor.line]);
+              x = cursor.x = _alignStartEnd(align, _this27.left + padding, _this27.right - lineWidths[cursor.line]);
             }
-          } else if (i > 0 && y + lineHeight > _this29.bottom) {
+          } else if (i > 0 && y + lineHeight > _this27.bottom) {
             x = cursor.x = x + columnSizes[cursor.line].width + padding;
             cursor.line++;
-            y = cursor.y = _alignStartEnd(align, _this29.top + titleHeight + padding, _this29.bottom - columnSizes[cursor.line].height);
+            y = cursor.y = _alignStartEnd(align, _this27.top + titleHeight + padding, _this27.bottom - columnSizes[cursor.line].height);
           }
           var realX = rtlHelper.x(x);
           drawLegendBox(realX, y, legendItem);
-          x = _textX(textAlign, x + boxWidth + halfFontSize, isHorizontal ? x + width : _this29.right, opts.rtl);
+          x = _textX(textAlign, x + boxWidth + halfFontSize, isHorizontal ? x + width : _this27.right, opts.rtl);
           fillText(rtlHelper.x(x), y, legendItem);
           if (isHorizontal) {
             cursor.x += width + padding;
@@ -14084,23 +14376,23 @@
   };
   var Title = /*#__PURE__*/function (_Element8) {
     function Title(config) {
-      var _this30;
+      var _this28;
       _classCallCheck$1(this, Title);
-      _this30 = _callSuper(this, Title);
-      _this30.chart = config.chart;
-      _this30.options = config.options;
-      _this30.ctx = config.ctx;
-      _this30._padding = undefined;
-      _this30.top = undefined;
-      _this30.bottom = undefined;
-      _this30.left = undefined;
-      _this30.right = undefined;
-      _this30.width = undefined;
-      _this30.height = undefined;
-      _this30.position = undefined;
-      _this30.weight = undefined;
-      _this30.fullSize = undefined;
-      return _this30;
+      _this28 = _callSuper(this, Title);
+      _this28.chart = config.chart;
+      _this28.options = config.options;
+      _this28.ctx = config.ctx;
+      _this28._padding = undefined;
+      _this28.top = undefined;
+      _this28.bottom = undefined;
+      _this28.left = undefined;
+      _this28.right = undefined;
+      _this28.width = undefined;
+      _this28.height = undefined;
+      _this28.position = undefined;
+      _this28.weight = undefined;
+      _this28.fullSize = undefined;
+      return _this28;
     }
     _inherits$1(Title, _Element8);
     return _createClass$1(Title, [{
@@ -14619,37 +14911,37 @@
   }
   var Tooltip = /*#__PURE__*/function (_Element9) {
     function Tooltip(config) {
-      var _this31;
+      var _this29;
       _classCallCheck$1(this, Tooltip);
-      _this31 = _callSuper(this, Tooltip);
-      _this31.opacity = 0;
-      _this31._active = [];
-      _this31._eventPosition = undefined;
-      _this31._size = undefined;
-      _this31._cachedAnimations = undefined;
-      _this31._tooltipItems = [];
-      _this31.$animations = undefined;
-      _this31.$context = undefined;
-      _this31.chart = config.chart;
-      _this31.options = config.options;
-      _this31.dataPoints = undefined;
-      _this31.title = undefined;
-      _this31.beforeBody = undefined;
-      _this31.body = undefined;
-      _this31.afterBody = undefined;
-      _this31.footer = undefined;
-      _this31.xAlign = undefined;
-      _this31.yAlign = undefined;
-      _this31.x = undefined;
-      _this31.y = undefined;
-      _this31.height = undefined;
-      _this31.width = undefined;
-      _this31.caretX = undefined;
-      _this31.caretY = undefined;
-      _this31.labelColors = undefined;
-      _this31.labelPointStyles = undefined;
-      _this31.labelTextColors = undefined;
-      return _this31;
+      _this29 = _callSuper(this, Tooltip);
+      _this29.opacity = 0;
+      _this29._active = [];
+      _this29._eventPosition = undefined;
+      _this29._size = undefined;
+      _this29._cachedAnimations = undefined;
+      _this29._tooltipItems = [];
+      _this29.$animations = undefined;
+      _this29.$context = undefined;
+      _this29.chart = config.chart;
+      _this29.options = config.options;
+      _this29.dataPoints = undefined;
+      _this29.title = undefined;
+      _this29.beforeBody = undefined;
+      _this29.body = undefined;
+      _this29.afterBody = undefined;
+      _this29.footer = undefined;
+      _this29.xAlign = undefined;
+      _this29.yAlign = undefined;
+      _this29.x = undefined;
+      _this29.y = undefined;
+      _this29.height = undefined;
+      _this29.width = undefined;
+      _this29.caretX = undefined;
+      _this29.caretY = undefined;
+      _this29.labelColors = undefined;
+      _this29.labelPointStyles = undefined;
+      _this29.labelTextColors = undefined;
+      return _this29;
     }
     _inherits$1(Tooltip, _Element9);
     return _createClass$1(Tooltip, [{
@@ -14701,7 +14993,7 @@
     }, {
       key: "getBody",
       value: function getBody(tooltipItems, options) {
-        var _this32 = this;
+        var _this30 = this;
         var callbacks = options.callbacks;
         var bodyItems = [];
         each(tooltipItems, function (context) {
@@ -14711,9 +15003,9 @@
             after: []
           };
           var scoped = overrideCallbacks(callbacks, context);
-          pushOrConcat(bodyItem.before, splitNewlines(invokeCallbackWithFallback(scoped, 'beforeLabel', _this32, context)));
-          pushOrConcat(bodyItem.lines, invokeCallbackWithFallback(scoped, 'label', _this32, context));
-          pushOrConcat(bodyItem.after, splitNewlines(invokeCallbackWithFallback(scoped, 'afterLabel', _this32, context)));
+          pushOrConcat(bodyItem.before, splitNewlines(invokeCallbackWithFallback(scoped, 'beforeLabel', _this30, context)));
+          pushOrConcat(bodyItem.lines, invokeCallbackWithFallback(scoped, 'label', _this30, context));
+          pushOrConcat(bodyItem.after, splitNewlines(invokeCallbackWithFallback(scoped, 'afterLabel', _this30, context)));
           bodyItems.push(bodyItem);
         });
         return bodyItems;
@@ -14739,7 +15031,7 @@
     }, {
       key: "_createItems",
       value: function _createItems(options) {
-        var _this33 = this;
+        var _this31 = this;
         var active = this._active;
         var data = this.chart.data;
         var labelColors = [];
@@ -14762,9 +15054,9 @@
         }
         each(tooltipItems, function (context) {
           var scoped = overrideCallbacks(options.callbacks, context);
-          labelColors.push(invokeCallbackWithFallback(scoped, 'labelColor', _this33, context));
-          labelPointStyles.push(invokeCallbackWithFallback(scoped, 'labelPointStyle', _this33, context));
-          labelTextColors.push(invokeCallbackWithFallback(scoped, 'labelTextColor', _this33, context));
+          labelColors.push(invokeCallbackWithFallback(scoped, 'labelColor', _this31, context));
+          labelPointStyles.push(invokeCallbackWithFallback(scoped, 'labelPointStyle', _this31, context));
+          labelTextColors.push(invokeCallbackWithFallback(scoped, 'labelTextColor', _this31, context));
         });
         this.labelColors = labelColors;
         this.labelPointStyles = labelPointStyles;
@@ -15171,12 +15463,12 @@
     }, {
       key: "setActiveElements",
       value: function setActiveElements(activeElements, eventPosition) {
-        var _this34 = this;
+        var _this32 = this;
         var lastActive = this._active;
-        var active = activeElements.map(function (_ref11) {
-          var datasetIndex = _ref11.datasetIndex,
-            index = _ref11.index;
-          var meta = _this34.chart.getDatasetMeta(datasetIndex);
+        var active = activeElements.map(function (_ref1) {
+          var datasetIndex = _ref1.datasetIndex,
+            index = _ref1.index;
+          var meta = _this32.chart.getDatasetMeta(datasetIndex);
           if (!meta) {
             throw new Error('Cannot find a dataset at index ' + datasetIndex);
           }
@@ -15223,14 +15515,14 @@
     }, {
       key: "_getActiveElements",
       value: function _getActiveElements(e, lastActive, replay, inChartArea) {
-        var _this35 = this;
+        var _this33 = this;
         var options = this.options;
         if (e.type === 'mouseout') {
           return [];
         }
         if (!inChartArea) {
           return lastActive.filter(function (i) {
-            return _this35.chart.data.datasets[i.datasetIndex] && _this35.chart.getDatasetMeta(i.datasetIndex).controller.getParsed(i.index) !== undefined;
+            return _this33.chart.data.datasets[i.datasetIndex] && _this33.chart.getDatasetMeta(i.datasetIndex).controller.getParsed(i.index) !== undefined;
           });
         }
         var active = this.chart.getElementsAtEventForMode(e, options.mode, options, replay);
@@ -15415,13 +15707,13 @@
   }
   var CategoryScale = /*#__PURE__*/function (_Scale) {
     function CategoryScale(cfg) {
-      var _this36;
+      var _this34;
       _classCallCheck$1(this, CategoryScale);
-      _this36 = _callSuper(this, CategoryScale, [cfg]);
-      _this36._startValue = undefined;
-      _this36._valueRange = 0;
-      _this36._addedLabels = [];
-      return _this36;
+      _this34 = _callSuper(this, CategoryScale, [cfg]);
+      _this34._startValue = undefined;
+      _this34._valueRange = 0;
+      _this34._addedLabels = [];
+      return _this34;
     }
     _inherits$1(CategoryScale, _Scale);
     return _createClass$1(CategoryScale, [{
@@ -15652,9 +15944,9 @@
     }
     return ticks;
   }
-  function relativeLabelSize(value, minSpacing, _ref12) {
-    var horizontal = _ref12.horizontal,
-      minRotation = _ref12.minRotation;
+  function relativeLabelSize(value, minSpacing, _ref10) {
+    var horizontal = _ref10.horizontal,
+      minRotation = _ref10.minRotation;
     var rad = toRadians(minRotation);
     var ratio = (horizontal ? Math.sin(rad) : Math.cos(rad)) || 0.001;
     var length = 0.75 * minSpacing * ('' + value).length;
@@ -15662,15 +15954,15 @@
   }
   var LinearScaleBase = /*#__PURE__*/function (_Scale2) {
     function LinearScaleBase(cfg) {
-      var _this37;
+      var _this35;
       _classCallCheck$1(this, LinearScaleBase);
-      _this37 = _callSuper(this, LinearScaleBase, [cfg]);
-      _this37.start = undefined;
-      _this37.end = undefined;
-      _this37._startValue = undefined;
-      _this37._endValue = undefined;
-      _this37._valueRange = 0;
-      return _this37;
+      _this35 = _callSuper(this, LinearScaleBase, [cfg]);
+      _this35.start = undefined;
+      _this35.end = undefined;
+      _this35._startValue = undefined;
+      _this35._endValue = undefined;
+      _this35._valueRange = 0;
+      return _this35;
     }
     _inherits$1(LinearScaleBase, _Scale2);
     return _createClass$1(LinearScaleBase, [{
@@ -15874,9 +16166,9 @@
     }
     return Math.min(rangeExp, log10Floor(min));
   }
-  function generateTicks(generationOptions, _ref13) {
-    var min = _ref13.min,
-      max = _ref13.max;
+  function generateTicks(generationOptions, _ref11) {
+    var min = _ref11.min,
+      max = _ref11.max;
     min = finiteOrDefault(generationOptions.min, min);
     var ticks = [];
     var minExp = log10Floor(min);
@@ -15916,14 +16208,14 @@
   }
   var LogarithmicScale = /*#__PURE__*/function (_Scale3) {
     function LogarithmicScale(cfg) {
-      var _this38;
+      var _this36;
       _classCallCheck$1(this, LogarithmicScale);
-      _this38 = _callSuper(this, LogarithmicScale, [cfg]);
-      _this38.start = undefined;
-      _this38.end = undefined;
-      _this38._startValue = undefined;
-      _this38._valueRange = 0;
-      return _this38;
+      _this36 = _callSuper(this, LogarithmicScale, [cfg]);
+      _this36.start = undefined;
+      _this36.end = undefined;
+      _this36._startValue = undefined;
+      _this36._valueRange = 0;
+      return _this36;
     }
     _inherits$1(LogarithmicScale, _Scale3);
     return _createClass$1(LogarithmicScale, [{
@@ -16316,15 +16608,15 @@
   }
   var RadialLinearScale = /*#__PURE__*/function (_LinearScaleBase2) {
     function RadialLinearScale(cfg) {
-      var _this39;
+      var _this37;
       _classCallCheck$1(this, RadialLinearScale);
-      _this39 = _callSuper(this, RadialLinearScale, [cfg]);
-      _this39.xCenter = undefined;
-      _this39.yCenter = undefined;
-      _this39.drawingArea = undefined;
-      _this39._pointLabels = [];
-      _this39._pointLabelItems = [];
-      return _this39;
+      _this37 = _callSuper(this, RadialLinearScale, [cfg]);
+      _this37.xCenter = undefined;
+      _this37.yCenter = undefined;
+      _this37.drawingArea = undefined;
+      _this37._pointLabels = [];
+      _this37._pointLabelItems = [];
+      return _this37;
     }
     _inherits$1(RadialLinearScale, _LinearScaleBase2);
     return _createClass$1(RadialLinearScale, [{
@@ -16355,13 +16647,13 @@
     }, {
       key: "generateTickLabels",
       value: function generateTickLabels(ticks) {
-        var _this40 = this;
+        var _this38 = this;
         LinearScaleBase.prototype.generateTickLabels.call(this, ticks);
         this._pointLabels = this.getLabels().map(function (value, index) {
-          var label = callback(_this40.options.pointLabels.callback, [value, index], _this40);
+          var label = callback(_this38.options.pointLabels.callback, [value, index], _this38);
           return label || label === 0 ? label : '';
         }).filter(function (v, i) {
-          return _this40.chart.getDataVisibility(i);
+          return _this38.chart.getDataVisibility(i);
         });
       }
     }, {
@@ -16457,9 +16749,9 @@
     }, {
       key: "drawBackground",
       value: function drawBackground() {
-        var _this$options16 = this.options,
-          backgroundColor = _this$options16.backgroundColor,
-          circular = _this$options16.grid.circular;
+        var _this$options14 = this.options,
+          backgroundColor = _this$options14.backgroundColor,
+          circular = _this$options14.grid.circular;
         if (backgroundColor) {
           var ctx = this.ctx;
           ctx.save();
@@ -16474,7 +16766,7 @@
     }, {
       key: "drawGrid",
       value: function drawGrid() {
-        var _this41 = this;
+        var _this39 = this;
         var ctx = this.ctx;
         var opts = this.options;
         var angleLines = opts.angleLines,
@@ -16487,12 +16779,12 @@
         }
         if (grid.display) {
           this.ticks.forEach(function (tick, index) {
-            if (index !== 0 || index === 0 && _this41.min < 0) {
-              offset = _this41.getDistanceFromCenterForValue(tick.value);
-              var context = _this41.getContext(index);
+            if (index !== 0 || index === 0 && _this39.min < 0) {
+              offset = _this39.getDistanceFromCenterForValue(tick.value);
+              var context = _this39.getContext(index);
               var optsAtIndex = grid.setContext(context);
               var optsAtIndexBorder = border.setContext(context);
-              drawRadiusLine(_this41, optsAtIndex, offset, labelCount, optsAtIndexBorder);
+              drawRadiusLine(_this39, optsAtIndex, offset, labelCount, optsAtIndexBorder);
             }
           });
         }
@@ -16525,7 +16817,7 @@
     }, {
       key: "drawLabels",
       value: function drawLabels() {
-        var _this42 = this;
+        var _this40 = this;
         var ctx = this.ctx;
         var opts = this.options;
         var tickOpts = opts.ticks;
@@ -16540,12 +16832,12 @@
         ctx.textAlign = 'center';
         ctx.textBaseline = 'middle';
         this.ticks.forEach(function (tick, index) {
-          if (index === 0 && _this42.min >= 0 && !opts.reverse) {
+          if (index === 0 && _this40.min >= 0 && !opts.reverse) {
             return;
           }
-          var optsAtIndex = tickOpts.setContext(_this42.getContext(index));
+          var optsAtIndex = tickOpts.setContext(_this40.getContext(index));
           var tickFont = toFont(optsAtIndex.font);
-          offset = _this42.getDistanceFromCenterForValue(_this42.ticks[index].value);
+          offset = _this40.getDistanceFromCenterForValue(_this40.ticks[index].value);
           if (optsAtIndex.showLabelBackdrop) {
             ctx.font = tickFont.string;
             width = ctx.measureText(tick.label).width;
@@ -16751,20 +17043,20 @@
   }
   var TimeScale = /*#__PURE__*/function (_Scale4) {
     function TimeScale(props) {
-      var _this43;
+      var _this41;
       _classCallCheck$1(this, TimeScale);
-      _this43 = _callSuper(this, TimeScale, [props]);
-      _this43._cache = {
+      _this41 = _callSuper(this, TimeScale, [props]);
+      _this41._cache = {
         data: [],
         labels: [],
         all: []
       };
-      _this43._unit = 'day';
-      _this43._majorUnit = undefined;
-      _this43._offsets = {};
-      _this43._normalized = false;
-      _this43._parseOpts = undefined;
-      return _this43;
+      _this41._unit = 'day';
+      _this41._majorUnit = undefined;
+      _this41._offsets = {};
+      _this41._normalized = false;
+      _this41._parseOpts = undefined;
+      return _this41;
     }
     _inherits$1(TimeScale, _Scale4);
     return _createClass$1(TimeScale, [{
@@ -17121,13 +17413,13 @@
   }
   var TimeSeriesScale = /*#__PURE__*/function (_TimeScale2) {
     function TimeSeriesScale(props) {
-      var _this44;
+      var _this42;
       _classCallCheck$1(this, TimeSeriesScale);
-      _this44 = _callSuper(this, TimeSeriesScale, [props]);
-      _this44._table = [];
-      _this44._minPos = undefined;
-      _this44._tableRange = undefined;
-      return _this44;
+      _this42 = _callSuper(this, TimeSeriesScale, [props]);
+      _this42._table = [];
+      _this42._minPos = undefined;
+      _this42._tableRange = undefined;
+      return _this42;
     }
     _inherits$1(TimeSeriesScale, _TimeScale2);
     return _createClass$1(TimeSeriesScale, [{
@@ -17314,6 +17606,7 @@
     fontString: fontString,
     formatNumber: formatNumber,
     getAngleFromPoint: getAngleFromPoint,
+    getDatasetClipArea: getDatasetClipArea,
     getHoverColor: getHoverColor,
     getMaximumSize: getMaximumSize,
     getRelativePosition: getRelativePosition,
@@ -20931,15 +21224,15 @@
     if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
   }
 
-  function toPrimitive(t, r) {
+  function toPrimitive(t, e) {
     if ("object" != _typeof(t) || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-      var i = e.call(t, r || "default");
+    var r;
+    if ("undefined" != typeof Symbol && void 0 !== (r = t[Symbol.toPrimitive])) {
+      var i = r.call(t, e || "default");
       if ("object" != _typeof(i)) return i;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return ("string" === r ? String : Number)(t);
+    return ("string" === e ? String : Number)(t);
   }
 
   function toPropertyKey(t) {