From 1104494cf7426ae223b5d4aa27badcf661325d1e Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Wed, 4 Jan 2023 23:01:30 -0800
Subject: [PATCH 01/57] Added explain option to Docker docs [skip ci]

---
 guides/Docker.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/guides/Docker.md b/guides/Docker.md
index 02f51ad50..524e2a83d 100644
--- a/guides/Docker.md
+++ b/guides/Docker.md
@@ -184,6 +184,9 @@ databases:
 # Minimum connections for high connections warning
 # total_connections_threshold: 500
 
+# Explain functionality
+# explain: true / false / analyze
+
 # Statement timeout for explain
 # explain_timeout_sec: 10
 
@@ -257,6 +260,9 @@ data:
     # Minimum connections for high connections warning
     # total_connections_threshold: 500
 
+    # Explain functionality
+    # explain: true / false / analyze
+
     # Statement timeout for explain
     # explain_timeout_sec: 10
 

From f36538f6f743772db47cd50d22d2dac0271de656 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Wed, 4 Jan 2023 23:44:23 -0800
Subject: [PATCH 02/57] Updated tests for earlier versions of Postgres [skip
 ci]

---
 test/controller_test.rb | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/test/controller_test.rb b/test/controller_test.rb
index d375a9fc7..728c26825 100644
--- a/test/controller_test.rb
+++ b/test/controller_test.rb
@@ -58,8 +58,8 @@ def test_explain_only
     post pg_hero.explain_path, params: {query: "SELECT 1"}
     assert_response :success
     assert_match "Result  (cost=0.00..0.01 rows=1 width=4)", response.body
-    refute_match "Planning Time:", response.body
-    refute_match "Execution Time:", response.body
+    refute_match /Planning Time/i, response.body
+    refute_match /Execution Time/i, response.body
   end
 
   def test_explain_only_not_enabled
@@ -74,8 +74,8 @@ def test_explain_only_analyze
     post pg_hero.explain_path, params: {query: "ANALYZE SELECT 1"}
     assert_response :success
     assert_match "Syntax error with query", response.body
-    refute_match "Planning Time:", response.body
-    refute_match "Execution Time:", response.body
+    refute_match /Planning Time/i, response.body
+    refute_match /Execution Time/i, response.body
   end
 
   def test_explain_analyze

From d9056a28010b700f6e7858ef3030ac91a6b134aa Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Wed, 1 Feb 2023 15:21:37 -0800
Subject: [PATCH 03/57] Removed reset button when historical query stats are
 enabled - #434

---
 CHANGELOG.md                                  | 4 ++++
 app/assets/stylesheets/pghero/application.css | 4 ++--
 app/controllers/pg_hero/home_controller.rb    | 1 +
 app/views/pg_hero/home/queries.html.erb       | 2 +-
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9fc5d4531..e17ca2b58 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 3.2.0 (unreleased)
+
+- Removed reset button when historical query stats are enabled
+
 ## 3.1.0 (2023-01-04)
 
 - Fixed explain error message leaking data - [more info](https://github.com/ankane/pghero/issues/439)
diff --git a/app/assets/stylesheets/pghero/application.css b/app/assets/stylesheets/pghero/application.css
index 9d9ec3628..af9464bd7 100644
--- a/app/assets/stylesheets/pghero/application.css
+++ b/app/assets/stylesheets/pghero/application.css
@@ -187,7 +187,7 @@ hr {
 }
 
 #slider-container {
-  padding: 6px 140px 20px 140px;
+  padding: 6px 0px 20px 140px;
 }
 
 .queries-table th a, .space-table th a {
@@ -195,7 +195,7 @@ hr {
 }
 
 #slider {
-  margin-bottom: 20px;
+  margin: 0px 14px 20px 14px;
 }
 
 #range-start {
diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index ed9c1c4e6..4344f2351 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -395,6 +395,7 @@ def enable_query_stats
       redirect_backward alert: "The database user does not have permission to enable query stats"
     end
 
+    # TODO disable if historical query stats enabled?
     def reset_query_stats
       success =
         if @database.server_version_num >= 120000
diff --git a/app/views/pg_hero/home/queries.html.erb b/app/views/pg_hero/home/queries.html.erb
index 3d8057839..a6563729e 100644
--- a/app/views/pg_hero/home/queries.html.erb
+++ b/app/views/pg_hero/home/queries.html.erb
@@ -1,5 +1,5 @@
 <div class="content">
-  <% if @query_stats_enabled %>
+  <% if @query_stats_enabled && !@historical_query_stats_enabled %>
     <%= button_to "Reset", reset_query_stats_path, class: "btn btn-danger", style: "float: right;" %>
   <% end %>
 

From 0880dba3b797c735d3afb382b68bac892fd1a55f Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Wed, 1 Feb 2023 15:51:54 -0800
Subject: [PATCH 04/57] Added support for specifying retention period with
 clean_query_stats - closes #432

---
 CHANGELOG.md                      | 1 +
 lib/pghero.rb                     | 4 ++--
 lib/pghero/methods/query_stats.rb | 5 +++--
 lib/tasks/pghero.rake             | 4 +++-
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e17ca2b58..13dd515e4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## 3.2.0 (unreleased)
 
+- Added support for specifying retention period with `clean_query_stats`
 - Removed reset button when historical query stats are enabled
 
 ## 3.1.0 (2023-01-04)
diff --git a/lib/pghero.rb b/lib/pghero.rb
index 647bc6191..643cead74 100644
--- a/lib/pghero.rb
+++ b/lib/pghero.rb
@@ -222,9 +222,9 @@ def pretty_size(value)
     # delete previous stats
     # go database by database to use an index
     # stats for old databases are not cleaned up since we can't use an index
-    def clean_query_stats
+    def clean_query_stats(before: nil)
       each_database do |database|
-        database.clean_query_stats
+        database.clean_query_stats(before: before)
       end
     end
 
diff --git a/lib/pghero/methods/query_stats.rb b/lib/pghero/methods/query_stats.rb
index 76633f6e1..8424204e6 100644
--- a/lib/pghero/methods/query_stats.rb
+++ b/lib/pghero/methods/query_stats.rb
@@ -162,8 +162,9 @@ def capture_query_stats(raise_errors: false)
         end
       end
 
-      def clean_query_stats
-        PgHero::QueryStats.where(database: id).where("captured_at < ?", 14.days.ago).delete_all
+      def clean_query_stats(before: nil)
+        before ||= 14.days.ago
+        PgHero::QueryStats.where(database: id).where("captured_at < ?", before).delete_all
       end
 
       def slow_queries(query_stats: nil, **options)
diff --git a/lib/tasks/pghero.rake b/lib/tasks/pghero.rake
index b9c4dd21b..b503d46fd 100644
--- a/lib/tasks/pghero.rake
+++ b/lib/tasks/pghero.rake
@@ -22,6 +22,8 @@ namespace :pghero do
   desc "Remove old query stats"
   task clean_query_stats: :environment do
     puts "Deleting old query stats..."
-    PgHero.clean_query_stats
+    options = {}
+    options[:before] = Integer(ENV["DAYS"]).days.ago if ENV["DAYS"].present?
+    PgHero.clean_query_stats(**options)
   end
 end

From 1127fdb09da295ee3213f0787a96b1545e32f79a Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Wed, 1 Feb 2023 15:57:39 -0800
Subject: [PATCH 05/57] Changed DAYS to KEEP_DAYS [skip ci]

---
 lib/tasks/pghero.rake | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/tasks/pghero.rake b/lib/tasks/pghero.rake
index b503d46fd..ac3020a68 100644
--- a/lib/tasks/pghero.rake
+++ b/lib/tasks/pghero.rake
@@ -23,7 +23,7 @@ namespace :pghero do
   task clean_query_stats: :environment do
     puts "Deleting old query stats..."
     options = {}
-    options[:before] = Integer(ENV["DAYS"]).days.ago if ENV["DAYS"].present?
+    options[:before] = Integer(ENV["KEEP_DAYS"]).days.ago if ENV["KEEP_DAYS"].present?
     PgHero.clean_query_stats(**options)
   end
 end

From 947961bd7857e063e1d7753286a5cd6424b95d18 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Wed, 1 Feb 2023 16:02:01 -0800
Subject: [PATCH 06/57] Added pghero:clean_space_stats rake task [skip ci]

---
 CHANGELOG.md                | 1 +
 lib/pghero.rb               | 4 ++--
 lib/pghero/methods/space.rb | 5 +++--
 lib/tasks/pghero.rake       | 8 ++++++++
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 13dd515e4..1762fff26 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## 3.2.0 (unreleased)
 
+- Added `pghero:clean_space_stats` rake task
 - Added support for specifying retention period with `clean_query_stats`
 - Removed reset button when historical query stats are enabled
 
diff --git a/lib/pghero.rb b/lib/pghero.rb
index 643cead74..65e21e186 100644
--- a/lib/pghero.rb
+++ b/lib/pghero.rb
@@ -228,9 +228,9 @@ def clean_query_stats(before: nil)
       end
     end
 
-    def clean_space_stats
+    def clean_space_stats(before: nil)
       each_database do |database|
-        database.clean_space_stats
+        database.clean_space_stats(before: before)
       end
     end
 
diff --git a/lib/pghero/methods/space.rb b/lib/pghero/methods/space.rb
index 52e3a7807..e1907eda1 100644
--- a/lib/pghero/methods/space.rb
+++ b/lib/pghero/methods/space.rb
@@ -129,8 +129,9 @@ def capture_space_stats
         insert_stats("pghero_space_stats", columns, values) if values.any?
       end
 
-      def clean_space_stats
-        PgHero::SpaceStats.where(database: id).where("captured_at < ?", 90.days.ago).delete_all
+      def clean_space_stats(before: nil)
+        before ||= 90.days.ago
+        PgHero::SpaceStats.where(database: id).where("captured_at < ?", before).delete_all
       end
 
       def space_stats_enabled?
diff --git a/lib/tasks/pghero.rake b/lib/tasks/pghero.rake
index ac3020a68..208ff9369 100644
--- a/lib/tasks/pghero.rake
+++ b/lib/tasks/pghero.rake
@@ -26,4 +26,12 @@ namespace :pghero do
     options[:before] = Integer(ENV["KEEP_DAYS"]).days.ago if ENV["KEEP_DAYS"].present?
     PgHero.clean_query_stats(**options)
   end
+
+  desc "Remove old space stats"
+  task clean_space_stats: :environment do
+    puts "Deleting old space stats..."
+    options = {}
+    options[:before] = Integer(ENV["KEEP_DAYS"]).days.ago if ENV["KEEP_DAYS"].present?
+    PgHero.clean_space_stats(**options)
+  end
 end

From 5a37874c7057908cfeaf58b75fafe10307bbad96 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Wed, 1 Feb 2023 16:02:22 -0800
Subject: [PATCH 07/57] Updated changelog [skip ci]

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1762fff26..e6d20a933 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,7 +1,7 @@
 ## 3.2.0 (unreleased)
 
 - Added `pghero:clean_space_stats` rake task
-- Added support for specifying retention period with `clean_query_stats`
+- Added support for specifying retention period with `clean_query_stats` and `clean_space_stats`
 - Removed reset button when historical query stats are enabled
 
 ## 3.1.0 (2023-01-04)

From e1978728f16f87150cb96f26c378e44a21e68228 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Wed, 1 Feb 2023 17:18:30 -0800
Subject: [PATCH 08/57] Switched to require_relative [skip ci]

---
 lib/pghero.rb | 42 +++++++++++++++++++++---------------------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/lib/pghero.rb b/lib/pghero.rb
index 65e21e186..41290ea93 100644
--- a/lib/pghero.rb
+++ b/lib/pghero.rb
@@ -3,27 +3,27 @@
 require "forwardable"
 
 # methods
-require "pghero/methods/basic"
-require "pghero/methods/connections"
-require "pghero/methods/constraints"
-require "pghero/methods/explain"
-require "pghero/methods/indexes"
-require "pghero/methods/kill"
-require "pghero/methods/maintenance"
-require "pghero/methods/queries"
-require "pghero/methods/query_stats"
-require "pghero/methods/replication"
-require "pghero/methods/sequences"
-require "pghero/methods/settings"
-require "pghero/methods/space"
-require "pghero/methods/suggested_indexes"
-require "pghero/methods/system"
-require "pghero/methods/tables"
-require "pghero/methods/users"
-
-require "pghero/database"
-require "pghero/engine" if defined?(Rails)
-require "pghero/version"
+require_relative "pghero/methods/basic"
+require_relative "pghero/methods/connections"
+require_relative "pghero/methods/constraints"
+require_relative "pghero/methods/explain"
+require_relative "pghero/methods/indexes"
+require_relative "pghero/methods/kill"
+require_relative "pghero/methods/maintenance"
+require_relative "pghero/methods/queries"
+require_relative "pghero/methods/query_stats"
+require_relative "pghero/methods/replication"
+require_relative "pghero/methods/sequences"
+require_relative "pghero/methods/settings"
+require_relative "pghero/methods/space"
+require_relative "pghero/methods/suggested_indexes"
+require_relative "pghero/methods/system"
+require_relative "pghero/methods/tables"
+require_relative "pghero/methods/users"
+
+require_relative "pghero/database"
+require_relative "pghero/engine" if defined?(Rails)
+require_relative "pghero/version"
 
 module PgHero
   autoload :Connection, "pghero/connection"

From 731b2e3987c50d00824f70ce7ec2e0e79f749fee Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Thu, 2 Feb 2023 22:45:34 -0800
Subject: [PATCH 09/57] Use float for KEEP_DAYS [skip ci]

---
 lib/tasks/pghero.rake | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/tasks/pghero.rake b/lib/tasks/pghero.rake
index 208ff9369..55848eedf 100644
--- a/lib/tasks/pghero.rake
+++ b/lib/tasks/pghero.rake
@@ -23,7 +23,7 @@ namespace :pghero do
   task clean_query_stats: :environment do
     puts "Deleting old query stats..."
     options = {}
-    options[:before] = Integer(ENV["KEEP_DAYS"]).days.ago if ENV["KEEP_DAYS"].present?
+    options[:before] = Float(ENV["KEEP_DAYS"]).days.ago if ENV["KEEP_DAYS"].present?
     PgHero.clean_query_stats(**options)
   end
 
@@ -31,7 +31,7 @@ namespace :pghero do
   task clean_space_stats: :environment do
     puts "Deleting old space stats..."
     options = {}
-    options[:before] = Integer(ENV["KEEP_DAYS"]).days.ago if ENV["KEEP_DAYS"].present?
+    options[:before] = Float(ENV["KEEP_DAYS"]).days.ago if ENV["KEEP_DAYS"].present?
     PgHero.clean_space_stats(**options)
   end
 end

From 64d0b007b5eab9997be37c27d3f08833770a4b28 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 3 Feb 2023 13:33:21 -0800
Subject: [PATCH 10/57] Use safe_load [skip ci]

---
 lib/pghero.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/pghero.rb b/lib/pghero.rb
index 41290ea93..cfb2d599d 100644
--- a/lib/pghero.rb
+++ b/lib/pghero.rb
@@ -119,7 +119,7 @@ def file_config
 
         config_file_exists = File.exist?(path)
 
-        config = YAML.load(ERB.new(File.read(path)).result) if config_file_exists
+        config = YAML.safe_load(ERB.new(File.read(path)).result) if config_file_exists
         config ||= {}
 
         @file_config =

From 7664fcabbd65a6aceb3bffc35d02cfc73388ea7e Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 3 Feb 2023 13:51:45 -0800
Subject: [PATCH 11/57] Updated Chartkick and Chart.js [skip ci]

---
 app/assets/javascripts/pghero/Chart.bundle.js | 43145 +++++++++-------
 app/assets/javascripts/pghero/chartkick.js    |  1598 +-
 licenses/LICENSE-chart.js.txt                 |     2 +-
 licenses/LICENSE-date-fns.txt                 |    41 +-
 licenses/LICENSE-kurkle-color.txt             |     9 +
 5 files changed, 24244 insertions(+), 20551 deletions(-)
 create mode 100644 licenses/LICENSE-kurkle-color.txt

diff --git a/app/assets/javascripts/pghero/Chart.bundle.js b/app/assets/javascripts/pghero/Chart.bundle.js
index 63f3bdd9f..3eb2abfa7 100644
--- a/app/assets/javascripts/pghero/Chart.bundle.js
+++ b/app/assets/javascripts/pghero/Chart.bundle.js
@@ -1,17 +1,22 @@
 /*!
- * Chart.js v3.0.2
+ * Chart.js v4.2.0
  * https://www.chartjs.org
- * (c) 2021 Chart.js Contributors
+ * (c) 2023 Chart.js Contributors
  * Released under the MIT License
  *
- * chartjs-adapter-date-fns v2.0.0
+ * @kurkle/color v0.3.2
+ * https://github.com/kurkle/color#readme
+ * (c) 2023 Jukka Kurkela
+ * Released under the MIT License
+ *
+ * chartjs-adapter-date-fns v3.0.0
  * https://www.chartjs.org
- * (c) 2021 chartjs-adapter-date-fns Contributors
+ * (c) 2022 chartjs-adapter-date-fns Contributors
  * Released under the MIT license
  *
- * date-fns v2.0.19
+ * date-fns v2.29.3
  * https://date-fns.org
- * (c) 2020 Sasha Koss and Lesha Koss
+ * (c) 2021 Sasha Koss and Lesha Koss
  * Released under the MIT License
  */
 
@@ -19,47 +24,89 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Chart = factory());
-}(this, (function () { 'use strict';
-
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
-
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function (obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function (obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
+})(this, (function () { 'use strict';
+
+  function _iterableToArrayLimit(arr, i) {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
+      try {
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+      } catch (err) {
+        _d = !0, _e = err;
+      } finally {
+        try {
+          if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+      return _arr;
     }
-
-    return _typeof(obj);
   }
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        _defineProperty$w(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function _typeof$z(obj) {
+    "@babel/helpers - typeof";
 
-  function _classCallCheck(instance, Constructor) {
+    return _typeof$z = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof$z(obj);
+  }
+  function _classCallCheck$x(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
       throw new TypeError("Cannot call a class as a function");
     }
   }
-
-  function _defineProperties(target, props) {
+  function _defineProperties$x(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor = props[i];
       descriptor.enumerable = descriptor.enumerable || false;
       descriptor.configurable = true;
       if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+      Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
     }
   }
-
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
+  function _createClass$x(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$x(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$x(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
-
-  function _defineProperty(obj, key, value) {
+  function _defineProperty$w(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -70,49 +117,12 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
-  }
-
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys(Object(source), true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-
-    return target;
-  }
-
-  function _inherits(subClass, superClass) {
+  function _inherits$w(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
       throw new TypeError("Super expression must either be null or a function");
     }
-
     subClass.prototype = Object.create(superClass && superClass.prototype, {
       constructor: {
         value: subClass,
@@ -120,30 +130,28 @@
         configurable: true
       }
     });
-    if (superClass) _setPrototypeOf(subClass, superClass);
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
+    if (superClass) _setPrototypeOf$w(subClass, superClass);
   }
-
-  function _getPrototypeOf(o) {
-    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+  function _getPrototypeOf$w(o) {
+    _getPrototypeOf$w = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
       return o.__proto__ || Object.getPrototypeOf(o);
     };
-    return _getPrototypeOf(o);
+    return _getPrototypeOf$w(o);
   }
-
-  function _setPrototypeOf(o, p) {
-    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  function _setPrototypeOf$w(o, p) {
+    _setPrototypeOf$w = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
       o.__proto__ = p;
       return o;
     };
-
-    return _setPrototypeOf(o, p);
+    return _setPrototypeOf$w(o, p);
   }
-
-  function _isNativeReflectConstruct() {
+  function _isNativeReflectConstruct$w() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
     if (Reflect.construct.sham) return false;
     if (typeof Proxy === "function") return true;
-
     try {
       Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
       return true;
@@ -151,115 +159,98 @@
       return false;
     }
   }
-
-  function _assertThisInitialized(self) {
+  function _assertThisInitialized$w(self) {
     if (self === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
-
     return self;
   }
-
-  function _possibleConstructorReturn(self, call) {
+  function _possibleConstructorReturn$w(self, call) {
     if (call && (typeof call === "object" || typeof call === "function")) {
       return call;
+    } else if (call !== void 0) {
+      throw new TypeError("Derived constructors may only return object or undefined");
     }
-
-    return _assertThisInitialized(self);
+    return _assertThisInitialized$w(self);
   }
-
-  function _createSuper(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct();
-
+  function _createSuper$w(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$w();
     return function _createSuperInternal() {
-      var Super = _getPrototypeOf(Derived),
-          result;
-
+      var Super = _getPrototypeOf$w(Derived),
+        result;
       if (hasNativeReflectConstruct) {
-        var NewTarget = _getPrototypeOf(this).constructor;
-
+        var NewTarget = _getPrototypeOf$w(this).constructor;
         result = Reflect.construct(Super, arguments, NewTarget);
       } else {
         result = Super.apply(this, arguments);
       }
-
-      return _possibleConstructorReturn(this, result);
+      return _possibleConstructorReturn$w(this, result);
     };
   }
-
   function _superPropBase(object, property) {
     while (!Object.prototype.hasOwnProperty.call(object, property)) {
-      object = _getPrototypeOf(object);
+      object = _getPrototypeOf$w(object);
       if (object === null) break;
     }
-
     return object;
   }
-
-  function _get(target, property, receiver) {
+  function _get() {
     if (typeof Reflect !== "undefined" && Reflect.get) {
-      _get = Reflect.get;
+      _get = Reflect.get.bind();
     } else {
       _get = function _get(target, property, receiver) {
         var base = _superPropBase(target, property);
-
         if (!base) return;
         var desc = Object.getOwnPropertyDescriptor(base, property);
-
         if (desc.get) {
-          return desc.get.call(receiver);
+          return desc.get.call(arguments.length < 3 ? target : receiver);
         }
-
         return desc.value;
       };
     }
-
-    return _get(target, property, receiver || target);
+    return _get.apply(this, arguments);
+  }
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
   }
-
   function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
   }
-
   function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+    if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
+  }
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
   }
-
   function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
-
-  function _unsupportedIterableToArray(o, minLen) {
+  function _unsupportedIterableToArray$1(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
   }
-
-  function _arrayLikeToArray(arr, len) {
+  function _arrayLikeToArray$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
     return arr2;
   }
-
   function _nonIterableSpread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-
-  function _createForOfIteratorHelper(o, allowArrayLike) {
-    var it;
-
-    if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-      if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _createForOfIteratorHelper$1(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+    if (!it) {
+      if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") {
         if (it) o = it;
         var i = 0;
-
         var F = function () {};
-
         return {
           s: F,
           n: function () {
@@ -277,16 +268,14 @@
           f: F
         };
       }
-
       throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-
     var normalCompletion = true,
-        didErr = false,
-        err;
+      didErr = false,
+      err;
     return {
       s: function () {
-        it = o[Symbol.iterator]();
+        it = it.call(o);
       },
       n: function () {
         var step = it.next();
@@ -306,19035 +295,18320 @@
       }
     };
   }
-
-  var requestAnimFrame = function () {
-    if (typeof window === 'undefined') {
-      return function (callback) {
-        return callback();
-      };
+  function _toPrimitive(input, hint) {
+    if (typeof input !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-
-    return window.requestAnimationFrame;
-  }();
-
-  function throttled(fn, thisArg, updateFn) {
-    var updateArgs = updateFn || function (args) {
-      return Array.prototype.slice.call(args);
-    };
-
-    var ticking = false;
-    var args = [];
-    return function () {
-      for (var _len = arguments.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
-        rest[_key] = arguments[_key];
-      }
-
-      args = updateArgs(rest);
-
-      if (!ticking) {
-        ticking = true;
-        requestAnimFrame.call(window, function () {
-          ticking = false;
-          fn.apply(thisArg, args);
-        });
-      }
-    };
-  }
-
-  function debounce(fn, delay) {
-    var timeout;
-    return function () {
-      if (delay) {
-        clearTimeout(timeout);
-        timeout = setTimeout(fn, delay);
-      } else {
-        fn();
-      }
-
-      return delay;
-    };
-  }
-
-  var _toLeftRightCenter = function _toLeftRightCenter(align) {
-    return align === 'start' ? 'left' : align === 'end' ? 'right' : 'center';
-  };
-
-  var _alignStartEnd = function _alignStartEnd(align, start, end) {
-    return align === 'start' ? start : align === 'end' ? end : (start + end) / 2;
-  };
-
-  var _textX = function _textX(align, left, right) {
-    return align === 'right' ? right : align === 'center' ? (left + right) / 2 : left;
-  };
-
-  function noop() {}
-
-  var uid = function () {
-    var id = 0;
-    return function () {
-      return id++;
-    };
-  }();
-
-  function isNullOrUndef(value) {
-    return value === null || typeof value === 'undefined';
+    return (hint === "string" ? String : Number)(input);
   }
-
-  function isArray(value) {
-    if (Array.isArray && Array.isArray(value)) {
-      return true;
-    }
-
-    var type = Object.prototype.toString.call(value);
-
-    if (type.substr(0, 7) === '[object' && type.substr(-6) === 'Array]') {
-      return true;
-    }
-
-    return false;
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return typeof key === "symbol" ? key : String(key);
   }
 
-  function isObject(value) {
-    return value !== null && Object.prototype.toString.call(value) === '[object Object]';
+  /*!
+   * @kurkle/color v0.3.2
+   * https://github.com/kurkle/color#readme
+   * (c) 2023 Jukka Kurkela
+   * Released under the MIT License
+   */
+  function round(v) {
+    return v + 0.5 | 0;
   }
-
-  var isNumberFinite = function isNumberFinite(value) {
-    return (typeof value === 'number' || value instanceof Number) && isFinite(+value);
+  var lim = function lim(v, l, h) {
+    return Math.max(Math.min(v, h), l);
   };
-
-  function finiteOrDefault(value, defaultValue) {
-    return isNumberFinite(value) ? value : defaultValue;
+  function p2b(v) {
+    return lim(round(v * 2.55), 0, 255);
   }
-
-  function valueOrDefault(value, defaultValue) {
-    return typeof value === 'undefined' ? defaultValue : value;
+  function n2b(v) {
+    return lim(round(v * 255), 0, 255);
   }
-
-  var toPercentage = function toPercentage(value, dimension) {
-    return typeof value === 'string' && value.endsWith('%') ? parseFloat(value) / 100 : value / dimension;
-  };
-
-  var toDimension = function toDimension(value, dimension) {
-    return typeof value === 'string' && value.endsWith('%') ? parseFloat(value) / 100 * dimension : +value;
-  };
-
-  function callback(fn, args, thisArg) {
-    if (fn && typeof fn.call === 'function') {
-      return fn.apply(thisArg, args);
-    }
+  function b2n(v) {
+    return lim(round(v / 2.55) / 100, 0, 1);
   }
-
-  function each(loopable, fn, thisArg, reverse) {
-    var i, len, keys;
-
-    if (isArray(loopable)) {
-      len = loopable.length;
-
-      if (reverse) {
-        for (i = len - 1; i >= 0; i--) {
-          fn.call(thisArg, loopable[i], i);
-        }
-      } else {
-        for (i = 0; i < len; i++) {
-          fn.call(thisArg, loopable[i], i);
-        }
-      }
-    } else if (isObject(loopable)) {
-      keys = Object.keys(loopable);
-      len = keys.length;
-
-      for (i = 0; i < len; i++) {
-        fn.call(thisArg, loopable[keys[i]], keys[i]);
-      }
-    }
+  function n2p(v) {
+    return lim(round(v * 100), 0, 100);
   }
-
-  function _elementsEqual(a0, a1) {
-    var i, ilen, v0, v1;
-
-    if (!a0 || !a1 || a0.length !== a1.length) {
-      return false;
-    }
-
-    for (i = 0, ilen = a0.length; i < ilen; ++i) {
-      v0 = a0[i];
-      v1 = a1[i];
-
-      if (v0.datasetIndex !== v1.datasetIndex || v0.index !== v1.index) {
-        return false;
+  var map$1 = {
+    0: 0,
+    1: 1,
+    2: 2,
+    3: 3,
+    4: 4,
+    5: 5,
+    6: 6,
+    7: 7,
+    8: 8,
+    9: 9,
+    A: 10,
+    B: 11,
+    C: 12,
+    D: 13,
+    E: 14,
+    F: 15,
+    a: 10,
+    b: 11,
+    c: 12,
+    d: 13,
+    e: 14,
+    f: 15
+  };
+  var hex = _toConsumableArray('0123456789ABCDEF');
+  var h1 = function h1(b) {
+    return hex[b & 0xF];
+  };
+  var h2 = function h2(b) {
+    return hex[(b & 0xF0) >> 4] + hex[b & 0xF];
+  };
+  var eq = function eq(b) {
+    return (b & 0xF0) >> 4 === (b & 0xF);
+  };
+  var isShort = function isShort(v) {
+    return eq(v.r) && eq(v.g) && eq(v.b) && eq(v.a);
+  };
+  function hexParse(str) {
+    var len = str.length;
+    var ret;
+    if (str[0] === '#') {
+      if (len === 4 || len === 5) {
+        ret = {
+          r: 255 & map$1[str[1]] * 17,
+          g: 255 & map$1[str[2]] * 17,
+          b: 255 & map$1[str[3]] * 17,
+          a: len === 5 ? map$1[str[4]] * 17 : 255
+        };
+      } else if (len === 7 || len === 9) {
+        ret = {
+          r: map$1[str[1]] << 4 | map$1[str[2]],
+          g: map$1[str[3]] << 4 | map$1[str[4]],
+          b: map$1[str[5]] << 4 | map$1[str[6]],
+          a: len === 9 ? map$1[str[7]] << 4 | map$1[str[8]] : 255
+        };
       }
     }
-
-    return true;
+    return ret;
   }
-
-  function clone$1(source) {
-    if (isArray(source)) {
-      return source.map(clone$1);
-    }
-
-    if (isObject(source)) {
-      var target = Object.create(null);
-      var keys = Object.keys(source);
-      var klen = keys.length;
-      var k = 0;
-
-      for (; k < klen; ++k) {
-        target[keys[k]] = clone$1(source[keys[k]]);
-      }
-
-      return target;
-    }
-
-    return source;
+  var alpha = function alpha(a, f) {
+    return a < 255 ? f(a) : '';
+  };
+  function _hexString(v) {
+    var f = isShort(v) ? h1 : h2;
+    return v ? '#' + f(v.r) + f(v.g) + f(v.b) + alpha(v.a, f) : undefined;
   }
-
-  function isValidKey(key) {
-    return ['__proto__', 'prototype', 'constructor'].indexOf(key) === -1;
+  var HUE_RE = /^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;
+  function hsl2rgbn(h, s, l) {
+    var a = s * Math.min(l, 1 - l);
+    var f = function f(n) {
+      var k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (n + h / 30) % 12;
+      return l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+    };
+    return [f(0), f(8), f(4)];
   }
-
-  function _merger(key, target, source, options) {
-    if (!isValidKey(key)) {
-      return;
+  function hsv2rgbn(h, s, v) {
+    var f = function f(n) {
+      var k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (n + h / 60) % 6;
+      return v - v * s * Math.max(Math.min(k, 4 - k, 1), 0);
+    };
+    return [f(5), f(3), f(1)];
+  }
+  function hwb2rgbn(h, w, b) {
+    var rgb = hsl2rgbn(h, 1, 0.5);
+    var i;
+    if (w + b > 1) {
+      i = 1 / (w + b);
+      w *= i;
+      b *= i;
     }
-
-    var tval = target[key];
-    var sval = source[key];
-
-    if (isObject(tval) && isObject(sval)) {
-      merge(tval, sval, options);
-    } else {
-      target[key] = clone$1(sval);
+    for (i = 0; i < 3; i++) {
+      rgb[i] *= 1 - w - b;
+      rgb[i] += w;
     }
+    return rgb;
   }
-
-  function merge(target, source, options) {
-    var sources = isArray(source) ? source : [source];
-    var ilen = sources.length;
-
-    if (!isObject(target)) {
-      return target;
+  function hueValue(r, g, b, d, max) {
+    if (r === max) {
+      return (g - b) / d + (g < b ? 6 : 0);
     }
-
-    options = options || {};
-    var merger = options.merger || _merger;
-
-    for (var i = 0; i < ilen; ++i) {
-      source = sources[i];
-
-      if (!isObject(source)) {
-        continue;
-      }
-
-      var keys = Object.keys(source);
-
-      for (var k = 0, klen = keys.length; k < klen; ++k) {
-        merger(keys[k], target, source, options);
-      }
+    if (g === max) {
+      return (b - r) / d + 2;
     }
-
-    return target;
+    return (r - g) / d + 4;
   }
-
-  function mergeIf(target, source) {
-    return merge(target, source, {
-      merger: _mergerIf
-    });
+  function rgb2hsl(v) {
+    var range = 255;
+    var r = v.r / range;
+    var g = v.g / range;
+    var b = v.b / range;
+    var max = Math.max(r, g, b);
+    var min = Math.min(r, g, b);
+    var l = (max + min) / 2;
+    var h, s, d;
+    if (max !== min) {
+      d = max - min;
+      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+      h = hueValue(r, g, b, d, max);
+      h = h * 60 + 0.5;
+    }
+    return [h | 0, s || 0, l];
   }
-
-  function _mergerIf(key, target, source) {
-    if (!isValidKey(key)) {
+  function calln(f, a, b, c) {
+    return (Array.isArray(a) ? f(a[0], a[1], a[2]) : f(a, b, c)).map(n2b);
+  }
+  function hsl2rgb(h, s, l) {
+    return calln(hsl2rgbn, h, s, l);
+  }
+  function hwb2rgb(h, w, b) {
+    return calln(hwb2rgbn, h, w, b);
+  }
+  function hsv2rgb(h, s, v) {
+    return calln(hsv2rgbn, h, s, v);
+  }
+  function hue(h) {
+    return (h % 360 + 360) % 360;
+  }
+  function hueParse(str) {
+    var m = HUE_RE.exec(str);
+    var a = 255;
+    var v;
+    if (!m) {
       return;
     }
-
-    var tval = target[key];
-    var sval = source[key];
-
-    if (isObject(tval) && isObject(sval)) {
-      mergeIf(tval, sval);
-    } else if (!Object.prototype.hasOwnProperty.call(target, key)) {
-      target[key] = clone$1(sval);
+    if (m[5] !== v) {
+      a = m[6] ? p2b(+m[5]) : n2b(+m[5]);
+    }
+    var h = hue(+m[2]);
+    var p1 = +m[3] / 100;
+    var p2 = +m[4] / 100;
+    if (m[1] === 'hwb') {
+      v = hwb2rgb(h, p1, p2);
+    } else if (m[1] === 'hsv') {
+      v = hsv2rgb(h, p1, p2);
+    } else {
+      v = hsl2rgb(h, p1, p2);
     }
+    return {
+      r: v[0],
+      g: v[1],
+      b: v[2],
+      a: a
+    };
   }
-
-  var emptyString = '';
-  var dot = '.';
-
-  function indexOfDotOrLength(key, start) {
-    var idx = key.indexOf(dot, start);
-    return idx === -1 ? key.length : idx;
+  function _rotate(v, deg) {
+    var h = rgb2hsl(v);
+    h[0] = hue(h[0] + deg);
+    h = hsl2rgb(h);
+    v.r = h[0];
+    v.g = h[1];
+    v.b = h[2];
   }
-
-  function resolveObjectKey(obj, key) {
-    if (key === emptyString) {
-      return obj;
-    }
-
-    var pos = 0;
-    var idx = indexOfDotOrLength(key, pos);
-
-    while (obj && idx > pos) {
-      obj = obj[key.substr(pos, idx - pos)];
-      pos = idx + 1;
-      idx = indexOfDotOrLength(key, pos);
+  function _hslString(v) {
+    if (!v) {
+      return;
     }
-
-    return obj;
+    var a = rgb2hsl(v);
+    var h = a[0];
+    var s = n2p(a[1]);
+    var l = n2p(a[2]);
+    return v.a < 255 ? "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(b2n(v.a), ")") : "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)");
   }
-
-  function _capitalize(str) {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-  }
-
-  var defined = function defined(value) {
-    return typeof value !== 'undefined';
+  var map$2 = {
+    x: 'dark',
+    Z: 'light',
+    Y: 're',
+    X: 'blu',
+    W: 'gr',
+    V: 'medium',
+    U: 'slate',
+    A: 'ee',
+    T: 'ol',
+    S: 'or',
+    B: 'ra',
+    C: 'lateg',
+    D: 'ights',
+    R: 'in',
+    Q: 'turquois',
+    E: 'hi',
+    P: 'ro',
+    O: 'al',
+    N: 'le',
+    M: 'de',
+    L: 'yello',
+    F: 'en',
+    K: 'ch',
+    G: 'arks',
+    H: 'ea',
+    I: 'ightg',
+    J: 'wh'
   };
-
-  var isFunction = function isFunction(value) {
-    return typeof value === 'function';
+  var names$1 = {
+    OiceXe: 'f0f8ff',
+    antiquewEte: 'faebd7',
+    aqua: 'ffff',
+    aquamarRe: '7fffd4',
+    azuY: 'f0ffff',
+    beige: 'f5f5dc',
+    bisque: 'ffe4c4',
+    black: '0',
+    blanKedOmond: 'ffebcd',
+    Xe: 'ff',
+    XeviTet: '8a2be2',
+    bPwn: 'a52a2a',
+    burlywood: 'deb887',
+    caMtXe: '5f9ea0',
+    KartYuse: '7fff00',
+    KocTate: 'd2691e',
+    cSO: 'ff7f50',
+    cSnflowerXe: '6495ed',
+    cSnsilk: 'fff8dc',
+    crimson: 'dc143c',
+    cyan: 'ffff',
+    xXe: '8b',
+    xcyan: '8b8b',
+    xgTMnPd: 'b8860b',
+    xWay: 'a9a9a9',
+    xgYF: '6400',
+    xgYy: 'a9a9a9',
+    xkhaki: 'bdb76b',
+    xmagFta: '8b008b',
+    xTivegYF: '556b2f',
+    xSange: 'ff8c00',
+    xScEd: '9932cc',
+    xYd: '8b0000',
+    xsOmon: 'e9967a',
+    xsHgYF: '8fbc8f',
+    xUXe: '483d8b',
+    xUWay: '2f4f4f',
+    xUgYy: '2f4f4f',
+    xQe: 'ced1',
+    xviTet: '9400d3',
+    dAppRk: 'ff1493',
+    dApskyXe: 'bfff',
+    dimWay: '696969',
+    dimgYy: '696969',
+    dodgerXe: '1e90ff',
+    fiYbrick: 'b22222',
+    flSOwEte: 'fffaf0',
+    foYstWAn: '228b22',
+    fuKsia: 'ff00ff',
+    gaRsbSo: 'dcdcdc',
+    ghostwEte: 'f8f8ff',
+    gTd: 'ffd700',
+    gTMnPd: 'daa520',
+    Way: '808080',
+    gYF: '8000',
+    gYFLw: 'adff2f',
+    gYy: '808080',
+    honeyMw: 'f0fff0',
+    hotpRk: 'ff69b4',
+    RdianYd: 'cd5c5c',
+    Rdigo: '4b0082',
+    ivSy: 'fffff0',
+    khaki: 'f0e68c',
+    lavFMr: 'e6e6fa',
+    lavFMrXsh: 'fff0f5',
+    lawngYF: '7cfc00',
+    NmoncEffon: 'fffacd',
+    ZXe: 'add8e6',
+    ZcSO: 'f08080',
+    Zcyan: 'e0ffff',
+    ZgTMnPdLw: 'fafad2',
+    ZWay: 'd3d3d3',
+    ZgYF: '90ee90',
+    ZgYy: 'd3d3d3',
+    ZpRk: 'ffb6c1',
+    ZsOmon: 'ffa07a',
+    ZsHgYF: '20b2aa',
+    ZskyXe: '87cefa',
+    ZUWay: '778899',
+    ZUgYy: '778899',
+    ZstAlXe: 'b0c4de',
+    ZLw: 'ffffe0',
+    lime: 'ff00',
+    limegYF: '32cd32',
+    lRF: 'faf0e6',
+    magFta: 'ff00ff',
+    maPon: '800000',
+    VaquamarRe: '66cdaa',
+    VXe: 'cd',
+    VScEd: 'ba55d3',
+    VpurpN: '9370db',
+    VsHgYF: '3cb371',
+    VUXe: '7b68ee',
+    VsprRggYF: 'fa9a',
+    VQe: '48d1cc',
+    VviTetYd: 'c71585',
+    midnightXe: '191970',
+    mRtcYam: 'f5fffa',
+    mistyPse: 'ffe4e1',
+    moccasR: 'ffe4b5',
+    navajowEte: 'ffdead',
+    navy: '80',
+    Tdlace: 'fdf5e6',
+    Tive: '808000',
+    TivedBb: '6b8e23',
+    Sange: 'ffa500',
+    SangeYd: 'ff4500',
+    ScEd: 'da70d6',
+    pOegTMnPd: 'eee8aa',
+    pOegYF: '98fb98',
+    pOeQe: 'afeeee',
+    pOeviTetYd: 'db7093',
+    papayawEp: 'ffefd5',
+    pHKpuff: 'ffdab9',
+    peru: 'cd853f',
+    pRk: 'ffc0cb',
+    plum: 'dda0dd',
+    powMrXe: 'b0e0e6',
+    purpN: '800080',
+    YbeccapurpN: '663399',
+    Yd: 'ff0000',
+    Psybrown: 'bc8f8f',
+    PyOXe: '4169e1',
+    saddNbPwn: '8b4513',
+    sOmon: 'fa8072',
+    sandybPwn: 'f4a460',
+    sHgYF: '2e8b57',
+    sHshell: 'fff5ee',
+    siFna: 'a0522d',
+    silver: 'c0c0c0',
+    skyXe: '87ceeb',
+    UXe: '6a5acd',
+    UWay: '708090',
+    UgYy: '708090',
+    snow: 'fffafa',
+    sprRggYF: 'ff7f',
+    stAlXe: '4682b4',
+    tan: 'd2b48c',
+    teO: '8080',
+    tEstN: 'd8bfd8',
+    tomato: 'ff6347',
+    Qe: '40e0d0',
+    viTet: 'ee82ee',
+    JHt: 'f5deb3',
+    wEte: 'ffffff',
+    wEtesmoke: 'f5f5f5',
+    Lw: 'ffff00',
+    LwgYF: '9acd32'
   };
-
-  var PI = Math.PI;
-  var TAU = 2 * PI;
-  var PITAU = TAU + PI;
-  var INFINITY = Number.POSITIVE_INFINITY;
-  var RAD_PER_DEG = PI / 180;
-  var HALF_PI = PI / 2;
-  var QUARTER_PI = PI / 4;
-  var TWO_THIRDS_PI = PI * 2 / 3;
-  var log10 = Math.log10;
-  var sign = Math.sign;
-
-  function niceNum(range) {
-    var niceRange = Math.pow(10, Math.floor(log10(range)));
-    var fraction = range / niceRange;
-    var niceFraction = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;
-    return niceFraction * niceRange;
-  }
-
-  function _factorize(value) {
-    var result = [];
-    var sqrt = Math.sqrt(value);
-    var i;
-
-    for (i = 1; i < sqrt; i++) {
-      if (value % i === 0) {
-        result.push(i);
-        result.push(value / i);
+  function unpack() {
+    var unpacked = {};
+    var keys = Object.keys(names$1);
+    var tkeys = Object.keys(map$2);
+    var i, j, k, ok, nk;
+    for (i = 0; i < keys.length; i++) {
+      ok = nk = keys[i];
+      for (j = 0; j < tkeys.length; j++) {
+        k = tkeys[j];
+        nk = nk.replace(k, map$2[k]);
       }
+      k = parseInt(names$1[ok], 16);
+      unpacked[nk] = [k >> 16 & 0xFF, k >> 8 & 0xFF, k & 0xFF];
     }
-
-    if (sqrt === (sqrt | 0)) {
-      result.push(sqrt);
-    }
-
-    result.sort(function (a, b) {
-      return a - b;
-    }).pop();
-    return result;
-  }
-
-  function isNumber(n) {
-    return !isNaN(parseFloat(n)) && isFinite(n);
-  }
-
-  function almostEquals(x, y, epsilon) {
-    return Math.abs(x - y) < epsilon;
-  }
-
-  function almostWhole(x, epsilon) {
-    var rounded = Math.round(x);
-    return rounded - epsilon <= x && rounded + epsilon >= x;
+    return unpacked;
   }
-
-  function _setMinAndMaxByKey(array, target, property) {
-    var i, ilen, value;
-
-    for (i = 0, ilen = array.length; i < ilen; i++) {
-      value = array[i][property];
-
-      if (!isNaN(value)) {
-        target.min = Math.min(target.min, value);
-        target.max = Math.max(target.max, value);
-      }
+  var names;
+  function nameParse(str) {
+    if (!names) {
+      names = unpack();
+      names.transparent = [0, 0, 0, 0];
     }
+    var a = names[str.toLowerCase()];
+    return a && {
+      r: a[0],
+      g: a[1],
+      b: a[2],
+      a: a.length === 4 ? a[3] : 255
+    };
   }
-
-  function toRadians(degrees) {
-    return degrees * (PI / 180);
-  }
-
-  function toDegrees(radians) {
-    return radians * (180 / PI);
-  }
-
-  function _decimalPlaces(x) {
-    if (!isNumberFinite(x)) {
+  var RGB_RE = /^rgba?\(\s*([-+.\d]+)(%)?[\s,]+([-+.e\d]+)(%)?[\s,]+([-+.e\d]+)(%)?(?:[\s,/]+([-+.e\d]+)(%)?)?\s*\)$/;
+  function rgbParse(str) {
+    var m = RGB_RE.exec(str);
+    var a = 255;
+    var r, g, b;
+    if (!m) {
       return;
     }
-
-    var e = 1;
-    var p = 0;
-
-    while (Math.round(x * e) / e !== x) {
-      e *= 10;
-      p++;
-    }
-
-    return p;
-  }
-
-  function getAngleFromPoint(centrePoint, anglePoint) {
-    var distanceFromXCenter = anglePoint.x - centrePoint.x;
-    var distanceFromYCenter = anglePoint.y - centrePoint.y;
-    var radialDistanceFromCenter = Math.sqrt(distanceFromXCenter * distanceFromXCenter + distanceFromYCenter * distanceFromYCenter);
-    var angle = Math.atan2(distanceFromYCenter, distanceFromXCenter);
-
-    if (angle < -0.5 * PI) {
-      angle += TAU;
+    if (m[7] !== r) {
+      var v = +m[7];
+      a = m[8] ? p2b(v) : lim(v * 255, 0, 255);
     }
-
+    r = +m[1];
+    g = +m[3];
+    b = +m[5];
+    r = 255 & (m[2] ? p2b(r) : lim(r, 0, 255));
+    g = 255 & (m[4] ? p2b(g) : lim(g, 0, 255));
+    b = 255 & (m[6] ? p2b(b) : lim(b, 0, 255));
     return {
-      angle: angle,
-      distance: radialDistanceFromCenter
+      r: r,
+      g: g,
+      b: b,
+      a: a
     };
   }
-
-  function distanceBetweenPoints(pt1, pt2) {
-    return Math.sqrt(Math.pow(pt2.x - pt1.x, 2) + Math.pow(pt2.y - pt1.y, 2));
+  function _rgbString(v) {
+    return v && (v.a < 255 ? "rgba(".concat(v.r, ", ").concat(v.g, ", ").concat(v.b, ", ").concat(b2n(v.a), ")") : "rgb(".concat(v.r, ", ").concat(v.g, ", ").concat(v.b, ")"));
   }
-
-  function _angleDiff(a, b) {
-    return (a - b + PITAU) % TAU - PI;
+  var to = function to(v) {
+    return v <= 0.0031308 ? v * 12.92 : Math.pow(v, 1.0 / 2.4) * 1.055 - 0.055;
+  };
+  var from = function from(v) {
+    return v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  };
+  function _interpolate(rgb1, rgb2, t) {
+    var r = from(b2n(rgb1.r));
+    var g = from(b2n(rgb1.g));
+    var b = from(b2n(rgb1.b));
+    return {
+      r: n2b(to(r + t * (from(b2n(rgb2.r)) - r))),
+      g: n2b(to(g + t * (from(b2n(rgb2.g)) - g))),
+      b: n2b(to(b + t * (from(b2n(rgb2.b)) - b))),
+      a: rgb1.a + t * (rgb2.a - rgb1.a)
+    };
   }
-
-  function _normalizeAngle(a) {
-    return (a % TAU + TAU) % TAU;
+  function modHSL(v, i, ratio) {
+    if (v) {
+      var tmp = rgb2hsl(v);
+      tmp[i] = Math.max(0, Math.min(tmp[i] + tmp[i] * ratio, i === 0 ? 360 : 1));
+      tmp = hsl2rgb(tmp);
+      v.r = tmp[0];
+      v.g = tmp[1];
+      v.b = tmp[2];
+    }
   }
-
-  function _angleBetween(angle, start, end) {
-    var a = _normalizeAngle(angle);
-
-    var s = _normalizeAngle(start);
-
-    var e = _normalizeAngle(end);
-
-    var angleToStart = _normalizeAngle(s - a);
-
-    var angleToEnd = _normalizeAngle(e - a);
-
-    var startToAngle = _normalizeAngle(a - s);
-
-    var endToAngle = _normalizeAngle(a - e);
-
-    return a === s || a === e || angleToStart > angleToEnd && startToAngle < endToAngle;
+  function clone$1(v, proto) {
+    return v ? Object.assign(proto || {}, v) : v;
   }
-
-  function _limitValue(value, min, max) {
-    return Math.max(min, Math.min(max, value));
+  function fromObject(input) {
+    var v = {
+      r: 0,
+      g: 0,
+      b: 0,
+      a: 255
+    };
+    if (Array.isArray(input)) {
+      if (input.length >= 3) {
+        v = {
+          r: input[0],
+          g: input[1],
+          b: input[2],
+          a: 255
+        };
+        if (input.length > 3) {
+          v.a = n2b(input[3]);
+        }
+      }
+    } else {
+      v = clone$1(input, {
+        r: 0,
+        g: 0,
+        b: 0,
+        a: 1
+      });
+      v.a = n2b(v.a);
+    }
+    return v;
   }
-
-  function _int16Range(value) {
-    return _limitValue(value, -32768, 32767);
+  function functionParse(str) {
+    if (str.charAt(0) === 'r') {
+      return rgbParse(str);
+    }
+    return hueParse(str);
   }
-
-  var atEdge = function atEdge(t) {
-    return t === 0 || t === 1;
-  };
-
-  var elasticIn = function elasticIn(t, s, p) {
-    return -(Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * TAU / p));
-  };
-
-  var elasticOut = function elasticOut(t, s, p) {
-    return Math.pow(2, -10 * t) * Math.sin((t - s) * TAU / p) + 1;
-  };
-
-  var effects = {
-    linear: function linear(t) {
-      return t;
-    },
-    easeInQuad: function easeInQuad(t) {
-      return t * t;
-    },
-    easeOutQuad: function easeOutQuad(t) {
-      return -t * (t - 2);
-    },
-    easeInOutQuad: function easeInOutQuad(t) {
-      return (t /= 0.5) < 1 ? 0.5 * t * t : -0.5 * (--t * (t - 2) - 1);
-    },
-    easeInCubic: function easeInCubic(t) {
-      return t * t * t;
-    },
-    easeOutCubic: function easeOutCubic(t) {
-      return (t -= 1) * t * t + 1;
-    },
-    easeInOutCubic: function easeInOutCubic(t) {
-      return (t /= 0.5) < 1 ? 0.5 * t * t * t : 0.5 * ((t -= 2) * t * t + 2);
-    },
-    easeInQuart: function easeInQuart(t) {
-      return t * t * t * t;
-    },
-    easeOutQuart: function easeOutQuart(t) {
-      return -((t -= 1) * t * t * t - 1);
-    },
-    easeInOutQuart: function easeInOutQuart(t) {
-      return (t /= 0.5) < 1 ? 0.5 * t * t * t * t : -0.5 * ((t -= 2) * t * t * t - 2);
-    },
-    easeInQuint: function easeInQuint(t) {
-      return t * t * t * t * t;
-    },
-    easeOutQuint: function easeOutQuint(t) {
-      return (t -= 1) * t * t * t * t + 1;
-    },
-    easeInOutQuint: function easeInOutQuint(t) {
-      return (t /= 0.5) < 1 ? 0.5 * t * t * t * t * t : 0.5 * ((t -= 2) * t * t * t * t + 2);
-    },
-    easeInSine: function easeInSine(t) {
-      return -Math.cos(t * HALF_PI) + 1;
-    },
-    easeOutSine: function easeOutSine(t) {
-      return Math.sin(t * HALF_PI);
-    },
-    easeInOutSine: function easeInOutSine(t) {
-      return -0.5 * (Math.cos(PI * t) - 1);
-    },
-    easeInExpo: function easeInExpo(t) {
-      return t === 0 ? 0 : Math.pow(2, 10 * (t - 1));
-    },
-    easeOutExpo: function easeOutExpo(t) {
-      return t === 1 ? 1 : -Math.pow(2, -10 * t) + 1;
-    },
-    easeInOutExpo: function easeInOutExpo(t) {
-      return atEdge(t) ? t : t < 0.5 ? 0.5 * Math.pow(2, 10 * (t * 2 - 1)) : 0.5 * (-Math.pow(2, -10 * (t * 2 - 1)) + 2);
-    },
-    easeInCirc: function easeInCirc(t) {
-      return t >= 1 ? t : -(Math.sqrt(1 - t * t) - 1);
-    },
-    easeOutCirc: function easeOutCirc(t) {
-      return Math.sqrt(1 - (t -= 1) * t);
-    },
-    easeInOutCirc: function easeInOutCirc(t) {
-      return (t /= 0.5) < 1 ? -0.5 * (Math.sqrt(1 - t * t) - 1) : 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1);
-    },
-    easeInElastic: function easeInElastic(t) {
-      return atEdge(t) ? t : elasticIn(t, 0.075, 0.3);
-    },
-    easeOutElastic: function easeOutElastic(t) {
-      return atEdge(t) ? t : elasticOut(t, 0.075, 0.3);
-    },
-    easeInOutElastic: function easeInOutElastic(t) {
-      var s = 0.1125;
-      var p = 0.45;
-      return atEdge(t) ? t : t < 0.5 ? 0.5 * elasticIn(t * 2, s, p) : 0.5 + 0.5 * elasticOut(t * 2 - 1, s, p);
-    },
-    easeInBack: function easeInBack(t) {
-      var s = 1.70158;
-      return t * t * ((s + 1) * t - s);
-    },
-    easeOutBack: function easeOutBack(t) {
-      var s = 1.70158;
-      return (t -= 1) * t * ((s + 1) * t + s) + 1;
-    },
-    easeInOutBack: function easeInOutBack(t) {
-      var s = 1.70158;
-
-      if ((t /= 0.5) < 1) {
-        return 0.5 * (t * t * (((s *= 1.525) + 1) * t - s));
+  var Color = /*#__PURE__*/function () {
+    function Color(input) {
+      _classCallCheck$x(this, Color);
+      if (input instanceof Color) {
+        return input;
       }
-
-      return 0.5 * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2);
-    },
-    easeInBounce: function easeInBounce(t) {
-      return 1 - effects.easeOutBounce(1 - t);
-    },
-    easeOutBounce: function easeOutBounce(t) {
-      var m = 7.5625;
-      var d = 2.75;
-
-      if (t < 1 / d) {
-        return m * t * t;
+      var type = _typeof$z(input);
+      var v;
+      if (type === 'object') {
+        v = fromObject(input);
+      } else if (type === 'string') {
+        v = hexParse(input) || nameParse(input) || functionParse(input);
       }
-
-      if (t < 2 / d) {
-        return m * (t -= 1.5 / d) * t + 0.75;
+      this._rgb = v;
+      this._valid = !!v;
+    }
+    _createClass$x(Color, [{
+      key: "valid",
+      get: function get() {
+        return this._valid;
       }
-
-      if (t < 2.5 / d) {
-        return m * (t -= 2.25 / d) * t + 0.9375;
+    }, {
+      key: "rgb",
+      get: function get() {
+        var v = clone$1(this._rgb);
+        if (v) {
+          v.a = b2n(v.a);
+        }
+        return v;
+      },
+      set: function set(obj) {
+        this._rgb = fromObject(obj);
+      }
+    }, {
+      key: "rgbString",
+      value: function rgbString() {
+        return this._valid ? _rgbString(this._rgb) : undefined;
+      }
+    }, {
+      key: "hexString",
+      value: function hexString() {
+        return this._valid ? _hexString(this._rgb) : undefined;
+      }
+    }, {
+      key: "hslString",
+      value: function hslString() {
+        return this._valid ? _hslString(this._rgb) : undefined;
+      }
+    }, {
+      key: "mix",
+      value: function mix(color, weight) {
+        if (color) {
+          var c1 = this.rgb;
+          var c2 = color.rgb;
+          var w2;
+          var p = weight === w2 ? 0.5 : weight;
+          var w = 2 * p - 1;
+          var a = c1.a - c2.a;
+          var w1 = ((w * a === -1 ? w : (w + a) / (1 + w * a)) + 1) / 2.0;
+          w2 = 1 - w1;
+          c1.r = 0xFF & w1 * c1.r + w2 * c2.r + 0.5;
+          c1.g = 0xFF & w1 * c1.g + w2 * c2.g + 0.5;
+          c1.b = 0xFF & w1 * c1.b + w2 * c2.b + 0.5;
+          c1.a = p * c1.a + (1 - p) * c2.a;
+          this.rgb = c1;
+        }
+        return this;
+      }
+    }, {
+      key: "interpolate",
+      value: function interpolate(color, t) {
+        if (color) {
+          this._rgb = _interpolate(this._rgb, color._rgb, t);
+        }
+        return this;
+      }
+    }, {
+      key: "clone",
+      value: function clone() {
+        return new Color(this.rgb);
+      }
+    }, {
+      key: "alpha",
+      value: function alpha(a) {
+        this._rgb.a = n2b(a);
+        return this;
+      }
+    }, {
+      key: "clearer",
+      value: function clearer(ratio) {
+        var rgb = this._rgb;
+        rgb.a *= 1 - ratio;
+        return this;
+      }
+    }, {
+      key: "greyscale",
+      value: function greyscale() {
+        var rgb = this._rgb;
+        var val = round(rgb.r * 0.3 + rgb.g * 0.59 + rgb.b * 0.11);
+        rgb.r = rgb.g = rgb.b = val;
+        return this;
+      }
+    }, {
+      key: "opaquer",
+      value: function opaquer(ratio) {
+        var rgb = this._rgb;
+        rgb.a *= 1 + ratio;
+        return this;
+      }
+    }, {
+      key: "negate",
+      value: function negate() {
+        var v = this._rgb;
+        v.r = 255 - v.r;
+        v.g = 255 - v.g;
+        v.b = 255 - v.b;
+        return this;
+      }
+    }, {
+      key: "lighten",
+      value: function lighten(ratio) {
+        modHSL(this._rgb, 2, ratio);
+        return this;
+      }
+    }, {
+      key: "darken",
+      value: function darken(ratio) {
+        modHSL(this._rgb, 2, -ratio);
+        return this;
+      }
+    }, {
+      key: "saturate",
+      value: function saturate(ratio) {
+        modHSL(this._rgb, 1, ratio);
+        return this;
+      }
+    }, {
+      key: "desaturate",
+      value: function desaturate(ratio) {
+        modHSL(this._rgb, 1, -ratio);
+        return this;
+      }
+    }, {
+      key: "rotate",
+      value: function rotate(deg) {
+        _rotate(this._rgb, deg);
+        return this;
       }
+    }]);
+    return Color;
+  }();
 
-      return m * (t -= 2.625 / d) * t + 0.984375;
-    },
-    easeInOutBounce: function easeInOutBounce(t) {
-      return t < 0.5 ? effects.easeInBounce(t * 2) * 0.5 : effects.easeOutBounce(t * 2 - 1) * 0.5 + 0.5;
-    }
-  };
-  /*!
-   * @kurkle/color v0.1.9
-   * https://github.com/kurkle/color#readme
-   * (c) 2020 Jukka Kurkela
-   * Released under the MIT License
+  /**
+   * @namespace Chart.helpers
+   */ /**
+      * An empty function that can be used, for example, for optional callback.
+      */
+  function noop() {
+    /* noop */}
+  /**
+   * Returns a unique id, sequentially generated from a global variable.
    */
-
-  var map = {
-    0: 0,
-    1: 1,
-    2: 2,
-    3: 3,
-    4: 4,
-    5: 5,
-    6: 6,
-    7: 7,
-    8: 8,
-    9: 9,
-    A: 10,
-    B: 11,
-    C: 12,
-    D: 13,
-    E: 14,
-    F: 15,
-    a: 10,
-    b: 11,
-    c: 12,
-    d: 13,
-    e: 14,
-    f: 15
-  };
-  var hex = '0123456789ABCDEF';
-
-  var h1 = function h1(b) {
-    return hex[b & 0xF];
-  };
-
-  var h2 = function h2(b) {
-    return hex[(b & 0xF0) >> 4] + hex[b & 0xF];
-  };
-
-  var eq = function eq(b) {
-    return (b & 0xF0) >> 4 === (b & 0xF);
-  };
-
-  function isShort(v) {
-    return eq(v.r) && eq(v.g) && eq(v.b) && eq(v.a);
+  var uid = function () {
+    var id = 0;
+    return function () {
+      return id++;
+    };
+  }();
+  /**
+   * Returns true if `value` is neither null nor undefined, else returns false.
+   * @param value - The value to test.
+   * @since 2.7.0
+   */
+  function isNullOrUndef(value) {
+    return value === null || typeof value === 'undefined';
   }
-
-  function hexParse(str) {
-    var len = str.length;
-    var ret;
-
-    if (str[0] === '#') {
-      if (len === 4 || len === 5) {
-        ret = {
-          r: 255 & map[str[1]] * 17,
-          g: 255 & map[str[2]] * 17,
-          b: 255 & map[str[3]] * 17,
-          a: len === 5 ? map[str[4]] * 17 : 255
-        };
-      } else if (len === 7 || len === 9) {
-        ret = {
-          r: map[str[1]] << 4 | map[str[2]],
-          g: map[str[3]] << 4 | map[str[4]],
-          b: map[str[5]] << 4 | map[str[6]],
-          a: len === 9 ? map[str[7]] << 4 | map[str[8]] : 255
-        };
-      }
+  /**
+   * Returns true if `value` is an array (including typed arrays), else returns false.
+   * @param value - The value to test.
+   * @function
+   */
+  function isArray(value) {
+    if (Array.isArray && Array.isArray(value)) {
+      return true;
     }
-
-    return ret;
-  }
-
-  function _hexString(v) {
-    var f = isShort(v) ? h1 : h2;
-    return v ? '#' + f(v.r) + f(v.g) + f(v.b) + (v.a < 255 ? f(v.a) : '') : v;
-  }
-
-  function round(v) {
-    return v + 0.5 | 0;
+    var type = Object.prototype.toString.call(value);
+    if (type.slice(0, 7) === '[object' && type.slice(-6) === 'Array]') {
+      return true;
+    }
+    return false;
   }
-
-  var lim = function lim(v, l, h) {
-    return Math.max(Math.min(v, h), l);
-  };
-
-  function p2b(v) {
-    return lim(round(v * 2.55), 0, 255);
+  /**
+   * Returns true if `value` is an object (excluding null), else returns false.
+   * @param value - The value to test.
+   * @since 2.7.0
+   */
+  function isObject(value) {
+    return value !== null && Object.prototype.toString.call(value) === '[object Object]';
   }
-
-  function n2b(v) {
-    return lim(round(v * 255), 0, 255);
+  /**
+   * Returns true if `value` is a finite number, else returns false
+   * @param value  - The value to test.
+   */
+  function isNumberFinite(value) {
+    return (typeof value === 'number' || value instanceof Number) && isFinite(+value);
   }
-
-  function b2n(v) {
-    return lim(round(v / 2.55) / 100, 0, 1);
+  /**
+   * Returns `value` if finite, else returns `defaultValue`.
+   * @param value - The value to return if defined.
+   * @param defaultValue - The value to return if `value` is not finite.
+   */
+  function finiteOrDefault(value, defaultValue) {
+    return isNumberFinite(value) ? value : defaultValue;
   }
-
-  function n2p(v) {
-    return lim(round(v * 100), 0, 100);
+  /**
+   * Returns `value` if defined, else returns `defaultValue`.
+   * @param value - The value to return if defined.
+   * @param defaultValue - The value to return if `value` is undefined.
+   */
+  function valueOrDefault(value, defaultValue) {
+    return typeof value === 'undefined' ? defaultValue : value;
   }
-
-  var RGB_RE = /^rgba?\(\s*([-+.\d]+)(%)?[\s,]+([-+.e\d]+)(%)?[\s,]+([-+.e\d]+)(%)?(?:[\s,/]+([-+.e\d]+)(%)?)?\s*\)$/;
-
-  function rgbParse(str) {
-    var m = RGB_RE.exec(str);
-    var a = 255;
-    var r, g, b;
-
-    if (!m) {
-      return;
-    }
-
-    if (m[7] !== r) {
-      var v = +m[7];
-      a = 255 & (m[8] ? p2b(v) : v * 255);
+  var toPercentage = function toPercentage(value, dimension) {
+    return typeof value === 'string' && value.endsWith('%') ? parseFloat(value) / 100 : +value / dimension;
+  };
+  var toDimension = function toDimension(value, dimension) {
+    return typeof value === 'string' && value.endsWith('%') ? parseFloat(value) / 100 * dimension : +value;
+  };
+  /**
+   * Calls `fn` with the given `args` in the scope defined by `thisArg` and returns the
+   * value returned by `fn`. If `fn` is not a function, this method returns undefined.
+   * @param fn - The function to call.
+   * @param args - The arguments with which `fn` should be called.
+   * @param [thisArg] - The value of `this` provided for the call to `fn`.
+   */
+  function callback(fn, args, thisArg) {
+    if (fn && typeof fn.call === 'function') {
+      return fn.apply(thisArg, args);
     }
-
-    r = +m[1];
-    g = +m[3];
-    b = +m[5];
-    r = 255 & (m[2] ? p2b(r) : r);
-    g = 255 & (m[4] ? p2b(g) : g);
-    b = 255 & (m[6] ? p2b(b) : b);
-    return {
-      r: r,
-      g: g,
-      b: b,
-      a: a
-    };
   }
-
-  function _rgbString(v) {
-    return v && (v.a < 255 ? "rgba(".concat(v.r, ", ").concat(v.g, ", ").concat(v.b, ", ").concat(b2n(v.a), ")") : "rgb(".concat(v.r, ", ").concat(v.g, ", ").concat(v.b, ")"));
-  }
-
-  var HUE_RE = /^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;
-
-  function hsl2rgbn(h, s, l) {
-    var a = s * Math.min(l, 1 - l);
-
-    var f = function f(n) {
-      var k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (n + h / 30) % 12;
-      return l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-    };
-
-    return [f(0), f(8), f(4)];
-  }
-
-  function hsv2rgbn(h, s, v) {
-    var f = function f(n) {
-      var k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (n + h / 60) % 6;
-      return v - v * s * Math.max(Math.min(k, 4 - k, 1), 0);
-    };
-
-    return [f(5), f(3), f(1)];
+  function each(loopable, fn, thisArg, reverse) {
+    var i, len, keys;
+    if (isArray(loopable)) {
+      len = loopable.length;
+      if (reverse) {
+        for (i = len - 1; i >= 0; i--) {
+          fn.call(thisArg, loopable[i], i);
+        }
+      } else {
+        for (i = 0; i < len; i++) {
+          fn.call(thisArg, loopable[i], i);
+        }
+      }
+    } else if (isObject(loopable)) {
+      keys = Object.keys(loopable);
+      len = keys.length;
+      for (i = 0; i < len; i++) {
+        fn.call(thisArg, loopable[keys[i]], keys[i]);
+      }
+    }
   }
-
-  function hwb2rgbn(h, w, b) {
-    var rgb = hsl2rgbn(h, 1, 0.5);
-    var i;
-
-    if (w + b > 1) {
-      i = 1 / (w + b);
-      w *= i;
-      b *= i;
+  /**
+   * Returns true if the `a0` and `a1` arrays have the same content, else returns false.
+   * @param a0 - The array to compare
+   * @param a1 - The array to compare
+   * @private
+   */
+  function _elementsEqual(a0, a1) {
+    var i, ilen, v0, v1;
+    if (!a0 || !a1 || a0.length !== a1.length) {
+      return false;
     }
-
-    for (i = 0; i < 3; i++) {
-      rgb[i] *= 1 - w - b;
-      rgb[i] += w;
+    for (i = 0, ilen = a0.length; i < ilen; ++i) {
+      v0 = a0[i];
+      v1 = a1[i];
+      if (v0.datasetIndex !== v1.datasetIndex || v0.index !== v1.index) {
+        return false;
+      }
     }
-
-    return rgb;
+    return true;
   }
-
-  function rgb2hsl(v) {
-    var range = 255;
-    var r = v.r / range;
-    var g = v.g / range;
-    var b = v.b / range;
-    var max = Math.max(r, g, b);
-    var min = Math.min(r, g, b);
-    var l = (max + min) / 2;
-    var h, s, d;
-
-    if (max !== min) {
-      d = max - min;
-      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-      h = max === r ? (g - b) / d + (g < b ? 6 : 0) : max === g ? (b - r) / d + 2 : (r - g) / d + 4;
-      h = h * 60 + 0.5;
+  /**
+   * Returns a deep copy of `source` without keeping references on objects and arrays.
+   * @param source - The value to clone.
+   */
+  function clone(source) {
+    if (isArray(source)) {
+      return source.map(clone);
     }
-
-    return [h | 0, s || 0, l];
-  }
-
-  function calln(f, a, b, c) {
-    return (Array.isArray(a) ? f(a[0], a[1], a[2]) : f(a, b, c)).map(n2b);
-  }
-
-  function hsl2rgb(h, s, l) {
-    return calln(hsl2rgbn, h, s, l);
-  }
-
-  function hwb2rgb(h, w, b) {
-    return calln(hwb2rgbn, h, w, b);
-  }
-
-  function hsv2rgb(h, s, v) {
-    return calln(hsv2rgbn, h, s, v);
+    if (isObject(source)) {
+      var target = Object.create(null);
+      var keys = Object.keys(source);
+      var klen = keys.length;
+      var k = 0;
+      for (; k < klen; ++k) {
+        target[keys[k]] = clone(source[keys[k]]);
+      }
+      return target;
+    }
+    return source;
   }
-
-  function hue(h) {
-    return (h % 360 + 360) % 360;
+  function isValidKey(key) {
+    return ['__proto__', 'prototype', 'constructor'].indexOf(key) === -1;
   }
-
-  function hueParse(str) {
-    var m = HUE_RE.exec(str);
-    var a = 255;
-    var v;
-
-    if (!m) {
+  /**
+   * The default merger when Chart.helpers.merge is called without merger option.
+   * Note(SB): also used by mergeConfig and mergeScaleConfig as fallback.
+   * @private
+   */
+  function _merger(key, target, source, options) {
+    if (!isValidKey(key)) {
       return;
     }
-
-    if (m[5] !== v) {
-      a = m[6] ? p2b(+m[5]) : n2b(+m[5]);
-    }
-
-    var h = hue(+m[2]);
-    var p1 = +m[3] / 100;
-    var p2 = +m[4] / 100;
-
-    if (m[1] === 'hwb') {
-      v = hwb2rgb(h, p1, p2);
-    } else if (m[1] === 'hsv') {
-      v = hsv2rgb(h, p1, p2);
+    var tval = target[key];
+    var sval = source[key];
+    if (isObject(tval) && isObject(sval)) {
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      merge(tval, sval, options);
     } else {
-      v = hsl2rgb(h, p1, p2);
+      target[key] = clone(sval);
     }
-
-    return {
-      r: v[0],
-      g: v[1],
-      b: v[2],
-      a: a
-    };
   }
-
-  function _rotate(v, deg) {
-    var h = rgb2hsl(v);
-    h[0] = hue(h[0] + deg);
-    h = hsl2rgb(h);
-    v.r = h[0];
-    v.g = h[1];
-    v.b = h[2];
+  function merge(target, source, options) {
+    var sources = isArray(source) ? source : [source];
+    var ilen = sources.length;
+    if (!isObject(target)) {
+      return target;
+    }
+    options = options || {};
+    var merger = options.merger || _merger;
+    var current;
+    for (var i = 0; i < ilen; ++i) {
+      current = sources[i];
+      if (!isObject(current)) {
+        continue;
+      }
+      var keys = Object.keys(current);
+      for (var k = 0, klen = keys.length; k < klen; ++k) {
+        merger(keys[k], target, current, options);
+      }
+    }
+    return target;
   }
-
-  function _hslString(v) {
-    if (!v) {
+  function mergeIf(target, source) {
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    return merge(target, source, {
+      merger: _mergerIf
+    });
+  }
+  /**
+   * Merges source[key] in target[key] only if target[key] is undefined.
+   * @private
+   */
+  function _mergerIf(key, target, source) {
+    if (!isValidKey(key)) {
       return;
     }
-
-    var a = rgb2hsl(v);
-    var h = a[0];
-    var s = n2p(a[1]);
-    var l = n2p(a[2]);
-    return v.a < 255 ? "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(b2n(v.a), ")") : "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)");
+    var tval = target[key];
+    var sval = source[key];
+    if (isObject(tval) && isObject(sval)) {
+      mergeIf(tval, sval);
+    } else if (!Object.prototype.hasOwnProperty.call(target, key)) {
+      target[key] = clone(sval);
+    }
   }
-
-  var map$1 = {
-    x: 'dark',
-    Z: 'light',
-    Y: 're',
-    X: 'blu',
-    W: 'gr',
-    V: 'medium',
-    U: 'slate',
-    A: 'ee',
-    T: 'ol',
-    S: 'or',
-    B: 'ra',
-    C: 'lateg',
-    D: 'ights',
-    R: 'in',
-    Q: 'turquois',
-    E: 'hi',
-    P: 'ro',
-    O: 'al',
-    N: 'le',
-    M: 'de',
-    L: 'yello',
-    F: 'en',
-    K: 'ch',
-    G: 'arks',
-    H: 'ea',
-    I: 'ightg',
-    J: 'wh'
-  };
-  var names = {
-    OiceXe: 'f0f8ff',
-    antiquewEte: 'faebd7',
-    aqua: 'ffff',
-    aquamarRe: '7fffd4',
-    azuY: 'f0ffff',
-    beige: 'f5f5dc',
-    bisque: 'ffe4c4',
-    black: '0',
-    blanKedOmond: 'ffebcd',
-    Xe: 'ff',
-    XeviTet: '8a2be2',
-    bPwn: 'a52a2a',
-    burlywood: 'deb887',
-    caMtXe: '5f9ea0',
-    KartYuse: '7fff00',
-    KocTate: 'd2691e',
-    cSO: 'ff7f50',
-    cSnflowerXe: '6495ed',
-    cSnsilk: 'fff8dc',
-    crimson: 'dc143c',
-    cyan: 'ffff',
-    xXe: '8b',
-    xcyan: '8b8b',
-    xgTMnPd: 'b8860b',
-    xWay: 'a9a9a9',
-    xgYF: '6400',
-    xgYy: 'a9a9a9',
-    xkhaki: 'bdb76b',
-    xmagFta: '8b008b',
-    xTivegYF: '556b2f',
-    xSange: 'ff8c00',
-    xScEd: '9932cc',
-    xYd: '8b0000',
-    xsOmon: 'e9967a',
-    xsHgYF: '8fbc8f',
-    xUXe: '483d8b',
-    xUWay: '2f4f4f',
-    xUgYy: '2f4f4f',
-    xQe: 'ced1',
-    xviTet: '9400d3',
-    dAppRk: 'ff1493',
-    dApskyXe: 'bfff',
-    dimWay: '696969',
-    dimgYy: '696969',
-    dodgerXe: '1e90ff',
-    fiYbrick: 'b22222',
-    flSOwEte: 'fffaf0',
-    foYstWAn: '228b22',
-    fuKsia: 'ff00ff',
-    gaRsbSo: 'dcdcdc',
-    ghostwEte: 'f8f8ff',
-    gTd: 'ffd700',
-    gTMnPd: 'daa520',
-    Way: '808080',
-    gYF: '8000',
-    gYFLw: 'adff2f',
-    gYy: '808080',
-    honeyMw: 'f0fff0',
-    hotpRk: 'ff69b4',
-    RdianYd: 'cd5c5c',
-    Rdigo: '4b0082',
-    ivSy: 'fffff0',
-    khaki: 'f0e68c',
-    lavFMr: 'e6e6fa',
-    lavFMrXsh: 'fff0f5',
-    lawngYF: '7cfc00',
-    NmoncEffon: 'fffacd',
-    ZXe: 'add8e6',
-    ZcSO: 'f08080',
-    Zcyan: 'e0ffff',
-    ZgTMnPdLw: 'fafad2',
-    ZWay: 'd3d3d3',
-    ZgYF: '90ee90',
-    ZgYy: 'd3d3d3',
-    ZpRk: 'ffb6c1',
-    ZsOmon: 'ffa07a',
-    ZsHgYF: '20b2aa',
-    ZskyXe: '87cefa',
-    ZUWay: '778899',
-    ZUgYy: '778899',
-    ZstAlXe: 'b0c4de',
-    ZLw: 'ffffe0',
-    lime: 'ff00',
-    limegYF: '32cd32',
-    lRF: 'faf0e6',
-    magFta: 'ff00ff',
-    maPon: '800000',
-    VaquamarRe: '66cdaa',
-    VXe: 'cd',
-    VScEd: 'ba55d3',
-    VpurpN: '9370db',
-    VsHgYF: '3cb371',
-    VUXe: '7b68ee',
-    VsprRggYF: 'fa9a',
-    VQe: '48d1cc',
-    VviTetYd: 'c71585',
-    midnightXe: '191970',
-    mRtcYam: 'f5fffa',
-    mistyPse: 'ffe4e1',
-    moccasR: 'ffe4b5',
-    navajowEte: 'ffdead',
-    navy: '80',
-    Tdlace: 'fdf5e6',
-    Tive: '808000',
-    TivedBb: '6b8e23',
-    Sange: 'ffa500',
-    SangeYd: 'ff4500',
-    ScEd: 'da70d6',
-    pOegTMnPd: 'eee8aa',
-    pOegYF: '98fb98',
-    pOeQe: 'afeeee',
-    pOeviTetYd: 'db7093',
-    papayawEp: 'ffefd5',
-    pHKpuff: 'ffdab9',
-    peru: 'cd853f',
-    pRk: 'ffc0cb',
-    plum: 'dda0dd',
-    powMrXe: 'b0e0e6',
-    purpN: '800080',
-    YbeccapurpN: '663399',
-    Yd: 'ff0000',
-    Psybrown: 'bc8f8f',
-    PyOXe: '4169e1',
-    saddNbPwn: '8b4513',
-    sOmon: 'fa8072',
-    sandybPwn: 'f4a460',
-    sHgYF: '2e8b57',
-    sHshell: 'fff5ee',
-    siFna: 'a0522d',
-    silver: 'c0c0c0',
-    skyXe: '87ceeb',
-    UXe: '6a5acd',
-    UWay: '708090',
-    UgYy: '708090',
-    snow: 'fffafa',
-    sprRggYF: 'ff7f',
-    stAlXe: '4682b4',
-    tan: 'd2b48c',
-    teO: '8080',
-    tEstN: 'd8bfd8',
-    tomato: 'ff6347',
-    Qe: '40e0d0',
-    viTet: 'ee82ee',
-    JHt: 'f5deb3',
-    wEte: 'ffffff',
-    wEtesmoke: 'f5f5f5',
-    Lw: 'ffff00',
-    LwgYF: '9acd32'
+  /**
+   * @private
+   */
+  function _deprecated(scope, value, previous, current) {
+    if (value !== undefined) {
+      console.warn(scope + ': "' + previous + '" is deprecated. Please use "' + current + '" instead');
+    }
+  }
+  // resolveObjectKey resolver cache
+  var keyResolvers = {
+    // Chart.helpers.core resolveObjectKey should resolve empty key to root object
+    '': function _(v) {
+      return v;
+    },
+    // default resolvers
+    x: function x(o) {
+      return o.x;
+    },
+    y: function y(o) {
+      return o.y;
+    }
   };
-
-  function unpack() {
-    var unpacked = {};
-    var keys = Object.keys(names);
-    var tkeys = Object.keys(map$1);
-    var i, j, k, ok, nk;
-
-    for (i = 0; i < keys.length; i++) {
-      ok = nk = keys[i];
-
-      for (j = 0; j < tkeys.length; j++) {
-        k = tkeys[j];
-        nk = nk.replace(k, map$1[k]);
+  /**
+   * @private
+   */
+  function _splitKey(key) {
+    var parts = key.split('.');
+    var keys = [];
+    var tmp = '';
+    var _iterator = _createForOfIteratorHelper$1(parts),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var part = _step.value;
+        tmp += part;
+        if (tmp.endsWith('\\')) {
+          tmp = tmp.slice(0, -1) + '.';
+        } else {
+          keys.push(tmp);
+          tmp = '';
+        }
       }
-
-      k = parseInt(names[ok], 16);
-      unpacked[nk] = [k >> 16 & 0xFF, k >> 8 & 0xFF, k & 0xFF];
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
-
-    return unpacked;
+    return keys;
   }
-
-  var names$1;
-
-  function nameParse(str) {
-    if (!names$1) {
-      names$1 = unpack();
-      names$1.transparent = [0, 0, 0, 0];
-    }
-
-    var a = names$1[str.toLowerCase()];
-    return a && {
-      r: a[0],
-      g: a[1],
-      b: a[2],
-      a: a.length === 4 ? a[3] : 255
+  function _getKeyResolver(key) {
+    var keys = _splitKey(key);
+    return function (obj) {
+      var _iterator2 = _createForOfIteratorHelper$1(keys),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var k = _step2.value;
+          if (k === '') {
+            break;
+          }
+          obj = obj && obj[k];
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      return obj;
     };
   }
-
-  function modHSL(v, i, ratio) {
-    if (v) {
-      var tmp = rgb2hsl(v);
-      tmp[i] = Math.max(0, Math.min(tmp[i] + tmp[i] * ratio, i === 0 ? 360 : 1));
-      tmp = hsl2rgb(tmp);
-      v.r = tmp[0];
-      v.g = tmp[1];
-      v.b = tmp[2];
-    }
+  function resolveObjectKey(obj, key) {
+    var resolver = keyResolvers[key] || (keyResolvers[key] = _getKeyResolver(key));
+    return resolver(obj);
   }
-
-  function clone(v, proto) {
-    return v ? Object.assign(proto || {}, v) : v;
+  /**
+   * @private
+   */
+  function _capitalize(str) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+  }
+  var defined = function defined(value) {
+    return typeof value !== 'undefined';
+  };
+  var isFunction = function isFunction(value) {
+    return typeof value === 'function';
+  };
+  // Adapted from https://stackoverflow.com/questions/31128855/comparing-ecma6-sets-for-equality#31129384
+  var setsEqual = function setsEqual(a, b) {
+    if (a.size !== b.size) {
+      return false;
+    }
+    var _iterator3 = _createForOfIteratorHelper$1(a),
+      _step3;
+    try {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var item = _step3.value;
+        if (!b.has(item)) {
+          return false;
+        }
+      }
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
+    }
+    return true;
+  };
+  /**
+   * @param e - The event
+   * @private
+   */
+  function _isClickEvent(e) {
+    return e.type === 'mouseup' || e.type === 'click' || e.type === 'contextmenu';
   }
 
-  function fromObject(input) {
-    var v = {
-      r: 0,
-      g: 0,
-      b: 0,
-      a: 255
-    };
-
-    if (Array.isArray(input)) {
-      if (input.length >= 3) {
-        v = {
-          r: input[0],
-          g: input[1],
-          b: input[2],
-          a: 255
-        };
-
-        if (input.length > 3) {
-          v.a = n2b(input[3]);
-        }
+  /**
+   * @alias Chart.helpers.math
+   * @namespace
+   */
+  var PI = Math.PI;
+  var TAU = 2 * PI;
+  var PITAU = TAU + PI;
+  var INFINITY = Number.POSITIVE_INFINITY;
+  var RAD_PER_DEG = PI / 180;
+  var HALF_PI = PI / 2;
+  var QUARTER_PI = PI / 4;
+  var TWO_THIRDS_PI = PI * 2 / 3;
+  var log10 = Math.log10;
+  var sign = Math.sign;
+  function almostEquals(x, y, epsilon) {
+    return Math.abs(x - y) < epsilon;
+  }
+  /**
+   * Implementation of the nice number algorithm used in determining where axis labels will go
+   */
+  function niceNum(range) {
+    var roundedRange = Math.round(range);
+    range = almostEquals(range, roundedRange, range / 1000) ? roundedRange : range;
+    var niceRange = Math.pow(10, Math.floor(log10(range)));
+    var fraction = range / niceRange;
+    var niceFraction = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;
+    return niceFraction * niceRange;
+  }
+  /**
+   * Returns an array of factors sorted from 1 to sqrt(value)
+   * @private
+   */
+  function _factorize(value) {
+    var result = [];
+    var sqrt = Math.sqrt(value);
+    var i;
+    for (i = 1; i < sqrt; i++) {
+      if (value % i === 0) {
+        result.push(i);
+        result.push(value / i);
       }
-    } else {
-      v = clone(input, {
-        r: 0,
-        g: 0,
-        b: 0,
-        a: 1
-      });
-      v.a = n2b(v.a);
     }
-
-    return v;
-  }
-
-  function functionParse(str) {
-    if (str.charAt(0) === 'r') {
-      return rgbParse(str);
+    if (sqrt === (sqrt | 0)) {
+      result.push(sqrt);
     }
-
-    return hueParse(str);
+    result.sort(function (a, b) {
+      return a - b;
+    }).pop();
+    return result;
   }
-
-  var Color = /*#__PURE__*/function () {
-    function Color(input) {
-      _classCallCheck(this, Color);
-
-      if (input instanceof Color) {
-        return input;
-      }
-
-      var type = _typeof(input);
-
-      var v;
-
-      if (type === 'object') {
-        v = fromObject(input);
-      } else if (type === 'string') {
-        v = hexParse(input) || nameParse(input) || functionParse(input);
+  function isNumber(n) {
+    return !isNaN(parseFloat(n)) && isFinite(n);
+  }
+  function almostWhole(x, epsilon) {
+    var rounded = Math.round(x);
+    return rounded - epsilon <= x && rounded + epsilon >= x;
+  }
+  /**
+   * @private
+   */
+  function _setMinAndMaxByKey(array, target, property) {
+    var i, ilen, value;
+    for (i = 0, ilen = array.length; i < ilen; i++) {
+      value = array[i][property];
+      if (!isNaN(value)) {
+        target.min = Math.min(target.min, value);
+        target.max = Math.max(target.max, value);
       }
-
-      this._rgb = v;
-      this._valid = !!v;
     }
-
-    _createClass(Color, [{
-      key: "valid",
-      get: function get() {
-        return this._valid;
-      }
-    }, {
-      key: "rgb",
-      get: function get() {
-        var v = clone(this._rgb);
-
-        if (v) {
-          v.a = b2n(v.a);
-        }
-
-        return v;
-      },
-      set: function set(obj) {
-        this._rgb = fromObject(obj);
-      }
-    }, {
-      key: "rgbString",
-      value: function rgbString() {
-        return this._valid ? _rgbString(this._rgb) : this._rgb;
-      }
-    }, {
-      key: "hexString",
-      value: function hexString() {
-        return this._valid ? _hexString(this._rgb) : this._rgb;
-      }
-    }, {
-      key: "hslString",
-      value: function hslString() {
-        return this._valid ? _hslString(this._rgb) : this._rgb;
-      }
-    }, {
-      key: "mix",
-      value: function mix(color, weight) {
-        var me = this;
-
-        if (color) {
-          var c1 = me.rgb;
-          var c2 = color.rgb;
-          var w2;
-          var p = weight === w2 ? 0.5 : weight;
-          var w = 2 * p - 1;
-          var a = c1.a - c2.a;
-          var w1 = ((w * a === -1 ? w : (w + a) / (1 + w * a)) + 1) / 2.0;
-          w2 = 1 - w1;
-          c1.r = 0xFF & w1 * c1.r + w2 * c2.r + 0.5;
-          c1.g = 0xFF & w1 * c1.g + w2 * c2.g + 0.5;
-          c1.b = 0xFF & w1 * c1.b + w2 * c2.b + 0.5;
-          c1.a = p * c1.a + (1 - p) * c2.a;
-          me.rgb = c1;
-        }
-
-        return me;
-      }
-    }, {
-      key: "clone",
-      value: function clone() {
-        return new Color(this.rgb);
-      }
-    }, {
-      key: "alpha",
-      value: function alpha(a) {
-        this._rgb.a = n2b(a);
-        return this;
-      }
-    }, {
-      key: "clearer",
-      value: function clearer(ratio) {
-        var rgb = this._rgb;
-        rgb.a *= 1 - ratio;
-        return this;
-      }
-    }, {
-      key: "greyscale",
-      value: function greyscale() {
-        var rgb = this._rgb;
-        var val = round(rgb.r * 0.3 + rgb.g * 0.59 + rgb.b * 0.11);
-        rgb.r = rgb.g = rgb.b = val;
-        return this;
-      }
-    }, {
-      key: "opaquer",
-      value: function opaquer(ratio) {
-        var rgb = this._rgb;
-        rgb.a *= 1 + ratio;
-        return this;
-      }
-    }, {
-      key: "negate",
-      value: function negate() {
-        var v = this._rgb;
-        v.r = 255 - v.r;
-        v.g = 255 - v.g;
-        v.b = 255 - v.b;
-        return this;
-      }
-    }, {
-      key: "lighten",
-      value: function lighten(ratio) {
-        modHSL(this._rgb, 2, ratio);
-        return this;
-      }
-    }, {
-      key: "darken",
-      value: function darken(ratio) {
-        modHSL(this._rgb, 2, -ratio);
-        return this;
-      }
-    }, {
-      key: "saturate",
-      value: function saturate(ratio) {
-        modHSL(this._rgb, 1, ratio);
-        return this;
-      }
-    }, {
-      key: "desaturate",
-      value: function desaturate(ratio) {
-        modHSL(this._rgb, 1, -ratio);
-        return this;
-      }
-    }, {
-      key: "rotate",
-      value: function rotate(deg) {
-        _rotate(this._rgb, deg);
-
-        return this;
-      }
-    }]);
-
-    return Color;
-  }();
-
-  function index_esm(input) {
-    return new Color(input);
   }
-
-  var isPatternOrGradient = function isPatternOrGradient(value) {
-    return value instanceof CanvasGradient || value instanceof CanvasPattern;
-  };
-
-  function color(value) {
-    return isPatternOrGradient(value) ? value : index_esm(value);
+  function toRadians(degrees) {
+    return degrees * (PI / 180);
   }
-
-  function getHoverColor(value) {
-    return isPatternOrGradient(value) ? value : index_esm(value).saturate(0.5).darken(0.1).hexString();
+  function toDegrees(radians) {
+    return radians * (180 / PI);
   }
-
-  var overrides = Object.create(null);
-  var descriptors = Object.create(null);
-
-  function getScope$1(node, key) {
-    if (!key) {
-      return node;
-    }
-
-    var keys = key.split('.');
-
-    for (var i = 0, n = keys.length; i < n; ++i) {
-      var k = keys[i];
-      node = node[k] || (node[k] = Object.create(null));
+  /**
+   * Returns the number of decimal places
+   * i.e. the number of digits after the decimal point, of the value of this Number.
+   * @param x - A number.
+   * @returns The number of decimal places.
+   * @private
+   */
+  function _decimalPlaces(x) {
+    if (!isNumberFinite(x)) {
+      return;
     }
-
-    return node;
-  }
-
-  function _set(root, scope, values) {
-    if (typeof scope === 'string') {
-      return merge(getScope$1(root, scope), values);
+    var e = 1;
+    var p = 0;
+    while (Math.round(x * e) / e !== x) {
+      e *= 10;
+      p++;
     }
-
-    return merge(getScope$1(root, ''), scope);
+    return p;
   }
-
-  var Defaults = /*#__PURE__*/function () {
-    function Defaults(_descriptors) {
-      _classCallCheck(this, Defaults);
-
-      this.animation = undefined;
-      this.backgroundColor = 'rgba(0,0,0,0.1)';
-      this.borderColor = 'rgba(0,0,0,0.1)';
-      this.color = '#666';
-      this.datasets = {};
-
-      this.devicePixelRatio = function (context) {
-        return context.chart.platform.getDevicePixelRatio();
-      };
-
-      this.elements = {};
-      this.events = ['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove'];
-      this.font = {
-        family: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
-        size: 12,
-        style: 'normal',
-        lineHeight: 1.2,
-        weight: null
-      };
-      this.hover = {};
-
-      this.hoverBackgroundColor = function (ctx, options) {
-        return getHoverColor(options.backgroundColor);
-      };
-
-      this.hoverBorderColor = function (ctx, options) {
-        return getHoverColor(options.borderColor);
-      };
-
-      this.hoverColor = function (ctx, options) {
-        return getHoverColor(options.color);
-      };
-
-      this.indexAxis = 'x';
-      this.interaction = {
-        mode: 'nearest',
-        intersect: true
-      };
-      this.maintainAspectRatio = true;
-      this.onHover = null;
-      this.onClick = null;
-      this.parsing = true;
-      this.plugins = {};
-      this.responsive = true;
-      this.scale = undefined;
-      this.scales = {};
-      this.showLine = true;
-      this.describe(_descriptors);
+  // Gets the angle from vertical upright to the point about a centre.
+  function getAngleFromPoint(centrePoint, anglePoint) {
+    var distanceFromXCenter = anglePoint.x - centrePoint.x;
+    var distanceFromYCenter = anglePoint.y - centrePoint.y;
+    var radialDistanceFromCenter = Math.sqrt(distanceFromXCenter * distanceFromXCenter + distanceFromYCenter * distanceFromYCenter);
+    var angle = Math.atan2(distanceFromYCenter, distanceFromXCenter);
+    if (angle < -0.5 * PI) {
+      angle += TAU; // make sure the returned angle is in the range of (-PI/2, 3PI/2]
     }
 
-    _createClass(Defaults, [{
-      key: "set",
-      value: function set(scope, values) {
-        return _set(this, scope, values);
-      }
-    }, {
-      key: "get",
-      value: function get(scope) {
-        return getScope$1(this, scope);
-      }
-    }, {
-      key: "describe",
-      value: function describe(scope, values) {
-        return _set(descriptors, scope, values);
-      }
-    }, {
-      key: "override",
-      value: function override(scope, values) {
-        return _set(overrides, scope, values);
-      }
-    }, {
-      key: "route",
-      value: function route(scope, name, targetScope, targetName) {
-        var _Object$definePropert;
-
-        var scopeObject = getScope$1(this, scope);
-        var targetScopeObject = getScope$1(this, targetScope);
-        var privateName = '_' + name;
-        Object.defineProperties(scopeObject, (_Object$definePropert = {}, _defineProperty(_Object$definePropert, privateName, {
-          value: scopeObject[name],
-          writable: true
-        }), _defineProperty(_Object$definePropert, name, {
-          enumerable: true,
-          get: function get() {
-            var local = this[privateName];
-            var target = targetScopeObject[targetName];
-
-            if (isObject(local)) {
-              return Object.assign({}, target, local);
-            }
-
-            return valueOrDefault(local, target);
-          },
-          set: function set(value) {
-            this[privateName] = value;
-          }
-        }), _Object$definePropert));
+    return {
+      angle: angle,
+      distance: radialDistanceFromCenter
+    };
+  }
+  function distanceBetweenPoints(pt1, pt2) {
+    return Math.sqrt(Math.pow(pt2.x - pt1.x, 2) + Math.pow(pt2.y - pt1.y, 2));
+  }
+  /**
+   * Shortest distance between angles, in either direction.
+   * @private
+   */
+  function _angleDiff(a, b) {
+    return (a - b + PITAU) % TAU - PI;
+  }
+  /**
+   * Normalize angle to be between 0 and 2*PI
+   * @private
+   */
+  function _normalizeAngle(a) {
+    return (a % TAU + TAU) % TAU;
+  }
+  /**
+   * @private
+   */
+  function _angleBetween(angle, start, end, sameAngleIsFullCircle) {
+    var a = _normalizeAngle(angle);
+    var s = _normalizeAngle(start);
+    var e = _normalizeAngle(end);
+    var angleToStart = _normalizeAngle(s - a);
+    var angleToEnd = _normalizeAngle(e - a);
+    var startToAngle = _normalizeAngle(a - s);
+    var endToAngle = _normalizeAngle(a - e);
+    return a === s || a === e || sameAngleIsFullCircle && s === e || angleToStart > angleToEnd && startToAngle < endToAngle;
+  }
+  /**
+   * Limit `value` between `min` and `max`
+   * @param value
+   * @param min
+   * @param max
+   * @private
+   */
+  function _limitValue(value, min, max) {
+    return Math.max(min, Math.min(max, value));
+  }
+  /**
+   * @param {number} value
+   * @private
+   */
+  function _int16Range(value) {
+    return _limitValue(value, -32768, 32767);
+  }
+  /**
+   * @param value
+   * @param start
+   * @param end
+   * @param [epsilon]
+   * @private
+   */
+  function _isBetween(value, start, end) {
+    var epsilon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1e-6;
+    return value >= Math.min(start, end) - epsilon && value <= Math.max(start, end) + epsilon;
+  }
+  function _lookup(table, value, cmp) {
+    cmp = cmp || function (index) {
+      return table[index] < value;
+    };
+    var hi = table.length - 1;
+    var lo = 0;
+    var mid;
+    while (hi - lo > 1) {
+      mid = lo + hi >> 1;
+      if (cmp(mid)) {
+        lo = mid;
+      } else {
+        hi = mid;
       }
-    }]);
-
-    return Defaults;
-  }();
-
-  var defaults = new Defaults({
-    _scriptable: function _scriptable(name) {
-      return !name.startsWith('on');
-    },
-    _indexable: function _indexable(name) {
-      return name !== 'events';
-    },
-    hover: {
-      _fallback: 'interaction'
-    },
-    interaction: {
-      _scriptable: false,
-      _indexable: false
-    }
-  });
-
-  function toFontString(font) {
-    if (!font || isNullOrUndef(font.size) || isNullOrUndef(font.family)) {
-      return null;
     }
-
-    return (font.style ? font.style + ' ' : '') + (font.weight ? font.weight + ' ' : '') + font.size + 'px ' + font.family;
+    return {
+      lo: lo,
+      hi: hi
+    };
   }
-
-  function _measureText(ctx, data, gc, longest, string) {
-    var textWidth = data[string];
-
-    if (!textWidth) {
-      textWidth = data[string] = ctx.measureText(string).width;
-      gc.push(string);
+  /**
+   * Binary search
+   * @param table - the table search. must be sorted!
+   * @param key - property name for the value in each entry
+   * @param value - value to find
+   * @param last - lookup last index
+   * @private
+   */
+  var _lookupByKey = function _lookupByKey(table, key, value, last) {
+    return _lookup(table, value, last ? function (index) {
+      var ti = table[index][key];
+      return ti < value || ti === value && table[index + 1][key] === value;
+    } : function (index) {
+      return table[index][key] < value;
+    });
+  };
+  /**
+   * Reverse binary search
+   * @param table - the table search. must be sorted!
+   * @param key - property name for the value in each entry
+   * @param value - value to find
+   * @private
+   */
+  var _rlookupByKey = function _rlookupByKey(table, key, value) {
+    return _lookup(table, value, function (index) {
+      return table[index][key] >= value;
+    });
+  };
+  /**
+   * Return subset of `values` between `min` and `max` inclusive.
+   * Values are assumed to be in sorted order.
+   * @param values - sorted array of values
+   * @param min - min value
+   * @param max - max value
+   */
+  function _filterBetween(values, min, max) {
+    var start = 0;
+    var end = values.length;
+    while (start < end && values[start] < min) {
+      start++;
     }
-
-    if (textWidth > longest) {
-      longest = textWidth;
+    while (end > start && values[end - 1] > max) {
+      end--;
     }
-
-    return longest;
+    return start > 0 || end < values.length ? values.slice(start, end) : values;
   }
-
-  function _longestText(ctx, font, arrayOfThings, cache) {
-    cache = cache || {};
-    var data = cache.data = cache.data || {};
-    var gc = cache.garbageCollect = cache.garbageCollect || [];
-
-    if (cache.font !== font) {
-      data = cache.data = {};
-      gc = cache.garbageCollect = [];
-      cache.font = font;
+  var arrayEvents = ['push', 'pop', 'shift', 'splice', 'unshift'];
+  function listenArrayEvents(array, listener) {
+    if (array._chartjs) {
+      array._chartjs.listeners.push(listener);
+      return;
     }
-
-    ctx.save();
-    ctx.font = font;
-    var longest = 0;
-    var ilen = arrayOfThings.length;
-    var i, j, jlen, thing, nestedThing;
-
-    for (i = 0; i < ilen; i++) {
-      thing = arrayOfThings[i];
-
-      if (thing !== undefined && thing !== null && isArray(thing) !== true) {
-        longest = _measureText(ctx, data, gc, longest, thing);
-      } else if (isArray(thing)) {
-        for (j = 0, jlen = thing.length; j < jlen; j++) {
-          nestedThing = thing[j];
-
-          if (nestedThing !== undefined && nestedThing !== null && !isArray(nestedThing)) {
-            longest = _measureText(ctx, data, gc, longest, nestedThing);
+    Object.defineProperty(array, '_chartjs', {
+      configurable: true,
+      enumerable: false,
+      value: {
+        listeners: [listener]
+      }
+    });
+    arrayEvents.forEach(function (key) {
+      var method = '_onData' + _capitalize(key);
+      var base = array[key];
+      Object.defineProperty(array, key, {
+        configurable: true,
+        enumerable: false,
+        value: function value() {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
           }
+          var res = base.apply(this, args);
+          array._chartjs.listeners.forEach(function (object) {
+            if (typeof object[method] === 'function') {
+              object[method].apply(object, args);
+            }
+          });
+          return res;
         }
-      }
-    }
-
-    ctx.restore();
-    var gcLen = gc.length / 2;
-
-    if (gcLen > arrayOfThings.length) {
-      for (i = 0; i < gcLen; i++) {
-        delete data[gc[i]];
-      }
-
-      gc.splice(0, gcLen);
-    }
-
-    return longest;
-  }
-
-  function _alignPixel(chart, pixel, width) {
-    var devicePixelRatio = chart.currentDevicePixelRatio;
-    var halfWidth = width !== 0 ? Math.max(width / 2, 0.5) : 0;
-    return Math.round((pixel - halfWidth) * devicePixelRatio) / devicePixelRatio + halfWidth;
-  }
-
-  function clearCanvas(canvas, ctx) {
-    ctx = ctx || canvas.getContext('2d');
-    ctx.save();
-    ctx.resetTransform();
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
-    ctx.restore();
+      });
+    });
   }
-
-  function drawPoint(ctx, options, x, y) {
-    var type, xOffset, yOffset, size, cornerRadius;
-    var style = options.pointStyle;
-    var rotation = options.rotation;
-    var radius = options.radius;
-    var rad = (rotation || 0) * RAD_PER_DEG;
-
-    if (style && _typeof(style) === 'object') {
-      type = style.toString();
-
-      if (type === '[object HTMLImageElement]' || type === '[object HTMLCanvasElement]') {
-        ctx.save();
-        ctx.translate(x, y);
-        ctx.rotate(rad);
-        ctx.drawImage(style, -style.width / 2, -style.height / 2, style.width, style.height);
-        ctx.restore();
-        return;
-      }
-    }
-
-    if (isNaN(radius) || radius <= 0) {
+  function unlistenArrayEvents(array, listener) {
+    var stub = array._chartjs;
+    if (!stub) {
       return;
     }
-
-    ctx.beginPath();
-
-    switch (style) {
-      default:
-        ctx.arc(x, y, radius, 0, TAU);
-        ctx.closePath();
-        break;
-
-      case 'triangle':
-        ctx.moveTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);
-        rad += TWO_THIRDS_PI;
-        ctx.lineTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);
-        rad += TWO_THIRDS_PI;
-        ctx.lineTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);
-        ctx.closePath();
-        break;
-
-      case 'rectRounded':
-        cornerRadius = radius * 0.516;
-        size = radius - cornerRadius;
-        xOffset = Math.cos(rad + QUARTER_PI) * size;
-        yOffset = Math.sin(rad + QUARTER_PI) * size;
-        ctx.arc(x - xOffset, y - yOffset, cornerRadius, rad - PI, rad - HALF_PI);
-        ctx.arc(x + yOffset, y - xOffset, cornerRadius, rad - HALF_PI, rad);
-        ctx.arc(x + xOffset, y + yOffset, cornerRadius, rad, rad + HALF_PI);
-        ctx.arc(x - yOffset, y + xOffset, cornerRadius, rad + HALF_PI, rad + PI);
-        ctx.closePath();
-        break;
-
-      case 'rect':
-        if (!rotation) {
-          size = Math.SQRT1_2 * radius;
-          ctx.rect(x - size, y - size, 2 * size, 2 * size);
-          break;
-        }
-
-        rad += QUARTER_PI;
-
-      case 'rectRot':
-        xOffset = Math.cos(rad) * radius;
-        yOffset = Math.sin(rad) * radius;
-        ctx.moveTo(x - xOffset, y - yOffset);
-        ctx.lineTo(x + yOffset, y - xOffset);
-        ctx.lineTo(x + xOffset, y + yOffset);
-        ctx.lineTo(x - yOffset, y + xOffset);
-        ctx.closePath();
-        break;
-
-      case 'crossRot':
-        rad += QUARTER_PI;
-
-      case 'cross':
-        xOffset = Math.cos(rad) * radius;
-        yOffset = Math.sin(rad) * radius;
-        ctx.moveTo(x - xOffset, y - yOffset);
-        ctx.lineTo(x + xOffset, y + yOffset);
-        ctx.moveTo(x + yOffset, y - xOffset);
-        ctx.lineTo(x - yOffset, y + xOffset);
-        break;
-
-      case 'star':
-        xOffset = Math.cos(rad) * radius;
-        yOffset = Math.sin(rad) * radius;
-        ctx.moveTo(x - xOffset, y - yOffset);
-        ctx.lineTo(x + xOffset, y + yOffset);
-        ctx.moveTo(x + yOffset, y - xOffset);
-        ctx.lineTo(x - yOffset, y + xOffset);
-        rad += QUARTER_PI;
-        xOffset = Math.cos(rad) * radius;
-        yOffset = Math.sin(rad) * radius;
-        ctx.moveTo(x - xOffset, y - yOffset);
-        ctx.lineTo(x + xOffset, y + yOffset);
-        ctx.moveTo(x + yOffset, y - xOffset);
-        ctx.lineTo(x - yOffset, y + xOffset);
-        break;
-
-      case 'line':
-        xOffset = Math.cos(rad) * radius;
-        yOffset = Math.sin(rad) * radius;
-        ctx.moveTo(x - xOffset, y - yOffset);
-        ctx.lineTo(x + xOffset, y + yOffset);
-        break;
-
-      case 'dash':
-        ctx.moveTo(x, y);
-        ctx.lineTo(x + Math.cos(rad) * radius, y + Math.sin(rad) * radius);
-        break;
+    var listeners = stub.listeners;
+    var index = listeners.indexOf(listener);
+    if (index !== -1) {
+      listeners.splice(index, 1);
     }
-
-    ctx.fill();
-
-    if (options.borderWidth > 0) {
-      ctx.stroke();
+    if (listeners.length > 0) {
+      return;
     }
+    arrayEvents.forEach(function (key) {
+      delete array[key];
+    });
+    delete array._chartjs;
   }
-
-  function _isPointInArea(point, area, margin) {
-    margin = margin || 0.5;
-    return point && point.x > area.left - margin && point.x < area.right + margin && point.y > area.top - margin && point.y < area.bottom + margin;
-  }
-
-  function clipArea(ctx, area) {
-    ctx.save();
-    ctx.beginPath();
-    ctx.rect(area.left, area.top, area.right - area.left, area.bottom - area.top);
-    ctx.clip();
-  }
-
-  function unclipArea(ctx) {
-    ctx.restore();
-  }
-
-  function _steppedLineTo(ctx, previous, target, flip, mode) {
-    if (!previous) {
-      return ctx.lineTo(target.x, target.y);
+  /**
+   * @param items
+   */
+  function _arrayUnique(items) {
+    var set = new Set();
+    var i, ilen;
+    for (i = 0, ilen = items.length; i < ilen; ++i) {
+      set.add(items[i]);
     }
-
-    if (mode === 'middle') {
-      var midpoint = (previous.x + target.x) / 2.0;
-      ctx.lineTo(midpoint, previous.y);
-      ctx.lineTo(midpoint, target.y);
-    } else if (mode === 'after' !== !!flip) {
-      ctx.lineTo(previous.x, target.y);
-    } else {
-      ctx.lineTo(target.x, previous.y);
+    if (set.size === ilen) {
+      return items;
     }
-
-    ctx.lineTo(target.x, target.y);
+    return Array.from(set);
   }
-
-  function _bezierCurveTo(ctx, previous, target, flip) {
-    if (!previous) {
-      return ctx.lineTo(target.x, target.y);
-    }
-
-    ctx.bezierCurveTo(flip ? previous.cp1x : previous.cp2x, flip ? previous.cp1y : previous.cp2y, flip ? target.cp2x : target.cp1x, flip ? target.cp2y : target.cp1y, target.x, target.y);
+  function fontString(pixelSize, fontStyle, fontFamily) {
+    return fontStyle + ' ' + pixelSize + 'px ' + fontFamily;
   }
-
-  function renderText(ctx, text, x, y, font) {
-    var opts = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-    var lines = isArray(text) ? text : [text];
-    var stroke = opts.strokeWidth > 0 && opts.strokeColor !== '';
-    var i, line;
-    ctx.save();
-
-    if (opts.translation) {
-      ctx.translate(opts.translation[0], opts.translation[1]);
-    }
-
-    if (!isNullOrUndef(opts.rotation)) {
-      ctx.rotate(opts.rotation);
-    }
-
-    ctx.font = font.string;
-
-    if (opts.color) {
-      ctx.fillStyle = opts.color;
-    }
-
-    if (opts.textAlign) {
-      ctx.textAlign = opts.textAlign;
+  /**
+  * Request animation polyfill
+  */
+  var requestAnimFrame = function () {
+    if (typeof window === 'undefined') {
+      return function (callback) {
+        return callback();
+      };
     }
-
-    if (opts.textBaseline) {
-      ctx.textBaseline = opts.textBaseline;
-    }
-
-    for (i = 0; i < lines.length; ++i) {
-      line = lines[i];
-
-      if (stroke) {
-        if (opts.strokeColor) {
-          ctx.strokeStyle = opts.strokeColor;
-        }
-
-        if (!isNullOrUndef(opts.strokeWidth)) {
-          ctx.lineWidth = opts.strokeWidth;
-        }
-
-        ctx.strokeText(line, x, y, opts.maxWidth);
-      }
-
-      ctx.fillText(line, x, y, opts.maxWidth);
-
-      if (opts.strikethrough || opts.underline) {
-        var metrics = ctx.measureText(line);
-        var left = x - metrics.actualBoundingBoxLeft;
-        var right = x + metrics.actualBoundingBoxRight;
-        var top = y - metrics.actualBoundingBoxAscent;
-        var bottom = y + metrics.actualBoundingBoxDescent;
-        var yDecoration = opts.strikethrough ? (top + bottom) / 2 : bottom;
-        ctx.strokeStyle = ctx.fillStyle;
-        ctx.beginPath();
-        ctx.lineWidth = opts.decorationWidth || 2;
-        ctx.moveTo(left, yDecoration);
-        ctx.lineTo(right, yDecoration);
-        ctx.stroke();
+    return window.requestAnimationFrame;
+  }();
+  /**
+   * Throttles calling `fn` once per animation frame
+   * Latest arguments are used on the actual call
+   */
+  function throttled(fn, thisArg) {
+    var argsToUse = [];
+    var ticking = false;
+    return function () {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
       }
-
-      y += font.lineHeight;
-    }
-
-    ctx.restore();
-  }
-
-  var LINE_HEIGHT = new RegExp(/^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/);
-
-  function toLineHeight(value, size) {
-    var matches = ('' + value).match(LINE_HEIGHT);
-
-    if (!matches || matches[1] === 'normal') {
-      return size * 1.2;
-    }
-
-    value = +matches[2];
-
-    switch (matches[3]) {
-      case 'px':
-        return value;
-
-      case '%':
-        value /= 100;
-        break;
-    }
-
-    return size * value;
-  }
-
-  var numberOrZero$1 = function numberOrZero(v) {
-    return +v || 0;
-  };
-
-  function readValueToProps(value, props) {
-    var ret = {};
-    var objProps = isObject(props);
-    var keys = objProps ? Object.keys(props) : props;
-    var read = isObject(value) ? objProps ? function (prop) {
-      return valueOrDefault(value[prop], value[props[prop]]);
-    } : function (prop) {
-      return value[prop];
-    } : function () {
-      return value;
-    };
-
-    var _iterator = _createForOfIteratorHelper(keys),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var prop = _step.value;
-        ret[prop] = numberOrZero$1(read(prop));
+      // Save the args for use later
+      argsToUse = args;
+      if (!ticking) {
+        ticking = true;
+        requestAnimFrame.call(window, function () {
+          ticking = false;
+          fn.apply(thisArg, argsToUse);
+        });
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    return ret;
-  }
-
-  function toTRBL(value) {
-    return readValueToProps(value, {
-      top: 'y',
-      right: 'x',
-      bottom: 'y',
-      left: 'x'
-    });
-  }
-
-  function toTRBLCorners(value) {
-    return readValueToProps(value, ['topLeft', 'topRight', 'bottomLeft', 'bottomRight']);
-  }
-
-  function toPadding(value) {
-    var obj = toTRBL(value);
-    obj.width = obj.left + obj.right;
-    obj.height = obj.top + obj.bottom;
-    return obj;
-  }
-
-  function toFont(options, fallback) {
-    options = options || {};
-    fallback = fallback || defaults.font;
-    var size = valueOrDefault(options.size, fallback.size);
-
-    if (typeof size === 'string') {
-      size = parseInt(size, 10);
-    }
-
-    var font = {
-      family: valueOrDefault(options.family, fallback.family),
-      lineHeight: toLineHeight(valueOrDefault(options.lineHeight, fallback.lineHeight), size),
-      size: size,
-      style: valueOrDefault(options.style, fallback.style),
-      weight: valueOrDefault(options.weight, fallback.weight),
-      string: ''
     };
-    font.string = toFontString(font);
-    return font;
   }
-
-  function resolve(inputs, context, index, info) {
-    var cacheable = true;
-    var i, ilen, value;
-
-    for (i = 0, ilen = inputs.length; i < ilen; ++i) {
-      value = inputs[i];
-
-      if (value === undefined) {
-        continue;
+  /**
+   * Debounces calling `fn` for `delay` ms
+   */
+  function debounce(fn, delay) {
+    var timeout;
+    return function () {
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
       }
-
-      if (context !== undefined && typeof value === 'function') {
-        value = value(context);
-        cacheable = false;
+      if (delay) {
+        clearTimeout(timeout);
+        timeout = setTimeout(fn, delay, args);
+      } else {
+        fn.apply(this, args);
       }
-
-      if (index !== undefined && isArray(value)) {
-        value = value[index % value.length];
-        cacheable = false;
+      return delay;
+    };
+  }
+  /**
+   * Converts 'start' to 'left', 'end' to 'right' and others to 'center'
+   * @private
+   */
+  var _toLeftRightCenter = function _toLeftRightCenter(align) {
+    return align === 'start' ? 'left' : align === 'end' ? 'right' : 'center';
+  };
+  /**
+   * Returns `start`, `end` or `(start + end) / 2` depending on `align`. Defaults to `center`
+   * @private
+   */
+  var _alignStartEnd = function _alignStartEnd(align, start, end) {
+    return align === 'start' ? start : align === 'end' ? end : (start + end) / 2;
+  };
+  /**
+   * Returns `left`, `right` or `(left + right) / 2` depending on `align`. Defaults to `left`
+   * @private
+   */
+  var _textX = function _textX(align, left, right, rtl) {
+    var check = rtl ? 'left' : 'right';
+    return align === check ? right : align === 'center' ? (left + right) / 2 : left;
+  };
+  /**
+   * Return start and count of visible points.
+   * @private
+   */
+  function _getStartAndCountOfVisiblePoints(meta, points, animationsDisabled) {
+    var pointCount = points.length;
+    var start = 0;
+    var count = pointCount;
+    if (meta._sorted) {
+      var iScale = meta.iScale,
+        _parsed = meta._parsed;
+      var axis = iScale.axis;
+      var _iScale$getUserBounds = iScale.getUserBounds(),
+        min = _iScale$getUserBounds.min,
+        max = _iScale$getUserBounds.max,
+        minDefined = _iScale$getUserBounds.minDefined,
+        maxDefined = _iScale$getUserBounds.maxDefined;
+      if (minDefined) {
+        start = _limitValue(Math.min(
+        // @ts-expect-error Need to type _parsed
+        _lookupByKey(_parsed, iScale.axis, min).lo,
+        // @ts-expect-error Need to fix types on _lookupByKey
+        animationsDisabled ? pointCount : _lookupByKey(points, axis, iScale.getPixelForValue(min)).lo), 0, pointCount - 1);
       }
-
-      if (value !== undefined) {
-        if (info && !cacheable) {
-          info.cacheable = false;
-        }
-
-        return value;
+      if (maxDefined) {
+        count = _limitValue(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;
+      } else {
+        count = pointCount - start;
       }
     }
-  }
-
-  function _addGrace(minmax, grace) {
-    var min = minmax.min,
-        max = minmax.max;
     return {
-      min: min - Math.abs(toDimension(grace, min)),
-      max: max + toDimension(grace, max)
+      start: start,
+      count: count
     };
   }
-
-  function _lookup(table, value, cmp) {
-    cmp = cmp || function (index) {
-      return table[index] < value;
+  /**
+   * Checks if the scale ranges have changed.
+   * @param {object} meta - dataset meta.
+   * @returns {boolean}
+   * @private
+   */
+  function _scaleRangesChanged(meta) {
+    var xScale = meta.xScale,
+      yScale = meta.yScale,
+      _scaleRanges = meta._scaleRanges;
+    var newRanges = {
+      xmin: xScale.min,
+      xmax: xScale.max,
+      ymin: yScale.min,
+      ymax: yScale.max
     };
-
-    var hi = table.length - 1;
-    var lo = 0;
-    var mid;
-
-    while (hi - lo > 1) {
-      mid = lo + hi >> 1;
-
-      if (cmp(mid)) {
-        lo = mid;
-      } else {
-        hi = mid;
-      }
+    if (!_scaleRanges) {
+      meta._scaleRanges = newRanges;
+      return true;
     }
-
-    return {
-      lo: lo,
-      hi: hi
-    };
+    var changed = _scaleRanges.xmin !== xScale.min || _scaleRanges.xmax !== xScale.max || _scaleRanges.ymin !== yScale.min || _scaleRanges.ymax !== yScale.max;
+    Object.assign(_scaleRanges, newRanges);
+    return changed;
   }
-
-  var _lookupByKey = function _lookupByKey(table, key, value) {
-    return _lookup(table, value, function (index) {
-      return table[index][key] < value;
-    });
+  var atEdge = function atEdge(t) {
+    return t === 0 || t === 1;
   };
-
-  var _rlookupByKey = function _rlookupByKey(table, key, value) {
-    return _lookup(table, value, function (index) {
-      return table[index][key] >= value;
-    });
+  var elasticIn = function elasticIn(t, s, p) {
+    return -(Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * TAU / p));
   };
-
-  function _filterBetween(values, min, max) {
-    var start = 0;
-    var end = values.length;
-
-    while (start < end && values[start] < min) {
-      start++;
-    }
-
-    while (end > start && values[end - 1] > max) {
-      end--;
-    }
-
-    return start > 0 || end < values.length ? values.slice(start, end) : values;
-  }
-
-  var arrayEvents = ['push', 'pop', 'shift', 'splice', 'unshift'];
-
-  function listenArrayEvents(array, listener) {
-    if (array._chartjs) {
-      array._chartjs.listeners.push(listener);
-
-      return;
-    }
-
-    Object.defineProperty(array, '_chartjs', {
-      configurable: true,
-      enumerable: false,
-      value: {
-        listeners: [listener]
+  var elasticOut = function elasticOut(t, s, p) {
+    return Math.pow(2, -10 * t) * Math.sin((t - s) * TAU / p) + 1;
+  };
+  /**
+   * Easing functions adapted from Robert Penner's easing equations.
+   * @namespace Chart.helpers.easing.effects
+   * @see http://www.robertpenner.com/easing/
+   */
+  var effects = {
+    linear: function linear(t) {
+      return t;
+    },
+    easeInQuad: function easeInQuad(t) {
+      return t * t;
+    },
+    easeOutQuad: function easeOutQuad(t) {
+      return -t * (t - 2);
+    },
+    easeInOutQuad: function easeInOutQuad(t) {
+      return (t /= 0.5) < 1 ? 0.5 * t * t : -0.5 * (--t * (t - 2) - 1);
+    },
+    easeInCubic: function easeInCubic(t) {
+      return t * t * t;
+    },
+    easeOutCubic: function easeOutCubic(t) {
+      return (t -= 1) * t * t + 1;
+    },
+    easeInOutCubic: function easeInOutCubic(t) {
+      return (t /= 0.5) < 1 ? 0.5 * t * t * t : 0.5 * ((t -= 2) * t * t + 2);
+    },
+    easeInQuart: function easeInQuart(t) {
+      return t * t * t * t;
+    },
+    easeOutQuart: function easeOutQuart(t) {
+      return -((t -= 1) * t * t * t - 1);
+    },
+    easeInOutQuart: function easeInOutQuart(t) {
+      return (t /= 0.5) < 1 ? 0.5 * t * t * t * t : -0.5 * ((t -= 2) * t * t * t - 2);
+    },
+    easeInQuint: function easeInQuint(t) {
+      return t * t * t * t * t;
+    },
+    easeOutQuint: function easeOutQuint(t) {
+      return (t -= 1) * t * t * t * t + 1;
+    },
+    easeInOutQuint: function easeInOutQuint(t) {
+      return (t /= 0.5) < 1 ? 0.5 * t * t * t * t * t : 0.5 * ((t -= 2) * t * t * t * t + 2);
+    },
+    easeInSine: function easeInSine(t) {
+      return -Math.cos(t * HALF_PI) + 1;
+    },
+    easeOutSine: function easeOutSine(t) {
+      return Math.sin(t * HALF_PI);
+    },
+    easeInOutSine: function easeInOutSine(t) {
+      return -0.5 * (Math.cos(PI * t) - 1);
+    },
+    easeInExpo: function easeInExpo(t) {
+      return t === 0 ? 0 : Math.pow(2, 10 * (t - 1));
+    },
+    easeOutExpo: function easeOutExpo(t) {
+      return t === 1 ? 1 : -Math.pow(2, -10 * t) + 1;
+    },
+    easeInOutExpo: function easeInOutExpo(t) {
+      return atEdge(t) ? t : t < 0.5 ? 0.5 * Math.pow(2, 10 * (t * 2 - 1)) : 0.5 * (-Math.pow(2, -10 * (t * 2 - 1)) + 2);
+    },
+    easeInCirc: function easeInCirc(t) {
+      return t >= 1 ? t : -(Math.sqrt(1 - t * t) - 1);
+    },
+    easeOutCirc: function easeOutCirc(t) {
+      return Math.sqrt(1 - (t -= 1) * t);
+    },
+    easeInOutCirc: function easeInOutCirc(t) {
+      return (t /= 0.5) < 1 ? -0.5 * (Math.sqrt(1 - t * t) - 1) : 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1);
+    },
+    easeInElastic: function easeInElastic(t) {
+      return atEdge(t) ? t : elasticIn(t, 0.075, 0.3);
+    },
+    easeOutElastic: function easeOutElastic(t) {
+      return atEdge(t) ? t : elasticOut(t, 0.075, 0.3);
+    },
+    easeInOutElastic: function easeInOutElastic(t) {
+      var s = 0.1125;
+      var p = 0.45;
+      return atEdge(t) ? t : t < 0.5 ? 0.5 * elasticIn(t * 2, s, p) : 0.5 + 0.5 * elasticOut(t * 2 - 1, s, p);
+    },
+    easeInBack: function easeInBack(t) {
+      var s = 1.70158;
+      return t * t * ((s + 1) * t - s);
+    },
+    easeOutBack: function easeOutBack(t) {
+      var s = 1.70158;
+      return (t -= 1) * t * ((s + 1) * t + s) + 1;
+    },
+    easeInOutBack: function easeInOutBack(t) {
+      var s = 1.70158;
+      if ((t /= 0.5) < 1) {
+        return 0.5 * (t * t * (((s *= 1.525) + 1) * t - s));
       }
-    });
-    arrayEvents.forEach(function (key) {
-      var method = '_onData' + _capitalize(key);
-
-      var base = array[key];
-      Object.defineProperty(array, key, {
-        configurable: true,
-        enumerable: false,
-        value: function value() {
-          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-            args[_key2] = arguments[_key2];
-          }
-
-          var res = base.apply(this, args);
-
-          array._chartjs.listeners.forEach(function (object) {
-            if (typeof object[method] === 'function') {
-              object[method].apply(object, args);
-            }
-          });
-
-          return res;
-        }
-      });
-    });
-  }
-
-  function unlistenArrayEvents(array, listener) {
-    var stub = array._chartjs;
-
-    if (!stub) {
-      return;
-    }
-
-    var listeners = stub.listeners;
-    var index = listeners.indexOf(listener);
-
-    if (index !== -1) {
-      listeners.splice(index, 1);
+      return 0.5 * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2);
+    },
+    easeInBounce: function easeInBounce(t) {
+      return 1 - effects.easeOutBounce(1 - t);
+    },
+    easeOutBounce: function easeOutBounce(t) {
+      var m = 7.5625;
+      var d = 2.75;
+      if (t < 1 / d) {
+        return m * t * t;
+      }
+      if (t < 2 / d) {
+        return m * (t -= 1.5 / d) * t + 0.75;
+      }
+      if (t < 2.5 / d) {
+        return m * (t -= 2.25 / d) * t + 0.9375;
+      }
+      return m * (t -= 2.625 / d) * t + 0.984375;
+    },
+    easeInOutBounce: function easeInOutBounce(t) {
+      return t < 0.5 ? effects.easeInBounce(t * 2) * 0.5 : effects.easeOutBounce(t * 2 - 1) * 0.5 + 0.5;
     }
-
-    if (listeners.length > 0) {
-      return;
+  };
+  function isPatternOrGradient(value) {
+    if (value && _typeof$z(value) === 'object') {
+      var type = value.toString();
+      return type === '[object CanvasPattern]' || type === '[object CanvasGradient]';
     }
-
-    arrayEvents.forEach(function (key) {
-      delete array[key];
-    });
-    delete array._chartjs;
+    return false;
   }
-
-  function _arrayUnique(items) {
-    var set = new Set();
-    var i, ilen;
-
-    for (i = 0, ilen = items.length; i < ilen; ++i) {
-      set.add(items[i]);
-    }
-
-    if (set.size === ilen) {
-      return items;
-    }
-
-    var result = [];
-    set.forEach(function (item) {
-      result.push(item);
-    });
-    return result;
+  function color(value) {
+    return isPatternOrGradient(value) ? value : new Color(value);
   }
-
-  function _createResolver(scopes) {
-    var _cache;
-
-    var prefixes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [''];
-    var rootScopes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : scopes;
-    var fallback = arguments.length > 3 ? arguments[3] : undefined;
-
-    if (!defined(fallback)) {
-      fallback = _resolve('_fallback', scopes);
-    }
-
-    var cache = (_cache = {}, _defineProperty(_cache, Symbol.toStringTag, 'Object'), _defineProperty(_cache, "_cacheable", true), _defineProperty(_cache, "_scopes", scopes), _defineProperty(_cache, "_rootScopes", rootScopes), _defineProperty(_cache, "_fallback", fallback), _defineProperty(_cache, "override", function override(scope) {
-      return _createResolver([scope].concat(_toConsumableArray(scopes)), prefixes, rootScopes, fallback);
-    }), _cache);
-    return new Proxy(cache, {
-      deleteProperty: function deleteProperty(target, prop) {
-        delete target[prop];
-        delete target._keys;
-        delete scopes[0][prop];
-        return true;
-      },
-      get: function get(target, prop) {
-        return _cached(target, prop, function () {
-          return _resolveWithPrefixes(prop, prefixes, scopes, target);
-        });
-      },
-      getOwnPropertyDescriptor: function getOwnPropertyDescriptor(target, prop) {
-        return Reflect.getOwnPropertyDescriptor(target._scopes[0], prop);
+  function getHoverColor(value) {
+    return isPatternOrGradient(value) ? value : new Color(value).saturate(0.5).darken(0.1).hexString();
+  }
+  var numbers = ['x', 'y', 'borderWidth', 'radius', 'tension'];
+  var colors = ['color', 'borderColor', 'backgroundColor'];
+  function applyAnimationsDefaults(defaults) {
+    defaults.set('animation', {
+      delay: undefined,
+      duration: 1000,
+      easing: 'easeOutQuart',
+      fn: undefined,
+      from: undefined,
+      loop: undefined,
+      to: undefined,
+      type: undefined
+    });
+    defaults.describe('animation', {
+      _fallback: false,
+      _indexable: false,
+      _scriptable: function _scriptable(name) {
+        return name !== 'onProgress' && name !== 'onComplete' && name !== 'fn';
+      }
+    });
+    defaults.set('animations', {
+      colors: {
+        type: 'color',
+        properties: colors
       },
-      getPrototypeOf: function getPrototypeOf() {
-        return Reflect.getPrototypeOf(scopes[0]);
+      numbers: {
+        type: 'number',
+        properties: numbers
+      }
+    });
+    defaults.describe('animations', {
+      _fallback: 'animation'
+    });
+    defaults.set('transitions', {
+      active: {
+        animation: {
+          duration: 400
+        }
       },
-      has: function has(target, prop) {
-        return getKeysFromAllScopes(target).includes(prop);
+      resize: {
+        animation: {
+          duration: 0
+        }
       },
-      ownKeys: function ownKeys(target) {
-        return getKeysFromAllScopes(target);
+      show: {
+        animations: {
+          colors: {
+            from: 'transparent'
+          },
+          visible: {
+            type: 'boolean',
+            duration: 0
+          }
+        }
       },
-      set: function set(target, prop, value) {
-        scopes[0][prop] = value;
-        delete target[prop];
-        delete target._keys;
-        return true;
+      hide: {
+        animations: {
+          colors: {
+            to: 'transparent'
+          },
+          visible: {
+            type: 'boolean',
+            easing: 'linear',
+            fn: function fn(v) {
+              return v | 0;
+            }
+          }
+        }
       }
     });
   }
-
-  function _attachContext(proxy, context, subProxy, descriptorDefaults) {
-    var cache = {
-      _cacheable: false,
-      _proxy: proxy,
-      _context: context,
-      _subProxy: subProxy,
-      _stack: new Set(),
-      _descriptors: _descriptors(proxy, descriptorDefaults),
-      setContext: function setContext(ctx) {
-        return _attachContext(proxy, ctx, subProxy, descriptorDefaults);
-      },
-      override: function override(scope) {
-        return _attachContext(proxy.override(scope), context, subProxy, descriptorDefaults);
+  function applyLayoutsDefaults(defaults) {
+    defaults.set('layout', {
+      autoPadding: true,
+      padding: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
       }
-    };
-    return new Proxy(cache, {
-      deleteProperty: function deleteProperty(target, prop) {
-        delete target[prop];
-        delete proxy[prop];
-        return true;
-      },
-      get: function get(target, prop, receiver) {
-        return _cached(target, prop, function () {
-          return _resolveWithContext(target, prop, receiver);
-        });
-      },
-      getOwnPropertyDescriptor: function getOwnPropertyDescriptor(target, prop) {
-        return target._descriptors.allKeys ? Reflect.has(proxy, prop) ? {
-          enumerable: true,
-          configurable: true
-        } : undefined : Reflect.getOwnPropertyDescriptor(proxy, prop);
+    });
+  }
+  var intlCache = new Map();
+  function getNumberFormat(locale, options) {
+    options = options || {};
+    var cacheKey = locale + JSON.stringify(options);
+    var formatter = intlCache.get(cacheKey);
+    if (!formatter) {
+      formatter = new Intl.NumberFormat(locale, options);
+      intlCache.set(cacheKey, formatter);
+    }
+    return formatter;
+  }
+  function formatNumber(num, locale, options) {
+    return getNumberFormat(locale, options).format(num);
+  }
+  var formatters$4 = {
+    values: function values(value) {
+      return isArray(value) ? value : '' + value;
+    },
+    numeric: function numeric(tickValue, index, ticks) {
+      if (tickValue === 0) {
+        return '0';
+      }
+      var locale = this.chart.options.locale;
+      var notation;
+      var delta = tickValue;
+      if (ticks.length > 1) {
+        var maxTick = Math.max(Math.abs(ticks[0].value), Math.abs(ticks[ticks.length - 1].value));
+        if (maxTick < 1e-4 || maxTick > 1e+15) {
+          notation = 'scientific';
+        }
+        delta = calculateDelta(tickValue, ticks);
+      }
+      var logDelta = log10(Math.abs(delta));
+      var numDecimal = Math.max(Math.min(-1 * Math.floor(logDelta), 20), 0);
+      var options = {
+        notation: notation,
+        minimumFractionDigits: numDecimal,
+        maximumFractionDigits: numDecimal
+      };
+      Object.assign(options, this.options.ticks.format);
+      return formatNumber(tickValue, locale, options);
+    },
+    logarithmic: function logarithmic(tickValue, index, ticks) {
+      if (tickValue === 0) {
+        return '0';
+      }
+      var remain = ticks[index].significand || tickValue / Math.pow(10, Math.floor(log10(tickValue)));
+      if ([1, 2, 3, 5, 10, 15].includes(remain) || index > 0.8 * ticks.length) {
+        return formatters$4.numeric.call(this, tickValue, index, ticks);
+      }
+      return '';
+    }
+  };
+  function calculateDelta(tickValue, ticks) {
+    var delta = ticks.length > 3 ? ticks[2].value - ticks[1].value : ticks[1].value - ticks[0].value;
+    if (Math.abs(delta) >= 1 && tickValue !== Math.floor(tickValue)) {
+      delta = tickValue - Math.floor(tickValue);
+    }
+    return delta;
+  }
+  var Ticks = {
+    formatters: formatters$4
+  };
+  function applyScaleDefaults(defaults) {
+    defaults.set('scale', {
+      display: true,
+      offset: false,
+      reverse: false,
+      beginAtZero: false,
+      bounds: 'ticks',
+      grace: 0,
+      grid: {
+        display: true,
+        lineWidth: 1,
+        drawOnChartArea: true,
+        drawTicks: true,
+        tickLength: 8,
+        tickWidth: function tickWidth(_ctx, options) {
+          return options.lineWidth;
+        },
+        tickColor: function tickColor(_ctx, options) {
+          return options.color;
+        },
+        offset: false
       },
-      getPrototypeOf: function getPrototypeOf() {
-        return Reflect.getPrototypeOf(proxy);
+      border: {
+        display: true,
+        dash: [],
+        dashOffset: 0.0,
+        width: 1
       },
-      has: function has(target, prop) {
-        return Reflect.has(proxy, prop);
+      title: {
+        display: false,
+        text: '',
+        padding: {
+          top: 4,
+          bottom: 4
+        }
       },
-      ownKeys: function ownKeys() {
-        return Reflect.ownKeys(proxy);
+      ticks: {
+        minRotation: 0,
+        maxRotation: 50,
+        mirror: false,
+        textStrokeWidth: 0,
+        textStrokeColor: '',
+        padding: 3,
+        display: true,
+        autoSkip: true,
+        autoSkipPadding: 3,
+        labelOffset: 0,
+        callback: Ticks.formatters.values,
+        minor: {},
+        major: {},
+        align: 'center',
+        crossAlign: 'near',
+        showLabelBackdrop: false,
+        backdropColor: 'rgba(255, 255, 255, 0.75)',
+        backdropPadding: 2
+      }
+    });
+    defaults.route('scale.ticks', 'color', '', 'color');
+    defaults.route('scale.grid', 'color', '', 'borderColor');
+    defaults.route('scale.border', 'color', '', 'borderColor');
+    defaults.route('scale.title', 'color', '', 'color');
+    defaults.describe('scale', {
+      _fallback: false,
+      _scriptable: function _scriptable(name) {
+        return !name.startsWith('before') && !name.startsWith('after') && name !== 'callback' && name !== 'parser';
       },
-      set: function set(target, prop, value) {
-        proxy[prop] = value;
-        delete target[prop];
-        return true;
+      _indexable: function _indexable(name) {
+        return name !== 'borderDash' && name !== 'tickBorderDash' && name !== 'dash';
       }
     });
-  }
-
-  function _descriptors(proxy) {
-    var defaults = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      scriptable: true,
-      indexable: true
-    };
-
-    var _proxy$_scriptable = proxy._scriptable,
-        _scriptable = _proxy$_scriptable === void 0 ? defaults.scriptable : _proxy$_scriptable,
-        _proxy$_indexable = proxy._indexable,
-        _indexable = _proxy$_indexable === void 0 ? defaults.indexable : _proxy$_indexable,
-        _proxy$_allKeys = proxy._allKeys,
-        _allKeys = _proxy$_allKeys === void 0 ? defaults.allKeys : _proxy$_allKeys;
-
-    return {
-      allKeys: _allKeys,
-      scriptable: _scriptable,
-      indexable: _indexable,
-      isScriptable: isFunction(_scriptable) ? _scriptable : function () {
-        return _scriptable;
+    defaults.describe('scales', {
+      _fallback: 'scale'
+    });
+    defaults.describe('scale.ticks', {
+      _scriptable: function _scriptable(name) {
+        return name !== 'backdropPadding' && name !== 'callback';
       },
-      isIndexable: isFunction(_indexable) ? _indexable : function () {
-        return _indexable;
+      _indexable: function _indexable(name) {
+        return name !== 'backdropPadding';
       }
-    };
+    });
   }
-
-  var readKey = function readKey(prefix, name) {
-    return prefix ? prefix + _capitalize(name) : name;
-  };
-
-  var needsSubResolver = function needsSubResolver(prop, value) {
-    return isObject(value) && prop !== 'adapters';
-  };
-
-  function _cached(target, prop, resolve) {
-    var value = target[prop];
-
-    if (defined(value)) {
-      return value;
+  var overrides = Object.create(null);
+  var descriptors = Object.create(null);
+  function getScope$1(node, key) {
+    if (!key) {
+      return node;
     }
-
-    value = resolve();
-
-    if (defined(value)) {
-      target[prop] = value;
+    var keys = key.split('.');
+    for (var i = 0, n = keys.length; i < n; ++i) {
+      var k = keys[i];
+      node = node[k] || (node[k] = Object.create(null));
     }
-
-    return value;
+    return node;
   }
-
-  function _resolveWithContext(target, prop, receiver) {
-    var _proxy = target._proxy,
-        _context = target._context,
-        _subProxy = target._subProxy,
-        descriptors = target._descriptors;
-    var value = _proxy[prop];
-
-    if (isFunction(value) && descriptors.isScriptable(prop)) {
-      value = _resolveScriptable(prop, value, target, receiver);
-    }
-
-    if (isArray(value) && value.length) {
-      value = _resolveArray(prop, value, target, descriptors.isIndexable);
-    }
-
-    if (needsSubResolver(prop, value)) {
-      value = _attachContext(value, _context, _subProxy && _subProxy[prop], descriptors);
+  function _set(root, scope, values) {
+    if (typeof scope === 'string') {
+      return merge(getScope$1(root, scope), values);
     }
-
-    return value;
+    return merge(getScope$1(root, ''), scope);
   }
-
-  function _resolveScriptable(prop, value, target, receiver) {
-    var _proxy = target._proxy,
-        _context = target._context,
-        _subProxy = target._subProxy,
-        _stack = target._stack;
-
-    if (_stack.has(prop)) {
-      throw new Error('Recursion detected: ' + _toConsumableArray(_stack).join('->') + '->' + prop);
-    }
-
-    _stack.add(prop);
-
-    value = value(_context, _subProxy || receiver);
-
-    _stack.delete(prop);
-
-    if (isObject(value)) {
-      value = createSubResolver(_proxy._scopes, _proxy, prop, value);
+  var Defaults = /*#__PURE__*/function () {
+    function Defaults(_descriptors, _appliers) {
+      _classCallCheck$x(this, Defaults);
+      this.animation = undefined;
+      this.backgroundColor = 'rgba(0,0,0,0.1)';
+      this.borderColor = 'rgba(0,0,0,0.1)';
+      this.color = '#666';
+      this.datasets = {};
+      this.devicePixelRatio = function (context) {
+        return context.chart.platform.getDevicePixelRatio();
+      };
+      this.elements = {};
+      this.events = ['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove'];
+      this.font = {
+        family: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
+        size: 12,
+        style: 'normal',
+        lineHeight: 1.2,
+        weight: null
+      };
+      this.hover = {};
+      this.hoverBackgroundColor = function (ctx, options) {
+        return getHoverColor(options.backgroundColor);
+      };
+      this.hoverBorderColor = function (ctx, options) {
+        return getHoverColor(options.borderColor);
+      };
+      this.hoverColor = function (ctx, options) {
+        return getHoverColor(options.color);
+      };
+      this.indexAxis = 'x';
+      this.interaction = {
+        mode: 'nearest',
+        intersect: true,
+        includeInvisible: false
+      };
+      this.maintainAspectRatio = true;
+      this.onHover = null;
+      this.onClick = null;
+      this.parsing = true;
+      this.plugins = {};
+      this.responsive = true;
+      this.scale = undefined;
+      this.scales = {};
+      this.showLine = true;
+      this.drawActiveElementsOnTop = true;
+      this.describe(_descriptors);
+      this.apply(_appliers);
     }
-
-    return value;
-  }
-
-  function _resolveArray(prop, value, target, isIndexable) {
-    var _proxy = target._proxy,
-        _context = target._context,
-        _subProxy = target._subProxy,
-        descriptors = target._descriptors;
-
-    if (defined(_context.index) && isIndexable(prop)) {
-      value = value[_context.index % value.length];
-    } else if (isObject(value[0])) {
-      var arr = value;
-
-      var scopes = _proxy._scopes.filter(function (s) {
-        return s !== arr;
-      });
-
-      value = [];
-
-      var _iterator2 = _createForOfIteratorHelper(arr),
-          _step2;
-
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var item = _step2.value;
-          var resolver = createSubResolver(scopes, _proxy, prop, item);
-          value.push(_attachContext(resolver, _context, _subProxy && _subProxy[prop], descriptors));
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
+    _createClass$x(Defaults, [{
+      key: "set",
+      value: function set(scope, values) {
+        return _set(this, scope, values);
       }
-    }
-
-    return value;
-  }
-
-  function resolveFallback(fallback, prop, value) {
-    return isFunction(fallback) ? fallback(prop, value) : fallback;
-  }
-
-  var getScope = function getScope(key, parent) {
-    return key === true ? parent : typeof key === 'string' ? resolveObjectKey(parent, key) : undefined;
-  };
-
-  function addScopes(set, parentScopes, key, parentFallback) {
-    var _iterator3 = _createForOfIteratorHelper(parentScopes),
-        _step3;
-
-    try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var parent = _step3.value;
-        var scope = getScope(key, parent);
-
-        if (scope) {
-          set.add(scope);
-          var fallback = resolveFallback(scope._fallback, key, scope);
-
-          if (defined(fallback) && fallback !== key && fallback !== parentFallback) {
-            return fallback;
+    }, {
+      key: "get",
+      value: function get(scope) {
+        return getScope$1(this, scope);
+      }
+    }, {
+      key: "describe",
+      value: function describe(scope, values) {
+        return _set(descriptors, scope, values);
+      }
+    }, {
+      key: "override",
+      value: function override(scope, values) {
+        return _set(overrides, scope, values);
+      }
+    }, {
+      key: "route",
+      value: function route(scope, name, targetScope, targetName) {
+        var _Object$definePropert;
+        var scopeObject = getScope$1(this, scope);
+        var targetScopeObject = getScope$1(this, targetScope);
+        var privateName = '_' + name;
+        Object.defineProperties(scopeObject, (_Object$definePropert = {}, _defineProperty$w(_Object$definePropert, privateName, {
+          value: scopeObject[name],
+          writable: true
+        }), _defineProperty$w(_Object$definePropert, name, {
+          enumerable: true,
+          get: function get() {
+            var local = this[privateName];
+            var target = targetScopeObject[targetName];
+            if (isObject(local)) {
+              return Object.assign({}, target, local);
+            }
+            return valueOrDefault(local, target);
+          },
+          set: function set(value) {
+            this[privateName] = value;
           }
-        } else if (scope === false && defined(parentFallback) && key !== parentFallback) {
-          return null;
-        }
+        }), _Object$definePropert));
       }
-    } catch (err) {
-      _iterator3.e(err);
-    } finally {
-      _iterator3.f();
+    }, {
+      key: "apply",
+      value: function apply(appliers) {
+        var _this = this;
+        appliers.forEach(function (apply) {
+          return apply(_this);
+        });
+      }
+    }]);
+    return Defaults;
+  }();
+  var defaults = /* #__PURE__ */new Defaults({
+    _scriptable: function _scriptable(name) {
+      return !name.startsWith('on');
+    },
+    _indexable: function _indexable(name) {
+      return name !== 'events';
+    },
+    hover: {
+      _fallback: 'interaction'
+    },
+    interaction: {
+      _scriptable: false,
+      _indexable: false
     }
-
-    return false;
-  }
-
-  function createSubResolver(parentScopes, resolver, prop, value) {
-    var rootScopes = resolver._rootScopes;
-    var fallback = resolveFallback(resolver._fallback, prop, value);
-    var allScopes = [].concat(_toConsumableArray(parentScopes), _toConsumableArray(rootScopes));
-    var set = new Set();
-    var firstParent = parentScopes[0];
-
-    if (isObject(firstParent) && !(prop in firstParent)) {
-      set.add(firstParent[prop] = {});
+  }, [applyAnimationsDefaults, applyLayoutsDefaults, applyScaleDefaults]);
+  function toFontString(font) {
+    if (!font || isNullOrUndef(font.size) || isNullOrUndef(font.family)) {
+      return null;
     }
-
-    set.add(value);
-    var key = addScopesFromKey(set, allScopes, prop, fallback || prop);
-
-    if (key === null) {
-      return false;
+    return (font.style ? font.style + ' ' : '') + (font.weight ? font.weight + ' ' : '') + font.size + 'px ' + font.family;
+  }
+  function _measureText(ctx, data, gc, longest, string) {
+    var textWidth = data[string];
+    if (!textWidth) {
+      textWidth = data[string] = ctx.measureText(string).width;
+      gc.push(string);
     }
-
-    if (defined(fallback) && fallback !== prop) {
-      key = addScopesFromKey(set, allScopes, fallback, key);
-
-      if (key === null) {
-        return false;
-      }
+    if (textWidth > longest) {
+      longest = textWidth;
     }
-
-    return _createResolver(_toConsumableArray(set), [''], rootScopes, fallback);
+    return longest;
   }
-
-  function addScopesFromKey(set, allScopes, key, fallback) {
-    while (key) {
-      key = addScopes(set, allScopes, key, fallback);
+  function _longestText(ctx, font, arrayOfThings, cache) {
+    cache = cache || {};
+    var data = cache.data = cache.data || {};
+    var gc = cache.garbageCollect = cache.garbageCollect || [];
+    if (cache.font !== font) {
+      data = cache.data = {};
+      gc = cache.garbageCollect = [];
+      cache.font = font;
     }
-
-    return key;
-  }
-
-  function _resolveWithPrefixes(prop, prefixes, scopes, proxy) {
-    var value;
-
-    var _iterator4 = _createForOfIteratorHelper(prefixes),
-        _step4;
-
-    try {
-      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-        var prefix = _step4.value;
-        value = _resolve(readKey(prefix, prop), scopes);
-
-        if (defined(value)) {
-          return needsSubResolver(prop, value) ? createSubResolver(scopes, proxy, prop, value) : value;
+    ctx.save();
+    ctx.font = font;
+    var longest = 0;
+    var ilen = arrayOfThings.length;
+    var i, j, jlen, thing, nestedThing;
+    for (i = 0; i < ilen; i++) {
+      thing = arrayOfThings[i];
+      if (thing !== undefined && thing !== null && isArray(thing) !== true) {
+        longest = _measureText(ctx, data, gc, longest, thing);
+      } else if (isArray(thing)) {
+        for (j = 0, jlen = thing.length; j < jlen; j++) {
+          nestedThing = thing[j];
+          if (nestedThing !== undefined && nestedThing !== null && !isArray(nestedThing)) {
+            longest = _measureText(ctx, data, gc, longest, nestedThing);
+          }
         }
       }
-    } catch (err) {
-      _iterator4.e(err);
-    } finally {
-      _iterator4.f();
     }
-  }
-
-  function _resolve(key, scopes) {
-    var _iterator5 = _createForOfIteratorHelper(scopes),
-        _step5;
-
-    try {
-      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-        var scope = _step5.value;
-
-        if (!scope) {
-          continue;
-        }
-
-        var value = scope[key];
-
-        if (defined(value)) {
-          return value;
-        }
+    ctx.restore();
+    var gcLen = gc.length / 2;
+    if (gcLen > arrayOfThings.length) {
+      for (i = 0; i < gcLen; i++) {
+        delete data[gc[i]];
       }
-    } catch (err) {
-      _iterator5.e(err);
-    } finally {
-      _iterator5.f();
+      gc.splice(0, gcLen);
     }
+    return longest;
   }
-
-  function getKeysFromAllScopes(target) {
-    var keys = target._keys;
-
-    if (!keys) {
-      keys = target._keys = resolveKeysFromAllScopes(target._scopes);
-    }
-
-    return keys;
+  function _alignPixel(chart, pixel, width) {
+    var devicePixelRatio = chart.currentDevicePixelRatio;
+    var halfWidth = width !== 0 ? Math.max(width / 2, 0.5) : 0;
+    return Math.round((pixel - halfWidth) * devicePixelRatio) / devicePixelRatio + halfWidth;
   }
-
-  function resolveKeysFromAllScopes(scopes) {
-    var set = new Set();
-
-    var _iterator6 = _createForOfIteratorHelper(scopes),
-        _step6;
-
-    try {
-      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-        var scope = _step6.value;
-
-        var _iterator7 = _createForOfIteratorHelper(Object.keys(scope).filter(function (k) {
-          return !k.startsWith('_');
-        })),
-            _step7;
-
-        try {
-          for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-            var key = _step7.value;
-            set.add(key);
-          }
-        } catch (err) {
-          _iterator7.e(err);
-        } finally {
-          _iterator7.f();
-        }
+  function clearCanvas(canvas, ctx) {
+    ctx = ctx || canvas.getContext('2d');
+    ctx.save();
+    ctx.resetTransform();
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    ctx.restore();
+  }
+  function drawPoint(ctx, options, x, y) {
+    drawPointLegend(ctx, options, x, y, null);
+  }
+  function drawPointLegend(ctx, options, x, y, w) {
+    var type, xOffset, yOffset, size, cornerRadius, width, xOffsetW, yOffsetW;
+    var style = options.pointStyle;
+    var rotation = options.rotation;
+    var radius = options.radius;
+    var rad = (rotation || 0) * RAD_PER_DEG;
+    if (style && _typeof$z(style) === 'object') {
+      type = style.toString();
+      if (type === '[object HTMLImageElement]' || type === '[object HTMLCanvasElement]') {
+        ctx.save();
+        ctx.translate(x, y);
+        ctx.rotate(rad);
+        ctx.drawImage(style, -style.width / 2, -style.height / 2, style.width, style.height);
+        ctx.restore();
+        return;
       }
-    } catch (err) {
-      _iterator6.e(err);
-    } finally {
-      _iterator6.f();
     }
-
-    return _toConsumableArray(set);
+    if (isNaN(radius) || radius <= 0) {
+      return;
+    }
+    ctx.beginPath();
+    switch (style) {
+      default:
+        if (w) {
+          ctx.ellipse(x, y, w / 2, radius, 0, 0, TAU);
+        } else {
+          ctx.arc(x, y, radius, 0, TAU);
+        }
+        ctx.closePath();
+        break;
+      case 'triangle':
+        width = w ? w / 2 : radius;
+        ctx.moveTo(x + Math.sin(rad) * width, y - Math.cos(rad) * radius);
+        rad += TWO_THIRDS_PI;
+        ctx.lineTo(x + Math.sin(rad) * width, y - Math.cos(rad) * radius);
+        rad += TWO_THIRDS_PI;
+        ctx.lineTo(x + Math.sin(rad) * width, y - Math.cos(rad) * radius);
+        ctx.closePath();
+        break;
+      case 'rectRounded':
+        cornerRadius = radius * 0.516;
+        size = radius - cornerRadius;
+        xOffset = Math.cos(rad + QUARTER_PI) * size;
+        xOffsetW = Math.cos(rad + QUARTER_PI) * (w ? w / 2 - cornerRadius : size);
+        yOffset = Math.sin(rad + QUARTER_PI) * size;
+        yOffsetW = Math.sin(rad + QUARTER_PI) * (w ? w / 2 - cornerRadius : size);
+        ctx.arc(x - xOffsetW, y - yOffset, cornerRadius, rad - PI, rad - HALF_PI);
+        ctx.arc(x + yOffsetW, y - xOffset, cornerRadius, rad - HALF_PI, rad);
+        ctx.arc(x + xOffsetW, y + yOffset, cornerRadius, rad, rad + HALF_PI);
+        ctx.arc(x - yOffsetW, y + xOffset, cornerRadius, rad + HALF_PI, rad + PI);
+        ctx.closePath();
+        break;
+      case 'rect':
+        if (!rotation) {
+          size = Math.SQRT1_2 * radius;
+          width = w ? w / 2 : size;
+          ctx.rect(x - width, y - size, 2 * width, 2 * size);
+          break;
+        }
+        rad += QUARTER_PI;
+      case 'rectRot':
+        xOffsetW = Math.cos(rad) * (w ? w / 2 : radius);
+        xOffset = Math.cos(rad) * radius;
+        yOffset = Math.sin(rad) * radius;
+        yOffsetW = Math.sin(rad) * (w ? w / 2 : radius);
+        ctx.moveTo(x - xOffsetW, y - yOffset);
+        ctx.lineTo(x + yOffsetW, y - xOffset);
+        ctx.lineTo(x + xOffsetW, y + yOffset);
+        ctx.lineTo(x - yOffsetW, y + xOffset);
+        ctx.closePath();
+        break;
+      case 'crossRot':
+        rad += QUARTER_PI;
+      case 'cross':
+        xOffsetW = Math.cos(rad) * (w ? w / 2 : radius);
+        xOffset = Math.cos(rad) * radius;
+        yOffset = Math.sin(rad) * radius;
+        yOffsetW = Math.sin(rad) * (w ? w / 2 : radius);
+        ctx.moveTo(x - xOffsetW, y - yOffset);
+        ctx.lineTo(x + xOffsetW, y + yOffset);
+        ctx.moveTo(x + yOffsetW, y - xOffset);
+        ctx.lineTo(x - yOffsetW, y + xOffset);
+        break;
+      case 'star':
+        xOffsetW = Math.cos(rad) * (w ? w / 2 : radius);
+        xOffset = Math.cos(rad) * radius;
+        yOffset = Math.sin(rad) * radius;
+        yOffsetW = Math.sin(rad) * (w ? w / 2 : radius);
+        ctx.moveTo(x - xOffsetW, y - yOffset);
+        ctx.lineTo(x + xOffsetW, y + yOffset);
+        ctx.moveTo(x + yOffsetW, y - xOffset);
+        ctx.lineTo(x - yOffsetW, y + xOffset);
+        rad += QUARTER_PI;
+        xOffsetW = Math.cos(rad) * (w ? w / 2 : radius);
+        xOffset = Math.cos(rad) * radius;
+        yOffset = Math.sin(rad) * radius;
+        yOffsetW = Math.sin(rad) * (w ? w / 2 : radius);
+        ctx.moveTo(x - xOffsetW, y - yOffset);
+        ctx.lineTo(x + xOffsetW, y + yOffset);
+        ctx.moveTo(x + yOffsetW, y - xOffset);
+        ctx.lineTo(x - yOffsetW, y + xOffset);
+        break;
+      case 'line':
+        xOffset = w ? w / 2 : Math.cos(rad) * radius;
+        yOffset = Math.sin(rad) * radius;
+        ctx.moveTo(x - xOffset, y - yOffset);
+        ctx.lineTo(x + xOffset, y + yOffset);
+        break;
+      case 'dash':
+        ctx.moveTo(x, y);
+        ctx.lineTo(x + Math.cos(rad) * (w ? w / 2 : radius), y + Math.sin(rad) * radius);
+        break;
+      case false:
+        ctx.closePath();
+        break;
+    }
+    ctx.fill();
+    if (options.borderWidth > 0) {
+      ctx.stroke();
+    }
   }
-
-  var EPSILON = Number.EPSILON || 1e-14;
-
-  var getPoint = function getPoint(points, i) {
-    return i < points.length && !points[i].skip && points[i];
-  };
-
-  function splineCurve(firstPoint, middlePoint, afterPoint, t) {
-    var previous = firstPoint.skip ? middlePoint : firstPoint;
-    var current = middlePoint;
-    var next = afterPoint.skip ? middlePoint : afterPoint;
-    var d01 = distanceBetweenPoints(current, previous);
-    var d12 = distanceBetweenPoints(next, current);
-    var s01 = d01 / (d01 + d12);
-    var s12 = d12 / (d01 + d12);
-    s01 = isNaN(s01) ? 0 : s01;
-    s12 = isNaN(s12) ? 0 : s12;
-    var fa = t * s01;
-    var fb = t * s12;
-    return {
-      previous: {
-        x: current.x - fa * (next.x - previous.x),
-        y: current.y - fa * (next.y - previous.y)
-      },
-      next: {
-        x: current.x + fb * (next.x - previous.x),
-        y: current.y + fb * (next.y - previous.y)
-      }
-    };
+  function _isPointInArea(point, area, margin) {
+    margin = margin || 0.5;
+    return !area || point && point.x > area.left - margin && point.x < area.right + margin && point.y > area.top - margin && point.y < area.bottom + margin;
   }
-
-  function monotoneAdjust(points, deltaK, mK) {
-    var pointsLen = points.length;
-    var alphaK, betaK, tauK, squaredMagnitude, pointCurrent;
-    var pointAfter = getPoint(points, 0);
-
-    for (var i = 0; i < pointsLen - 1; ++i) {
-      pointCurrent = pointAfter;
-      pointAfter = getPoint(points, i + 1);
-
-      if (!pointCurrent || !pointAfter) {
-        continue;
-      }
-
-      if (almostEquals(deltaK[i], 0, EPSILON)) {
-        mK[i] = mK[i + 1] = 0;
-        continue;
-      }
-
-      alphaK = mK[i] / deltaK[i];
-      betaK = mK[i + 1] / deltaK[i];
-      squaredMagnitude = Math.pow(alphaK, 2) + Math.pow(betaK, 2);
-
-      if (squaredMagnitude <= 9) {
-        continue;
-      }
-
-      tauK = 3 / Math.sqrt(squaredMagnitude);
-      mK[i] = alphaK * tauK * deltaK[i];
-      mK[i + 1] = betaK * tauK * deltaK[i];
+  function clipArea(ctx, area) {
+    ctx.save();
+    ctx.beginPath();
+    ctx.rect(area.left, area.top, area.right - area.left, area.bottom - area.top);
+    ctx.clip();
+  }
+  function unclipArea(ctx) {
+    ctx.restore();
+  }
+  function _steppedLineTo(ctx, previous, target, flip, mode) {
+    if (!previous) {
+      return ctx.lineTo(target.x, target.y);
+    }
+    if (mode === 'middle') {
+      var midpoint = (previous.x + target.x) / 2.0;
+      ctx.lineTo(midpoint, previous.y);
+      ctx.lineTo(midpoint, target.y);
+    } else if (mode === 'after' !== !!flip) {
+      ctx.lineTo(previous.x, target.y);
+    } else {
+      ctx.lineTo(target.x, previous.y);
     }
+    ctx.lineTo(target.x, target.y);
   }
-
-  function monotoneCompute(points, mK) {
-    var pointsLen = points.length;
-    var deltaX, pointBefore, pointCurrent;
-    var pointAfter = getPoint(points, 0);
-
-    for (var i = 0; i < pointsLen; ++i) {
-      pointBefore = pointCurrent;
-      pointCurrent = pointAfter;
-      pointAfter = getPoint(points, i + 1);
-
-      if (!pointCurrent) {
-        continue;
-      }
-
-      var _pointCurrent = pointCurrent,
-          x = _pointCurrent.x,
-          y = _pointCurrent.y;
-
-      if (pointBefore) {
-        deltaX = (x - pointBefore.x) / 3;
-        pointCurrent.cp1x = x - deltaX;
-        pointCurrent.cp1y = y - deltaX * mK[i];
-      }
-
-      if (pointAfter) {
-        deltaX = (pointAfter.x - x) / 3;
-        pointCurrent.cp2x = x + deltaX;
-        pointCurrent.cp2y = y + deltaX * mK[i];
-      }
+  function _bezierCurveTo(ctx, previous, target, flip) {
+    if (!previous) {
+      return ctx.lineTo(target.x, target.y);
     }
+    ctx.bezierCurveTo(flip ? previous.cp1x : previous.cp2x, flip ? previous.cp1y : previous.cp2y, flip ? target.cp2x : target.cp1x, flip ? target.cp2y : target.cp1y, target.x, target.y);
   }
-
-  function splineCurveMonotone(points) {
-    var pointsLen = points.length;
-    var deltaK = Array(pointsLen).fill(0);
-    var mK = Array(pointsLen);
-    var i, pointBefore, pointCurrent;
-    var pointAfter = getPoint(points, 0);
-
-    for (i = 0; i < pointsLen; ++i) {
-      pointBefore = pointCurrent;
-      pointCurrent = pointAfter;
-      pointAfter = getPoint(points, i + 1);
-
-      if (!pointCurrent) {
-        continue;
+  function renderText(ctx, text, x, y, font) {
+    var opts = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+    var lines = isArray(text) ? text : [text];
+    var stroke = opts.strokeWidth > 0 && opts.strokeColor !== '';
+    var i, line;
+    ctx.save();
+    ctx.font = font.string;
+    setRenderOpts(ctx, opts);
+    for (i = 0; i < lines.length; ++i) {
+      line = lines[i];
+      if (opts.backdrop) {
+        drawBackdrop(ctx, opts.backdrop);
       }
-
-      if (pointAfter) {
-        var slopeDeltaX = pointAfter.x - pointCurrent.x;
-        deltaK[i] = slopeDeltaX !== 0 ? (pointAfter.y - pointCurrent.y) / slopeDeltaX : 0;
+      if (stroke) {
+        if (opts.strokeColor) {
+          ctx.strokeStyle = opts.strokeColor;
+        }
+        if (!isNullOrUndef(opts.strokeWidth)) {
+          ctx.lineWidth = opts.strokeWidth;
+        }
+        ctx.strokeText(line, x, y, opts.maxWidth);
       }
-
-      mK[i] = !pointBefore ? deltaK[i] : !pointAfter ? deltaK[i - 1] : sign(deltaK[i - 1]) !== sign(deltaK[i]) ? 0 : (deltaK[i - 1] + deltaK[i]) / 2;
+      ctx.fillText(line, x, y, opts.maxWidth);
+      decorateText(ctx, x, y, line, opts);
+      y += font.lineHeight;
     }
-
-    monotoneAdjust(points, deltaK, mK);
-    monotoneCompute(points, mK);
+    ctx.restore();
   }
-
-  function capControlPoint(pt, min, max) {
-    return Math.max(Math.min(pt, max), min);
+  function setRenderOpts(ctx, opts) {
+    if (opts.translation) {
+      ctx.translate(opts.translation[0], opts.translation[1]);
+    }
+    if (!isNullOrUndef(opts.rotation)) {
+      ctx.rotate(opts.rotation);
+    }
+    if (opts.color) {
+      ctx.fillStyle = opts.color;
+    }
+    if (opts.textAlign) {
+      ctx.textAlign = opts.textAlign;
+    }
+    if (opts.textBaseline) {
+      ctx.textBaseline = opts.textBaseline;
+    }
   }
-
-  function capBezierPoints(points, area) {
-    var i, ilen, point, inArea, inAreaPrev;
-
-    var inAreaNext = _isPointInArea(points[0], area);
-
-    for (i = 0, ilen = points.length; i < ilen; ++i) {
-      inAreaPrev = inArea;
-      inArea = inAreaNext;
-      inAreaNext = i < ilen - 1 && _isPointInArea(points[i + 1], area);
-
-      if (!inArea) {
-        continue;
-      }
-
-      point = points[i];
-
-      if (inAreaPrev) {
-        point.cp1x = capControlPoint(point.cp1x, area.left, area.right);
-        point.cp1y = capControlPoint(point.cp1y, area.top, area.bottom);
-      }
-
-      if (inAreaNext) {
-        point.cp2x = capControlPoint(point.cp2x, area.left, area.right);
-        point.cp2y = capControlPoint(point.cp2y, area.top, area.bottom);
-      }
+  function decorateText(ctx, x, y, line, opts) {
+    if (opts.strikethrough || opts.underline) {
+      var metrics = ctx.measureText(line);
+      var left = x - metrics.actualBoundingBoxLeft;
+      var right = x + metrics.actualBoundingBoxRight;
+      var top = y - metrics.actualBoundingBoxAscent;
+      var bottom = y + metrics.actualBoundingBoxDescent;
+      var yDecoration = opts.strikethrough ? (top + bottom) / 2 : bottom;
+      ctx.strokeStyle = ctx.fillStyle;
+      ctx.beginPath();
+      ctx.lineWidth = opts.decorationWidth || 2;
+      ctx.moveTo(left, yDecoration);
+      ctx.lineTo(right, yDecoration);
+      ctx.stroke();
     }
   }
-
-  function _updateBezierControlPoints(points, options, area, loop) {
-    var i, ilen, point, controlPoints;
-
-    if (options.spanGaps) {
-      points = points.filter(function (pt) {
-        return !pt.skip;
-      });
-    }
-
-    if (options.cubicInterpolationMode === 'monotone') {
-      splineCurveMonotone(points);
-    } else {
-      var prev = loop ? points[points.length - 1] : points[0];
-
-      for (i = 0, ilen = points.length; i < ilen; ++i) {
-        point = points[i];
-        controlPoints = splineCurve(prev, point, points[Math.min(i + 1, ilen - (loop ? 0 : 1)) % ilen], options.tension);
-        point.cp1x = controlPoints.previous.x;
-        point.cp1y = controlPoints.previous.y;
-        point.cp2x = controlPoints.next.x;
-        point.cp2y = controlPoints.next.y;
-        prev = point;
-      }
-    }
-
-    if (options.capBezierPoints) {
-      capBezierPoints(points, area);
-    }
+  function drawBackdrop(ctx, opts) {
+    var oldColor = ctx.fillStyle;
+    ctx.fillStyle = opts.color;
+    ctx.fillRect(opts.left, opts.top, opts.width, opts.height);
+    ctx.fillStyle = oldColor;
   }
-
-  function _getParentNode(domNode) {
-    var parent = domNode.parentNode;
-
-    if (parent && parent.toString() === '[object ShadowRoot]') {
-      parent = parent.host;
+  function addRoundedRectPath(ctx, rect) {
+    var x = rect.x,
+      y = rect.y,
+      w = rect.w,
+      h = rect.h,
+      radius = rect.radius;
+    ctx.arc(x + radius.topLeft, y + radius.topLeft, radius.topLeft, -HALF_PI, PI, true);
+    ctx.lineTo(x, y + h - radius.bottomLeft);
+    ctx.arc(x + radius.bottomLeft, y + h - radius.bottomLeft, radius.bottomLeft, PI, HALF_PI, true);
+    ctx.lineTo(x + w - radius.bottomRight, y + h);
+    ctx.arc(x + w - radius.bottomRight, y + h - radius.bottomRight, radius.bottomRight, HALF_PI, 0, true);
+    ctx.lineTo(x + w, y + radius.topRight);
+    ctx.arc(x + w - radius.topRight, y + radius.topRight, radius.topRight, 0, -HALF_PI, true);
+    ctx.lineTo(x + radius.topLeft, y);
+  }
+  var LINE_HEIGHT = /^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/;
+  var FONT_STYLE = /^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]deg)?))$/;
+  /**
+   * @alias Chart.helpers.options
+   * @namespace
+   */ /**
+      * Converts the given line height `value` in pixels for a specific font `size`.
+      * @param value - The lineHeight to parse (eg. 1.6, '14px', '75%', '1.6em').
+      * @param size - The font size (in pixels) used to resolve relative `value`.
+      * @returns The effective line height in pixels (size * 1.2 if value is invalid).
+      * @see https://developer.mozilla.org/en-US/docs/Web/CSS/line-height
+      * @since 2.7.0
+      */
+  function toLineHeight(value, size) {
+    var matches = ('' + value).match(LINE_HEIGHT);
+    if (!matches || matches[1] === 'normal') {
+      return size * 1.2;
     }
-
-    return parent;
+    value = +matches[2];
+    switch (matches[3]) {
+      case 'px':
+        return value;
+      case '%':
+        value /= 100;
+        break;
+    }
+    return size * value;
   }
-
-  function parseMaxStyle(styleValue, node, parentProperty) {
-    var valueInPixels;
-
-    if (typeof styleValue === 'string') {
-      valueInPixels = parseInt(styleValue, 10);
-
-      if (styleValue.indexOf('%') !== -1) {
-        valueInPixels = valueInPixels / 100 * node.parentNode[parentProperty];
+  var numberOrZero = function numberOrZero(v) {
+    return +v || 0;
+  };
+  function _readValueToProps(value, props) {
+    var ret = {};
+    var objProps = isObject(props);
+    var keys = objProps ? Object.keys(props) : props;
+    var read = isObject(value) ? objProps ? function (prop) {
+      return valueOrDefault(value[prop], value[props[prop]]);
+    } : function (prop) {
+      return value[prop];
+    } : function () {
+      return value;
+    };
+    var _iterator4 = _createForOfIteratorHelper$1(keys),
+      _step4;
+    try {
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        var prop = _step4.value;
+        ret[prop] = numberOrZero(read(prop));
       }
-    } else {
-      valueInPixels = styleValue;
+    } catch (err) {
+      _iterator4.e(err);
+    } finally {
+      _iterator4.f();
     }
-
-    return valueInPixels;
+    return ret;
   }
-
-  var getComputedStyle = function getComputedStyle(element) {
-    return window.getComputedStyle(element, null);
-  };
-
-  function getStyle(el, property) {
-    return getComputedStyle(el).getPropertyValue(property);
+  /**
+   * Converts the given value into a TRBL object.
+   * @param value - If a number, set the value to all TRBL component,
+   *  else, if an object, use defined properties and sets undefined ones to 0.
+   *  x / y are shorthands for same value for left/right and top/bottom.
+   * @returns The padding values (top, right, bottom, left)
+   * @since 3.0.0
+   */
+  function toTRBL(value) {
+    return _readValueToProps(value, {
+      top: 'y',
+      right: 'x',
+      bottom: 'y',
+      left: 'x'
+    });
   }
-
-  var positions = ['top', 'right', 'bottom', 'left'];
-
-  function getPositionedStyle(styles, style, suffix) {
-    var result = {};
-    suffix = suffix ? '-' + suffix : '';
-
-    for (var i = 0; i < 4; i++) {
-      var pos = positions[i];
-      result[pos] = parseFloat(styles[style + '-' + pos + suffix]) || 0;
-    }
-
-    result.width = result.left + result.right;
-    result.height = result.top + result.bottom;
-    return result;
+  /**
+   * Converts the given value into a TRBL corners object (similar with css border-radius).
+   * @param value - If a number, set the value to all TRBL corner components,
+   *  else, if an object, use defined properties and sets undefined ones to 0.
+   * @returns The TRBL corner values (topLeft, topRight, bottomLeft, bottomRight)
+   * @since 3.0.0
+   */
+  function toTRBLCorners(value) {
+    return _readValueToProps(value, ['topLeft', 'topRight', 'bottomLeft', 'bottomRight']);
   }
-
-  var useOffsetPos = function useOffsetPos(x, y, target) {
-    return (x > 0 || y > 0) && (!target || !target.shadowRoot);
-  };
-
-  function getCanvasPosition(evt, canvas) {
-    var e = evt.native || evt;
-    var touches = e.touches;
-    var source = touches && touches.length ? touches[0] : e;
-    var offsetX = source.offsetX,
-        offsetY = source.offsetY;
-    var box = false;
-    var x, y;
-
-    if (useOffsetPos(offsetX, offsetY, e.target)) {
-      x = offsetX;
-      y = offsetY;
-    } else {
-      var rect = canvas.getBoundingClientRect();
-      x = source.clientX - rect.left;
-      y = source.clientY - rect.top;
-      box = true;
-    }
-
-    return {
-      x: x,
-      y: y,
-      box: box
-    };
+  /**
+   * Converts the given value into a padding object with pre-computed width/height.
+   * @param value - If a number, set the value to all TRBL component,
+   *  else, if an object, use defined properties and sets undefined ones to 0.
+   *  x / y are shorthands for same value for left/right and top/bottom.
+   * @returns The padding values (top, right, bottom, left, width, height)
+   * @since 2.7.0
+   */
+  function toPadding(value) {
+    var obj = toTRBL(value);
+    obj.width = obj.left + obj.right;
+    obj.height = obj.top + obj.bottom;
+    return obj;
   }
-
-  function getRelativePosition$1(evt, chart) {
-    var canvas = chart.canvas,
-        currentDevicePixelRatio = chart.currentDevicePixelRatio;
-    var style = getComputedStyle(canvas);
-    var borderBox = style.boxSizing === 'border-box';
-    var paddings = getPositionedStyle(style, 'padding');
-    var borders = getPositionedStyle(style, 'border', 'width');
-
-    var _getCanvasPosition = getCanvasPosition(evt, canvas),
-        x = _getCanvasPosition.x,
-        y = _getCanvasPosition.y,
-        box = _getCanvasPosition.box;
-
-    var xOffset = paddings.left + (box && borders.left);
-    var yOffset = paddings.top + (box && borders.top);
-    var width = chart.width,
-        height = chart.height;
-
-    if (borderBox) {
-      width -= paddings.width + borders.width;
-      height -= paddings.height + borders.height;
+  /**
+   * Parses font options and returns the font object.
+   * @param options - A object that contains font options to be parsed.
+   * @param fallback - A object that contains fallback font options.
+   * @return The font object.
+   * @private
+   */
+  function toFont(options, fallback) {
+    options = options || {};
+    fallback = fallback || defaults.font;
+    var size = valueOrDefault(options.size, fallback.size);
+    if (typeof size === 'string') {
+      size = parseInt(size, 10);
     }
-
-    return {
-      x: Math.round((x - xOffset) / width * canvas.width / currentDevicePixelRatio),
-      y: Math.round((y - yOffset) / height * canvas.height / currentDevicePixelRatio)
+    var style = valueOrDefault(options.style, fallback.style);
+    if (style && !('' + style).match(FONT_STYLE)) {
+      console.warn('Invalid font style specified: "' + style + '"');
+      style = undefined;
+    }
+    var font = {
+      family: valueOrDefault(options.family, fallback.family),
+      lineHeight: toLineHeight(valueOrDefault(options.lineHeight, fallback.lineHeight), size),
+      size: size,
+      style: style,
+      weight: valueOrDefault(options.weight, fallback.weight),
+      string: ''
     };
+    font.string = toFontString(font);
+    return font;
   }
-
-  function getContainerSize(canvas, width, height) {
-    var maxWidth, maxHeight;
-
-    if (width === undefined || height === undefined) {
-      var container = _getParentNode(canvas);
-
-      if (!container) {
-        width = canvas.clientWidth;
-        height = canvas.clientHeight;
-      } else {
-        var rect = container.getBoundingClientRect();
-        var containerStyle = getComputedStyle(container);
-        var containerBorder = getPositionedStyle(containerStyle, 'border', 'width');
-        var containerPadding = getPositionedStyle(containerStyle, 'padding');
-        width = rect.width - containerPadding.width - containerBorder.width;
-        height = rect.height - containerPadding.height - containerBorder.height;
-        maxWidth = parseMaxStyle(containerStyle.maxWidth, container, 'clientWidth');
-        maxHeight = parseMaxStyle(containerStyle.maxHeight, container, 'clientHeight');
+  /**
+   * Evaluates the given `inputs` sequentially and returns the first defined value.
+   * @param inputs - An array of values, falling back to the last value.
+   * @param context - If defined and the current value is a function, the value
+   * is called with `context` as first argument and the result becomes the new input.
+   * @param index - If defined and the current value is an array, the value
+   * at `index` become the new input.
+   * @param info - object to return information about resolution in
+   * @param info.cacheable - Will be set to `false` if option is not cacheable.
+   * @since 2.7.0
+   */
+  function resolve(inputs, context, index, info) {
+    var cacheable = true;
+    var i, ilen, value;
+    for (i = 0, ilen = inputs.length; i < ilen; ++i) {
+      value = inputs[i];
+      if (value === undefined) {
+        continue;
+      }
+      if (context !== undefined && typeof value === 'function') {
+        value = value(context);
+        cacheable = false;
+      }
+      if (index !== undefined && isArray(value)) {
+        value = value[index % value.length];
+        cacheable = false;
+      }
+      if (value !== undefined) {
+        if (info && !cacheable) {
+          info.cacheable = false;
+        }
+        return value;
       }
     }
-
+  }
+  /**
+   * @param minmax
+   * @param grace
+   * @param beginAtZero
+   * @private
+   */
+  function _addGrace(minmax, grace, beginAtZero) {
+    var min = minmax.min,
+      max = minmax.max;
+    var change = toDimension(grace, (max - min) / 2);
+    var keepZero = function keepZero(value, add) {
+      return beginAtZero && value === 0 ? 0 : value + add;
+    };
     return {
-      width: width,
-      height: height,
-      maxWidth: maxWidth || INFINITY,
-      maxHeight: maxHeight || INFINITY
+      min: keepZero(min, -Math.abs(change)),
+      max: keepZero(max, change)
     };
   }
-
-  var round1 = function round1(v) {
-    return Math.round(v * 10) / 10;
-  };
-
-  function getMaximumSize(canvas, bbWidth, bbHeight, aspectRatio) {
-    var style = getComputedStyle(canvas);
-    var margins = getPositionedStyle(style, 'margin');
-    var maxWidth = parseMaxStyle(style.maxWidth, canvas, 'clientWidth') || INFINITY;
-    var maxHeight = parseMaxStyle(style.maxHeight, canvas, 'clientHeight') || INFINITY;
-    var containerSize = getContainerSize(canvas, bbWidth, bbHeight);
-    var width = containerSize.width,
-        height = containerSize.height;
-
-    if (style.boxSizing === 'content-box') {
-      var borders = getPositionedStyle(style, 'border', 'width');
-      var paddings = getPositionedStyle(style, 'padding');
-      width -= paddings.width + borders.width;
-      height -= paddings.height + borders.height;
-    }
-
-    width = Math.max(0, width - margins.width);
-    height = Math.max(0, aspectRatio ? Math.floor(width / aspectRatio) : height - margins.height);
-    width = round1(Math.min(width, maxWidth, containerSize.maxWidth));
-    height = round1(Math.min(height, maxHeight, containerSize.maxHeight));
-
-    if (width && !height) {
-      height = round1(width / 2);
-    }
-
-    return {
-      width: width,
-      height: height
-    };
-  }
-
-  function retinaScale(chart, forceRatio, forceStyle) {
-    var pixelRatio = chart.currentDevicePixelRatio = forceRatio || 1;
-    var canvas = chart.canvas,
-        width = chart.width,
-        height = chart.height;
-    canvas.height = height * pixelRatio;
-    canvas.width = width * pixelRatio;
-    chart.ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
-
-    if (canvas.style && (forceStyle || !canvas.style.height && !canvas.style.width)) {
-      canvas.style.height = height + 'px';
-      canvas.style.width = width + 'px';
-    }
-  }
-
-  var supportsEventListenerOptions = function () {
-    var passiveSupported = false;
-
-    try {
-      var options = {
-        get passive() {
-          passiveSupported = true;
-          return false;
-        }
-
-      };
-      window.addEventListener('test', null, options);
-      window.removeEventListener('test', null, options);
-    } catch (e) {}
-
-    return passiveSupported;
-  }();
-
-  function readUsedSize(element, property) {
-    var value = getStyle(element, property);
-    var matches = value && value.match(/^(\d+)(\.\d+)?px$/);
-    return matches ? +matches[1] : undefined;
+  function createContext(parentContext, context) {
+    return Object.assign(Object.create(parentContext), context);
   }
-
-  function _pointInLine(p1, p2, t, mode) {
-    return {
-      x: p1.x + t * (p2.x - p1.x),
-      y: p1.y + t * (p2.y - p1.y)
-    };
-  }
-
-  function _steppedInterpolation(p1, p2, t, mode) {
-    return {
-      x: p1.x + t * (p2.x - p1.x),
-      y: mode === 'middle' ? t < 0.5 ? p1.y : p2.y : mode === 'after' ? t < 1 ? p1.y : p2.y : t > 0 ? p2.y : p1.y
-    };
-  }
-
-  function _bezierInterpolation(p1, p2, t, mode) {
-    var cp1 = {
-      x: p1.cp2x,
-      y: p1.cp2y
-    };
-    var cp2 = {
-      x: p2.cp1x,
-      y: p2.cp1y
+  function _createResolver(scopes) {
+    var _cache;
+    var prefixes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [''];
+    var rootScopes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : scopes;
+    var fallback = arguments.length > 3 ? arguments[3] : undefined;
+    var getTarget = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : function () {
+      return scopes[0];
     };
-
-    var a = _pointInLine(p1, cp1, t);
-
-    var b = _pointInLine(cp1, cp2, t);
-
-    var c = _pointInLine(cp2, p2, t);
-
-    var d = _pointInLine(a, b, t);
-
-    var e = _pointInLine(b, c, t);
-
-    return _pointInLine(d, e, t);
-  }
-
-  var intlCache = new Map();
-
-  function getNumberFormat(locale, options) {
-    options = options || {};
-    var cacheKey = locale + JSON.stringify(options);
-    var formatter = intlCache.get(cacheKey);
-
-    if (!formatter) {
-      formatter = new Intl.NumberFormat(locale, options);
-      intlCache.set(cacheKey, formatter);
+    if (!defined(fallback)) {
+      fallback = _resolve('_fallback', scopes);
     }
-
-    return formatter;
-  }
-
-  function formatNumber(num, locale, options) {
-    return getNumberFormat(locale, options).format(num);
-  }
-
-  var getRightToLeftAdapter = function getRightToLeftAdapter(rectX, width) {
-    return {
-      x: function x(_x) {
-        return rectX + rectX + width - _x;
+    var cache = (_cache = {}, _defineProperty$w(_cache, Symbol.toStringTag, 'Object'), _defineProperty$w(_cache, "_cacheable", true), _defineProperty$w(_cache, "_scopes", scopes), _defineProperty$w(_cache, "_rootScopes", rootScopes), _defineProperty$w(_cache, "_fallback", fallback), _defineProperty$w(_cache, "_getTarget", getTarget), _defineProperty$w(_cache, "override", function override(scope) {
+      return _createResolver([scope].concat(_toConsumableArray(scopes)), prefixes, rootScopes, fallback);
+    }), _cache);
+    return new Proxy(cache, {
+      deleteProperty: function deleteProperty(target, prop) {
+        delete target[prop];
+        delete target._keys;
+        delete scopes[0][prop];
+        return true;
       },
-      setWidth: function setWidth(w) {
-        width = w;
+      get: function get(target, prop) {
+        return _cached(target, prop, function () {
+          return _resolveWithPrefixes(prop, prefixes, scopes, target);
+        });
       },
-      textAlign: function textAlign(align) {
-        if (align === 'center') {
-          return align;
-        }
-
-        return align === 'right' ? 'left' : 'right';
+      getOwnPropertyDescriptor: function getOwnPropertyDescriptor(target, prop) {
+        return Reflect.getOwnPropertyDescriptor(target._scopes[0], prop);
       },
-      xPlus: function xPlus(x, value) {
-        return x - value;
+      getPrototypeOf: function getPrototypeOf() {
+        return Reflect.getPrototypeOf(scopes[0]);
       },
-      leftForLtr: function leftForLtr(x, itemWidth) {
-        return x - itemWidth;
+      has: function has(target, prop) {
+        return getKeysFromAllScopes(target).includes(prop);
+      },
+      ownKeys: function ownKeys(target) {
+        return getKeysFromAllScopes(target);
+      },
+      set: function set(target, prop, value) {
+        var storage = target._storage || (target._storage = getTarget());
+        target[prop] = storage[prop] = value;
+        delete target._keys;
+        return true;
+      }
+    });
+  }
+  function _attachContext(proxy, context, subProxy, descriptorDefaults) {
+    var cache = {
+      _cacheable: false,
+      _proxy: proxy,
+      _context: context,
+      _subProxy: subProxy,
+      _stack: new Set(),
+      _descriptors: _descriptors(proxy, descriptorDefaults),
+      setContext: function setContext(ctx) {
+        return _attachContext(proxy, ctx, subProxy, descriptorDefaults);
+      },
+      override: function override(scope) {
+        return _attachContext(proxy.override(scope), context, subProxy, descriptorDefaults);
       }
     };
-  };
-
-  var getLeftToRightAdapter = function getLeftToRightAdapter() {
-    return {
-      x: function x(_x2) {
-        return _x2;
+    return new Proxy(cache, {
+      deleteProperty: function deleteProperty(target, prop) {
+        delete target[prop];
+        delete proxy[prop];
+        return true;
       },
-      setWidth: function setWidth(w) {},
-      textAlign: function textAlign(align) {
-        return align;
+      get: function get(target, prop, receiver) {
+        return _cached(target, prop, function () {
+          return _resolveWithContext(target, prop, receiver);
+        });
       },
-      xPlus: function xPlus(x, value) {
-        return x + value;
+      getOwnPropertyDescriptor: function getOwnPropertyDescriptor(target, prop) {
+        return target._descriptors.allKeys ? Reflect.has(proxy, prop) ? {
+          enumerable: true,
+          configurable: true
+        } : undefined : Reflect.getOwnPropertyDescriptor(proxy, prop);
       },
-      leftForLtr: function leftForLtr(x, _itemWidth) {
-        return x;
+      getPrototypeOf: function getPrototypeOf() {
+        return Reflect.getPrototypeOf(proxy);
+      },
+      has: function has(target, prop) {
+        return Reflect.has(proxy, prop);
+      },
+      ownKeys: function ownKeys() {
+        return Reflect.ownKeys(proxy);
+      },
+      set: function set(target, prop, value) {
+        proxy[prop] = value;
+        delete target[prop];
+        return true;
+      }
+    });
+  }
+  function _descriptors(proxy) {
+    var defaults = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      scriptable: true,
+      indexable: true
+    };
+    var _proxy$_scriptable = proxy._scriptable,
+      _scriptable = _proxy$_scriptable === void 0 ? defaults.scriptable : _proxy$_scriptable,
+      _proxy$_indexable = proxy._indexable,
+      _indexable = _proxy$_indexable === void 0 ? defaults.indexable : _proxy$_indexable,
+      _proxy$_allKeys = proxy._allKeys,
+      _allKeys = _proxy$_allKeys === void 0 ? defaults.allKeys : _proxy$_allKeys;
+    return {
+      allKeys: _allKeys,
+      scriptable: _scriptable,
+      indexable: _indexable,
+      isScriptable: isFunction(_scriptable) ? _scriptable : function () {
+        return _scriptable;
+      },
+      isIndexable: isFunction(_indexable) ? _indexable : function () {
+        return _indexable;
       }
     };
-  };
-
-  function getRtlAdapter(rtl, rectX, width) {
-    return rtl ? getRightToLeftAdapter(rectX, width) : getLeftToRightAdapter();
   }
-
-  function overrideTextDirection(ctx, direction) {
-    var style, original;
-
-    if (direction === 'ltr' || direction === 'rtl') {
-      style = ctx.canvas.style;
-      original = [style.getPropertyValue('direction'), style.getPropertyPriority('direction')];
-      style.setProperty('direction', direction, 'important');
-      ctx.prevTextDirection = original;
+  var readKey = function readKey(prefix, name) {
+    return prefix ? prefix + _capitalize(name) : name;
+  };
+  var needsSubResolver = function needsSubResolver(prop, value) {
+    return isObject(value) && prop !== 'adapters' && (Object.getPrototypeOf(value) === null || value.constructor === Object);
+  };
+  function _cached(target, prop, resolve) {
+    if (Object.prototype.hasOwnProperty.call(target, prop)) {
+      return target[prop];
     }
+    var value = resolve();
+    target[prop] = value;
+    return value;
   }
-
-  function restoreTextDirection(ctx, original) {
-    if (original !== undefined) {
-      delete ctx.prevTextDirection;
-      ctx.canvas.style.setProperty('direction', original[0], original[1]);
+  function _resolveWithContext(target, prop, receiver) {
+    var _proxy = target._proxy,
+      _context = target._context,
+      _subProxy = target._subProxy,
+      descriptors = target._descriptors;
+    var value = _proxy[prop];
+    if (isFunction(value) && descriptors.isScriptable(prop)) {
+      value = _resolveScriptable(prop, value, target, receiver);
     }
-  }
-
-  function propertyFn(property) {
-    if (property === 'angle') {
-      return {
-        between: _angleBetween,
-        compare: _angleDiff,
-        normalize: _normalizeAngle
-      };
+    if (isArray(value) && value.length) {
+      value = _resolveArray(prop, value, target, descriptors.isIndexable);
     }
-
-    return {
-      between: function between(n, s, e) {
-        return n >= s && n <= e;
-      },
-      compare: function compare(a, b) {
-        return a - b;
-      },
-      normalize: function normalize(x) {
-        return x;
-      }
-    };
+    if (needsSubResolver(prop, value)) {
+      value = _attachContext(value, _context, _subProxy && _subProxy[prop], descriptors);
+    }
+    return value;
   }
-
-  function makeSubSegment(start, end, loop, count) {
-    return {
-      start: start % count,
-      end: end % count,
-      loop: loop && (end - start + 1) % count === 0
-    };
+  function _resolveScriptable(prop, value, target, receiver) {
+    var _proxy = target._proxy,
+      _context = target._context,
+      _subProxy = target._subProxy,
+      _stack = target._stack;
+    if (_stack.has(prop)) {
+      throw new Error('Recursion detected: ' + Array.from(_stack).join('->') + '->' + prop);
+    }
+    _stack.add(prop);
+    value = value(_context, _subProxy || receiver);
+    _stack["delete"](prop);
+    if (needsSubResolver(prop, value)) {
+      value = createSubResolver(_proxy._scopes, _proxy, prop, value);
+    }
+    return value;
   }
-
-  function getSegment(segment, points, bounds) {
-    var property = bounds.property,
-        startBound = bounds.start,
-        endBound = bounds.end;
-
-    var _propertyFn = propertyFn(property),
-        between = _propertyFn.between,
-        normalize = _propertyFn.normalize;
-
-    var count = points.length;
-    var start = segment.start,
-        end = segment.end,
-        loop = segment.loop;
-    var i, ilen;
-
-    if (loop) {
-      start += count;
-      end += count;
-
-      for (i = 0, ilen = count; i < ilen; ++i) {
-        if (!between(normalize(points[start % count][property]), startBound, endBound)) {
-          break;
+  function _resolveArray(prop, value, target, isIndexable) {
+    var _proxy = target._proxy,
+      _context = target._context,
+      _subProxy = target._subProxy,
+      descriptors = target._descriptors;
+    if (defined(_context.index) && isIndexable(prop)) {
+      value = value[_context.index % value.length];
+    } else if (isObject(value[0])) {
+      var arr = value;
+      var scopes = _proxy._scopes.filter(function (s) {
+        return s !== arr;
+      });
+      value = [];
+      var _iterator5 = _createForOfIteratorHelper$1(arr),
+        _step5;
+      try {
+        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+          var item = _step5.value;
+          var resolver = createSubResolver(scopes, _proxy, prop, item);
+          value.push(_attachContext(resolver, _context, _subProxy && _subProxy[prop], descriptors));
         }
-
-        start--;
-        end--;
+      } catch (err) {
+        _iterator5.e(err);
+      } finally {
+        _iterator5.f();
       }
-
-      start %= count;
-      end %= count;
     }
-
-    if (end < start) {
-      end += count;
+    return value;
+  }
+  function resolveFallback(fallback, prop, value) {
+    return isFunction(fallback) ? fallback(prop, value) : fallback;
+  }
+  var getScope = function getScope(key, parent) {
+    return key === true ? parent : typeof key === 'string' ? resolveObjectKey(parent, key) : undefined;
+  };
+  function addScopes(set, parentScopes, key, parentFallback, value) {
+    var _iterator6 = _createForOfIteratorHelper$1(parentScopes),
+      _step6;
+    try {
+      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+        var parent = _step6.value;
+        var scope = getScope(key, parent);
+        if (scope) {
+          set.add(scope);
+          var fallback = resolveFallback(scope._fallback, key, value);
+          if (defined(fallback) && fallback !== key && fallback !== parentFallback) {
+            return fallback;
+          }
+        } else if (scope === false && defined(parentFallback) && key !== parentFallback) {
+          return null;
+        }
+      }
+    } catch (err) {
+      _iterator6.e(err);
+    } finally {
+      _iterator6.f();
     }
-
-    return {
-      start: start,
-      end: end,
-      loop: loop
-    };
+    return false;
   }
-
-  function _boundSegment(segment, points, bounds) {
-    if (!bounds) {
-      return [segment];
+  function createSubResolver(parentScopes, resolver, prop, value) {
+    var rootScopes = resolver._rootScopes;
+    var fallback = resolveFallback(resolver._fallback, prop, value);
+    var allScopes = [].concat(_toConsumableArray(parentScopes), _toConsumableArray(rootScopes));
+    var set = new Set();
+    set.add(value);
+    var key = addScopesFromKey(set, allScopes, prop, fallback || prop, value);
+    if (key === null) {
+      return false;
     }
-
-    var property = bounds.property,
-        startBound = bounds.start,
-        endBound = bounds.end;
-    var count = points.length;
-
-    var _propertyFn2 = propertyFn(property),
-        compare = _propertyFn2.compare,
-        between = _propertyFn2.between,
-        normalize = _propertyFn2.normalize;
-
-    var _getSegment = getSegment(segment, points, bounds),
-        start = _getSegment.start,
-        end = _getSegment.end,
-        loop = _getSegment.loop;
-
-    var result = [];
-    var inside = false;
-    var subStart = null;
-    var value, point, prevValue;
-
-    var startIsBefore = function startIsBefore() {
-      return between(startBound, prevValue, value) && compare(startBound, prevValue) !== 0;
-    };
-
-    var endIsBefore = function endIsBefore() {
-      return compare(endBound, value) === 0 || between(endBound, prevValue, value);
-    };
-
-    var shouldStart = function shouldStart() {
-      return inside || startIsBefore();
-    };
-
-    var shouldStop = function shouldStop() {
-      return !inside || endIsBefore();
-    };
-
-    for (var i = start, prev = start; i <= end; ++i) {
-      point = points[i % count];
-
-      if (point.skip) {
-        continue;
-      }
-
-      value = normalize(point[property]);
-      inside = between(value, startBound, endBound);
-
-      if (subStart === null && shouldStart()) {
-        subStart = compare(value, startBound) === 0 ? i : prev;
-      }
-
-      if (subStart !== null && shouldStop()) {
-        result.push(makeSubSegment(subStart, i, loop, count));
-        subStart = null;
+    if (defined(fallback) && fallback !== prop) {
+      key = addScopesFromKey(set, allScopes, fallback, key, value);
+      if (key === null) {
+        return false;
       }
-
-      prev = i;
-      prevValue = value;
     }
-
-    if (subStart !== null) {
-      result.push(makeSubSegment(subStart, end, loop, count));
+    return _createResolver(Array.from(set), [''], rootScopes, fallback, function () {
+      return subGetTarget(resolver, prop, value);
+    });
+  }
+  function addScopesFromKey(set, allScopes, key, fallback, item) {
+    while (key) {
+      key = addScopes(set, allScopes, key, fallback, item);
     }
-
-    return result;
+    return key;
   }
-
-  function _boundSegments(line, bounds) {
-    var result = [];
-    var segments = line.segments;
-
-    for (var i = 0; i < segments.length; i++) {
-      var sub = _boundSegment(segments[i], line.points, bounds);
-
-      if (sub.length) {
-        result.push.apply(result, _toConsumableArray(sub));
-      }
+  function subGetTarget(resolver, prop, value) {
+    var parent = resolver._getTarget();
+    if (!(prop in parent)) {
+      parent[prop] = {};
     }
-
-    return result;
+    var target = parent[prop];
+    if (isArray(target) && isObject(value)) {
+      return value;
+    }
+    return target || {};
   }
-
-  function findStartAndEnd(points, count, loop, spanGaps) {
-    var start = 0;
-    var end = count - 1;
-
-    if (loop && !spanGaps) {
-      while (start < count && !points[start].skip) {
-        start++;
+  function _resolveWithPrefixes(prop, prefixes, scopes, proxy) {
+    var value;
+    var _iterator7 = _createForOfIteratorHelper$1(prefixes),
+      _step7;
+    try {
+      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+        var prefix = _step7.value;
+        value = _resolve(readKey(prefix, prop), scopes);
+        if (defined(value)) {
+          return needsSubResolver(prop, value) ? createSubResolver(scopes, proxy, prop, value) : value;
+        }
       }
+    } catch (err) {
+      _iterator7.e(err);
+    } finally {
+      _iterator7.f();
     }
-
-    while (start < count && points[start].skip) {
-      start++;
-    }
-
-    start %= count;
-
-    if (loop) {
-      end += start;
+  }
+  function _resolve(key, scopes) {
+    var _iterator8 = _createForOfIteratorHelper$1(scopes),
+      _step8;
+    try {
+      for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+        var scope = _step8.value;
+        if (!scope) {
+          continue;
+        }
+        var value = scope[key];
+        if (defined(value)) {
+          return value;
+        }
+      }
+    } catch (err) {
+      _iterator8.e(err);
+    } finally {
+      _iterator8.f();
     }
-
-    while (end > start && points[end % count].skip) {
-      end--;
+  }
+  function getKeysFromAllScopes(target) {
+    var keys = target._keys;
+    if (!keys) {
+      keys = target._keys = resolveKeysFromAllScopes(target._scopes);
     }
-
-    end %= count;
-    return {
-      start: start,
-      end: end
-    };
+    return keys;
   }
-
-  function solidSegments(points, start, max, loop) {
-    var count = points.length;
-    var result = [];
-    var last = start;
-    var prev = points[start];
-    var end;
-
-    for (end = start + 1; end <= max; ++end) {
-      var cur = points[end % count];
-
-      if (cur.skip || cur.stop) {
-        if (!prev.skip) {
-          loop = false;
-          result.push({
-            start: start % count,
-            end: (end - 1) % count,
-            loop: loop
-          });
-          start = last = cur.stop ? end : null;
-        }
-      } else {
-        last = end;
-
-        if (prev.skip) {
-          start = end;
+  function resolveKeysFromAllScopes(scopes) {
+    var set = new Set();
+    var _iterator9 = _createForOfIteratorHelper$1(scopes),
+      _step9;
+    try {
+      for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+        var scope = _step9.value;
+        var _iterator10 = _createForOfIteratorHelper$1(Object.keys(scope).filter(function (k) {
+            return !k.startsWith('_');
+          })),
+          _step10;
+        try {
+          for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+            var key = _step10.value;
+            set.add(key);
+          }
+        } catch (err) {
+          _iterator10.e(err);
+        } finally {
+          _iterator10.f();
         }
       }
-
-      prev = cur;
-    }
-
-    if (last !== null) {
-      result.push({
-        start: start % count,
-        end: last % count,
-        loop: loop
-      });
+    } catch (err) {
+      _iterator9.e(err);
+    } finally {
+      _iterator9.f();
     }
-
-    return result;
+    return Array.from(set);
   }
-
-  function _computeSegments(line) {
-    var points = line.points;
-    var spanGaps = line.options.spanGaps;
-    var count = points.length;
-
-    if (!count) {
-      return [];
-    }
-
-    var loop = !!line._loop;
-
-    var _findStartAndEnd = findStartAndEnd(points, count, loop, spanGaps),
-        start = _findStartAndEnd.start,
-        end = _findStartAndEnd.end;
-
-    if (spanGaps === true) {
-      return [{
-        start: start,
-        end: end,
-        loop: loop
-      }];
+  function _parseObjectDataRadialScale(meta, data, start, count) {
+    var iScale = meta.iScale;
+    var _this$_parsing$key = this._parsing.key,
+      key = _this$_parsing$key === void 0 ? 'r' : _this$_parsing$key;
+    var parsed = new Array(count);
+    var i, ilen, index, item;
+    for (i = 0, ilen = count; i < ilen; ++i) {
+      index = i + start;
+      item = data[index];
+      parsed[i] = {
+        r: iScale.parse(resolveObjectKey(item, key), index)
+      };
     }
-
-    var max = end < start ? end + count : end;
-    var completeLoop = !!line._fullLoop && start === 0 && end === count - 1;
-    return solidSegments(points, start, max, completeLoop);
+    return parsed;
   }
-
-  var Animator = /*#__PURE__*/function () {
-    function Animator() {
-      _classCallCheck(this, Animator);
-
-      this._request = null;
-      this._charts = new Map();
-      this._running = false;
-      this._lastDate = undefined;
-    }
-
-    _createClass(Animator, [{
-      key: "_notify",
-      value: function _notify(chart, anims, date, type) {
-        var callbacks = anims.listeners[type];
-        var numSteps = anims.duration;
-        callbacks.forEach(function (fn) {
-          return fn({
-            chart: chart,
-            numSteps: numSteps,
-            currentStep: Math.min(date - anims.start, numSteps)
-          });
-        });
+  var EPSILON = Number.EPSILON || 1e-14;
+  var getPoint = function getPoint(points, i) {
+    return i < points.length && !points[i].skip && points[i];
+  };
+  var getValueAxis = function getValueAxis(indexAxis) {
+    return indexAxis === 'x' ? 'y' : 'x';
+  };
+  function splineCurve(firstPoint, middlePoint, afterPoint, t) {
+    // Props to Rob Spencer at scaled innovation for his post on splining between points
+    // http://scaledinnovation.com/analytics/splines/aboutSplines.html
+    // This function must also respect "skipped" points
+    var previous = firstPoint.skip ? middlePoint : firstPoint;
+    var current = middlePoint;
+    var next = afterPoint.skip ? middlePoint : afterPoint;
+    var d01 = distanceBetweenPoints(current, previous);
+    var d12 = distanceBetweenPoints(next, current);
+    var s01 = d01 / (d01 + d12);
+    var s12 = d12 / (d01 + d12);
+    // If all points are the same, s01 & s02 will be inf
+    s01 = isNaN(s01) ? 0 : s01;
+    s12 = isNaN(s12) ? 0 : s12;
+    var fa = t * s01; // scaling factor for triangle Ta
+    var fb = t * s12;
+    return {
+      previous: {
+        x: current.x - fa * (next.x - previous.x),
+        y: current.y - fa * (next.y - previous.y)
+      },
+      next: {
+        x: current.x + fb * (next.x - previous.x),
+        y: current.y + fb * (next.y - previous.y)
       }
-    }, {
-      key: "_refresh",
-      value: function _refresh() {
-        var me = this;
-
-        if (me._request) {
-          return;
-        }
-
-        me._running = true;
-        me._request = requestAnimFrame.call(window, function () {
-          me._update();
-
-          me._request = null;
-
-          if (me._running) {
-            me._refresh();
-          }
-        });
+    };
+  }
+  /**
+   * Adjust tangents to ensure monotonic properties
+   */
+  function monotoneAdjust(points, deltaK, mK) {
+    var pointsLen = points.length;
+    var alphaK, betaK, tauK, squaredMagnitude, pointCurrent;
+    var pointAfter = getPoint(points, 0);
+    for (var i = 0; i < pointsLen - 1; ++i) {
+      pointCurrent = pointAfter;
+      pointAfter = getPoint(points, i + 1);
+      if (!pointCurrent || !pointAfter) {
+        continue;
       }
-    }, {
-      key: "_update",
-      value: function _update() {
-        var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Date.now();
-        var me = this;
-        var remaining = 0;
-
-        me._charts.forEach(function (anims, chart) {
-          if (!anims.running || !anims.items.length) {
-            return;
-          }
-
-          var items = anims.items;
-          var i = items.length - 1;
-          var draw = false;
-          var item;
-
-          for (; i >= 0; --i) {
-            item = items[i];
-
-            if (item._active) {
-              if (item._total > anims.duration) {
-                anims.duration = item._total;
-              }
-
-              item.tick(date);
-              draw = true;
-            } else {
-              items[i] = items[items.length - 1];
-              items.pop();
-            }
-          }
-
-          if (draw) {
-            chart.draw();
-
-            me._notify(chart, anims, date, 'progress');
-          }
-
-          if (!items.length) {
-            anims.running = false;
-
-            me._notify(chart, anims, date, 'complete');
-          }
-
-          remaining += items.length;
-        });
-
-        me._lastDate = date;
-
-        if (remaining === 0) {
-          me._running = false;
-        }
+      if (almostEquals(deltaK[i], 0, EPSILON)) {
+        mK[i] = mK[i + 1] = 0;
+        continue;
       }
-    }, {
-      key: "_getAnims",
-      value: function _getAnims(chart) {
-        var charts = this._charts;
-        var anims = charts.get(chart);
-
-        if (!anims) {
-          anims = {
-            running: false,
-            items: [],
-            listeners: {
-              complete: [],
-              progress: []
-            }
-          };
-          charts.set(chart, anims);
-        }
-
-        return anims;
+      alphaK = mK[i] / deltaK[i];
+      betaK = mK[i + 1] / deltaK[i];
+      squaredMagnitude = Math.pow(alphaK, 2) + Math.pow(betaK, 2);
+      if (squaredMagnitude <= 9) {
+        continue;
       }
-    }, {
-      key: "listen",
-      value: function listen(chart, event, cb) {
-        this._getAnims(chart).listeners[event].push(cb);
+      tauK = 3 / Math.sqrt(squaredMagnitude);
+      mK[i] = alphaK * tauK * deltaK[i];
+      mK[i + 1] = betaK * tauK * deltaK[i];
+    }
+  }
+  function monotoneCompute(points, mK) {
+    var indexAxis = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'x';
+    var valueAxis = getValueAxis(indexAxis);
+    var pointsLen = points.length;
+    var delta, pointBefore, pointCurrent;
+    var pointAfter = getPoint(points, 0);
+    for (var i = 0; i < pointsLen; ++i) {
+      pointBefore = pointCurrent;
+      pointCurrent = pointAfter;
+      pointAfter = getPoint(points, i + 1);
+      if (!pointCurrent) {
+        continue;
       }
-    }, {
-      key: "add",
-      value: function add(chart, items) {
-        var _this$_getAnims$items;
-
-        if (!items || !items.length) {
-          return;
-        }
-
-        (_this$_getAnims$items = this._getAnims(chart).items).push.apply(_this$_getAnims$items, _toConsumableArray(items));
+      var iPixel = pointCurrent[indexAxis];
+      var vPixel = pointCurrent[valueAxis];
+      if (pointBefore) {
+        delta = (iPixel - pointBefore[indexAxis]) / 3;
+        pointCurrent["cp1".concat(indexAxis)] = iPixel - delta;
+        pointCurrent["cp1".concat(valueAxis)] = vPixel - delta * mK[i];
       }
-    }, {
-      key: "has",
-      value: function has(chart) {
-        return this._getAnims(chart).items.length > 0;
+      if (pointAfter) {
+        delta = (pointAfter[indexAxis] - iPixel) / 3;
+        pointCurrent["cp2".concat(indexAxis)] = iPixel + delta;
+        pointCurrent["cp2".concat(valueAxis)] = vPixel + delta * mK[i];
       }
-    }, {
-      key: "start",
-      value: function start(chart) {
-        var anims = this._charts.get(chart);
-
-        if (!anims) {
-          return;
-        }
-
-        anims.running = true;
-        anims.start = Date.now();
-        anims.duration = anims.items.reduce(function (acc, cur) {
-          return Math.max(acc, cur._duration);
-        }, 0);
-
-        this._refresh();
-      }
-    }, {
-      key: "running",
-      value: function running(chart) {
-        if (!this._running) {
-          return false;
-        }
-
-        var anims = this._charts.get(chart);
-
-        if (!anims || !anims.running || !anims.items.length) {
-          return false;
-        }
-
-        return true;
-      }
-    }, {
-      key: "stop",
-      value: function stop(chart) {
-        var anims = this._charts.get(chart);
-
-        if (!anims || !anims.items.length) {
-          return;
-        }
-
-        var items = anims.items;
-        var i = items.length - 1;
-
-        for (; i >= 0; --i) {
-          items[i].cancel();
-        }
-
-        anims.items = [];
-
-        this._notify(chart, anims, Date.now(), 'complete');
-      }
-    }, {
-      key: "remove",
-      value: function remove(chart) {
-        return this._charts.delete(chart);
-      }
-    }]);
-
-    return Animator;
-  }();
-
-  var animator = new Animator();
-  var transparent = 'transparent';
-  var interpolators = {
-    boolean: function boolean(from, to, factor) {
-      return factor > 0.5 ? to : from;
-    },
-    color: function color$1(from, to, factor) {
-      var c0 = color(from || transparent);
-
-      var c1 = c0.valid && color(to || transparent);
-
-      return c1 && c1.valid ? c1.mix(c0, factor).hexString() : to;
-    },
-    number: function number(from, to, factor) {
-      return from + (to - from) * factor;
-    }
-  };
-
-  var Animation = /*#__PURE__*/function () {
-    function Animation(cfg, target, prop, to) {
-      _classCallCheck(this, Animation);
-
-      var currentValue = target[prop];
-      to = resolve([cfg.to, to, currentValue, cfg.from]);
-      var from = resolve([cfg.from, currentValue, to]);
-      this._active = true;
-      this._fn = cfg.fn || interpolators[cfg.type || _typeof(from)];
-      this._easing = effects[cfg.easing] || effects.linear;
-      this._start = Math.floor(Date.now() + (cfg.delay || 0));
-      this._duration = this._total = Math.floor(cfg.duration);
-      this._loop = !!cfg.loop;
-      this._target = target;
-      this._prop = prop;
-      this._from = from;
-      this._to = to;
-      this._promises = undefined;
     }
-
-    _createClass(Animation, [{
-      key: "active",
-      value: function active() {
-        return this._active;
-      }
-    }, {
-      key: "update",
-      value: function update(cfg, to, date) {
-        var me = this;
-
-        if (me._active) {
-          me._notify(false);
-
-          var currentValue = me._target[me._prop];
-          var elapsed = date - me._start;
-          var remain = me._duration - elapsed;
-          me._start = date;
-          me._duration = Math.floor(Math.max(remain, cfg.duration));
-          me._total += elapsed;
-          me._loop = !!cfg.loop;
-          me._to = resolve([cfg.to, to, currentValue, cfg.from]);
-          me._from = resolve([cfg.from, currentValue, to]);
-        }
+  }
+  /**
+   * This function calculates Bézier control points in a similar way than |splineCurve|,
+   * but preserves monotonicity of the provided data and ensures no local extremums are added
+   * between the dataset discrete points due to the interpolation.
+   * See : https://en.wikipedia.org/wiki/Monotone_cubic_interpolation
+   */
+  function splineCurveMonotone(points) {
+    var indexAxis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'x';
+    var valueAxis = getValueAxis(indexAxis);
+    var pointsLen = points.length;
+    var deltaK = Array(pointsLen).fill(0);
+    var mK = Array(pointsLen);
+    // Calculate slopes (deltaK) and initialize tangents (mK)
+    var i, pointBefore, pointCurrent;
+    var pointAfter = getPoint(points, 0);
+    for (i = 0; i < pointsLen; ++i) {
+      pointBefore = pointCurrent;
+      pointCurrent = pointAfter;
+      pointAfter = getPoint(points, i + 1);
+      if (!pointCurrent) {
+        continue;
       }
-    }, {
-      key: "cancel",
-      value: function cancel() {
-        var me = this;
-
-        if (me._active) {
-          me.tick(Date.now());
-          me._active = false;
-
-          me._notify(false);
-        }
+      if (pointAfter) {
+        var slopeDelta = pointAfter[indexAxis] - pointCurrent[indexAxis];
+        // In the case of two points that appear at the same x pixel, slopeDeltaX is 0
+        deltaK[i] = slopeDelta !== 0 ? (pointAfter[valueAxis] - pointCurrent[valueAxis]) / slopeDelta : 0;
       }
-    }, {
-      key: "tick",
-      value: function tick(date) {
-        var me = this;
-        var elapsed = date - me._start;
-        var duration = me._duration;
-        var prop = me._prop;
-        var from = me._from;
-        var loop = me._loop;
-        var to = me._to;
-        var factor;
-        me._active = from !== to && (loop || elapsed < duration);
-
-        if (!me._active) {
-          me._target[prop] = to;
-
-          me._notify(true);
-
-          return;
-        }
-
-        if (elapsed < 0) {
-          me._target[prop] = from;
-          return;
-        }
-
-        factor = elapsed / duration % 2;
-        factor = loop && factor > 1 ? 2 - factor : factor;
-        factor = me._easing(Math.min(1, Math.max(0, factor)));
-        me._target[prop] = me._fn(from, to, factor);
+      mK[i] = !pointBefore ? deltaK[i] : !pointAfter ? deltaK[i - 1] : sign(deltaK[i - 1]) !== sign(deltaK[i]) ? 0 : (deltaK[i - 1] + deltaK[i]) / 2;
+    }
+    monotoneAdjust(points, deltaK, mK);
+    monotoneCompute(points, mK, indexAxis);
+  }
+  function capControlPoint(pt, min, max) {
+    return Math.max(Math.min(pt, max), min);
+  }
+  function capBezierPoints(points, area) {
+    var i, ilen, point, inArea, inAreaPrev;
+    var inAreaNext = _isPointInArea(points[0], area);
+    for (i = 0, ilen = points.length; i < ilen; ++i) {
+      inAreaPrev = inArea;
+      inArea = inAreaNext;
+      inAreaNext = i < ilen - 1 && _isPointInArea(points[i + 1], area);
+      if (!inArea) {
+        continue;
       }
-    }, {
-      key: "wait",
-      value: function wait() {
-        var promises = this._promises || (this._promises = []);
-        return new Promise(function (res, rej) {
-          promises.push({
-            res: res,
-            rej: rej
-          });
-        });
+      point = points[i];
+      if (inAreaPrev) {
+        point.cp1x = capControlPoint(point.cp1x, area.left, area.right);
+        point.cp1y = capControlPoint(point.cp1y, area.top, area.bottom);
       }
-    }, {
-      key: "_notify",
-      value: function _notify(resolved) {
-        var method = resolved ? 'res' : 'rej';
-        var promises = this._promises || [];
-
-        for (var i = 0; i < promises.length; i++) {
-          promises[i][method]();
-        }
+      if (inAreaNext) {
+        point.cp2x = capControlPoint(point.cp2x, area.left, area.right);
+        point.cp2y = capControlPoint(point.cp2y, area.top, area.bottom);
       }
-    }]);
-
-    return Animation;
-  }();
-
-  var numbers = ['x', 'y', 'borderWidth', 'radius', 'tension'];
-  var colors = ['color', 'borderColor', 'backgroundColor'];
-  defaults.set('animation', {
-    delay: undefined,
-    duration: 1000,
-    easing: 'easeOutQuart',
-    fn: undefined,
-    from: undefined,
-    loop: undefined,
-    to: undefined,
-    type: undefined
-  });
-  var animationOptions = Object.keys(defaults.animation);
-  defaults.describe('animation', {
-    _fallback: false,
-    _indexable: false,
-    _scriptable: function _scriptable(name) {
-      return name !== 'onProgress' && name !== 'onComplete' && name !== 'fn';
     }
-  });
-  defaults.set('animations', {
-    colors: {
-      type: 'color',
-      properties: colors
-    },
-    numbers: {
-      type: 'number',
-      properties: numbers
+  }
+  /**
+   * @private
+   */
+  function _updateBezierControlPoints(points, options, area, loop, indexAxis) {
+    var i, ilen, point, controlPoints;
+    // Only consider points that are drawn in case the spanGaps option is used
+    if (options.spanGaps) {
+      points = points.filter(function (pt) {
+        return !pt.skip;
+      });
     }
-  });
-  defaults.describe('animations', {
-    _fallback: 'animation'
-  });
-  defaults.set('transitions', {
-    active: {
-      animation: {
-        duration: 400
-      }
-    },
-    resize: {
-      animation: {
-        duration: 0
-      }
-    },
-    show: {
-      animations: {
-        colors: {
-          from: 'transparent'
-        },
-        visible: {
-          type: 'boolean',
-          duration: 0
-        }
-      }
-    },
-    hide: {
-      animations: {
-        colors: {
-          to: 'transparent'
-        },
-        visible: {
-          type: 'boolean',
-          easing: 'linear',
-          fn: function fn(v) {
-            return v | 0;
-          }
-        }
+    if (options.cubicInterpolationMode === 'monotone') {
+      splineCurveMonotone(points, indexAxis);
+    } else {
+      var prev = loop ? points[points.length - 1] : points[0];
+      for (i = 0, ilen = points.length; i < ilen; ++i) {
+        point = points[i];
+        controlPoints = splineCurve(prev, point, points[Math.min(i + 1, ilen - (loop ? 0 : 1)) % ilen], options.tension);
+        point.cp1x = controlPoints.previous.x;
+        point.cp1y = controlPoints.previous.y;
+        point.cp2x = controlPoints.next.x;
+        point.cp2y = controlPoints.next.y;
+        prev = point;
       }
     }
-  });
-
-  var Animations = /*#__PURE__*/function () {
-    function Animations(chart, config) {
-      _classCallCheck(this, Animations);
-
-      this._chart = chart;
-      this._properties = new Map();
-      this.configure(config);
+    if (options.capBezierPoints) {
+      capBezierPoints(points, area);
     }
+  }
 
-    _createClass(Animations, [{
-      key: "configure",
-      value: function configure(config) {
-        if (!isObject(config)) {
-          return;
-        }
-
-        var animatedProps = this._properties;
-        Object.getOwnPropertyNames(config).forEach(function (key) {
-          var cfg = config[key];
-
-          if (!isObject(cfg)) {
-            return;
-          }
-
-          var resolved = {};
-
-          var _iterator = _createForOfIteratorHelper(animationOptions),
-              _step;
-
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              var option = _step.value;
-              resolved[option] = cfg[option];
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
-          }
-
-          (isArray(cfg.properties) && cfg.properties || [key]).forEach(function (prop) {
-            if (prop === key || !animatedProps.has(prop)) {
-              animatedProps.set(prop, resolved);
-            }
-          });
-        });
-      }
-    }, {
-      key: "_animateOptions",
-      value: function _animateOptions(target, values) {
-        var newOptions = values.options;
-        var options = resolveTargetOptions(target, newOptions);
-
-        if (!options) {
-          return [];
-        }
-
-        var animations = this._createAnimations(options, newOptions);
-
-        if (newOptions.$shared) {
-          awaitAll(target.options.$animations, newOptions).then(function () {
-            target.options = newOptions;
-          }, function () {});
-        }
-
-        return animations;
-      }
-    }, {
-      key: "_createAnimations",
-      value: function _createAnimations(target, values) {
-        var animatedProps = this._properties;
-        var animations = [];
-        var running = target.$animations || (target.$animations = {});
-        var props = Object.keys(values);
-        var date = Date.now();
-        var i;
-
-        for (i = props.length - 1; i >= 0; --i) {
-          var prop = props[i];
-
-          if (prop.charAt(0) === '$') {
-            continue;
-          }
-
-          if (prop === 'options') {
-            animations.push.apply(animations, _toConsumableArray(this._animateOptions(target, values)));
-            continue;
-          }
-
-          var value = values[prop];
-          var animation = running[prop];
-          var cfg = animatedProps.get(prop);
-
-          if (animation) {
-            if (cfg && animation.active()) {
-              animation.update(cfg, value, date);
-              continue;
-            } else {
-              animation.cancel();
-            }
-          }
-
-          if (!cfg || !cfg.duration) {
-            target[prop] = value;
-            continue;
-          }
-
-          running[prop] = animation = new Animation(cfg, target, prop, value);
-          animations.push(animation);
-        }
-
-        return animations;
-      }
-    }, {
-      key: "update",
-      value: function update(target, values) {
-        if (this._properties.size === 0) {
-          Object.assign(target, values);
-          return;
-        }
-
-        var animations = this._createAnimations(target, values);
-
-        if (animations.length) {
-          animator.add(this._chart, animations);
-          return true;
-        }
-      }
-    }]);
-
-    return Animations;
-  }();
-
-  function awaitAll(animations, properties) {
-    var running = [];
-    var keys = Object.keys(properties);
-
-    for (var i = 0; i < keys.length; i++) {
-      var anim = animations[keys[i]];
-
-      if (anim && anim.active()) {
-        running.push(anim.wait());
-      }
-    }
-
-    return Promise.all(running);
+  /**
+   * 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
+      */
+  function _isDomSupported() {
+    return typeof window !== 'undefined' && typeof document !== 'undefined';
   }
-
-  function resolveTargetOptions(target, newOptions) {
-    if (!newOptions) {
-      return;
+  /**
+   * @private
+   */
+  function _getParentNode(domNode) {
+    var parent = domNode.parentNode;
+    if (parent && parent.toString() === '[object ShadowRoot]') {
+      parent = parent.host;
     }
-
-    var options = target.options;
-
-    if (!options) {
-      target.options = newOptions;
-      return;
+    return parent;
+  }
+  /**
+   * convert max-width/max-height values that may be percentages into a number
+   * @private
+   */
+  function parseMaxStyle(styleValue, node, parentProperty) {
+    var valueInPixels;
+    if (typeof styleValue === 'string') {
+      valueInPixels = parseInt(styleValue, 10);
+      if (styleValue.indexOf('%') !== -1) {
+        // percentage * size in dimension
+        valueInPixels = valueInPixels / 100 * node.parentNode[parentProperty];
+      }
+    } else {
+      valueInPixels = styleValue;
     }
-
-    if (options.$shared) {
-      target.options = options = Object.assign({}, options, {
-        $shared: false,
-        $animations: {}
-      });
+    return valueInPixels;
+  }
+  var getComputedStyle = function getComputedStyle(element) {
+    return element.ownerDocument.defaultView.getComputedStyle(element, null);
+  };
+  function getStyle(el, property) {
+    return getComputedStyle(el).getPropertyValue(property);
+  }
+  var positions = ['top', 'right', 'bottom', 'left'];
+  function getPositionedStyle(styles, style, suffix) {
+    var result = {};
+    suffix = suffix ? '-' + suffix : '';
+    for (var i = 0; i < 4; i++) {
+      var pos = positions[i];
+      result[pos] = parseFloat(styles[style + '-' + pos + suffix]) || 0;
     }
-
-    return options;
+    result.width = result.left + result.right;
+    result.height = result.top + result.bottom;
+    return result;
   }
-
-  function scaleClip(scale, allowedOverflow) {
-    var opts = scale && scale.options || {};
-    var reverse = opts.reverse;
-    var min = opts.min === undefined ? allowedOverflow : 0;
-    var max = opts.max === undefined ? allowedOverflow : 0;
+  var useOffsetPos = function useOffsetPos(x, y, target) {
+    return (x > 0 || y > 0) && (!target || !target.shadowRoot);
+  };
+  /**
+   * @param e
+   * @param canvas
+   * @returns Canvas position
+   */
+  function getCanvasPosition(e, canvas) {
+    var touches = e.touches;
+    var source = touches && touches.length ? touches[0] : e;
+    var offsetX = source.offsetX,
+      offsetY = source.offsetY;
+    var box = false;
+    var x, y;
+    if (useOffsetPos(offsetX, offsetY, e.target)) {
+      x = offsetX;
+      y = offsetY;
+    } else {
+      var rect = canvas.getBoundingClientRect();
+      x = source.clientX - rect.left;
+      y = source.clientY - rect.top;
+      box = true;
+    }
     return {
-      start: reverse ? max : min,
-      end: reverse ? min : max
+      x: x,
+      y: y,
+      box: box
     };
   }
-
-  function defaultClip(xScale, yScale, allowedOverflow) {
-    if (allowedOverflow === false) {
-      return false;
+  /**
+   * Gets an event's x, y coordinates, relative to the chart area
+   * @param event
+   * @param chart
+   * @returns x and y coordinates of the event
+   */
+  function getRelativePosition(event, chart) {
+    if ('native' in event) {
+      return event;
+    }
+    var canvas = chart.canvas,
+      currentDevicePixelRatio = chart.currentDevicePixelRatio;
+    var style = getComputedStyle(canvas);
+    var borderBox = style.boxSizing === 'border-box';
+    var paddings = getPositionedStyle(style, 'padding');
+    var borders = getPositionedStyle(style, 'border', 'width');
+    var _getCanvasPosition = getCanvasPosition(event, canvas),
+      x = _getCanvasPosition.x,
+      y = _getCanvasPosition.y,
+      box = _getCanvasPosition.box;
+    var xOffset = paddings.left + (box && borders.left);
+    var yOffset = paddings.top + (box && borders.top);
+    var width = chart.width,
+      height = chart.height;
+    if (borderBox) {
+      width -= paddings.width + borders.width;
+      height -= paddings.height + borders.height;
     }
-
-    var x = scaleClip(xScale, allowedOverflow);
-    var y = scaleClip(yScale, allowedOverflow);
     return {
-      top: y.end,
-      right: x.end,
-      bottom: y.start,
-      left: x.start
+      x: Math.round((x - xOffset) / width * canvas.width / currentDevicePixelRatio),
+      y: Math.round((y - yOffset) / height * canvas.height / currentDevicePixelRatio)
     };
   }
-
-  function toClip(value) {
-    var t, r, b, l;
-
-    if (isObject(value)) {
-      t = value.top;
-      r = value.right;
-      b = value.bottom;
-      l = value.left;
-    } else {
-      t = r = b = l = value;
+  function getContainerSize(canvas, width, height) {
+    var maxWidth, maxHeight;
+    if (width === undefined || height === undefined) {
+      var container = _getParentNode(canvas);
+      if (!container) {
+        width = canvas.clientWidth;
+        height = canvas.clientHeight;
+      } else {
+        var rect = container.getBoundingClientRect(); // this is the border box of the container
+        var containerStyle = getComputedStyle(container);
+        var containerBorder = getPositionedStyle(containerStyle, 'border', 'width');
+        var containerPadding = getPositionedStyle(containerStyle, 'padding');
+        width = rect.width - containerPadding.width - containerBorder.width;
+        height = rect.height - containerPadding.height - containerBorder.height;
+        maxWidth = parseMaxStyle(containerStyle.maxWidth, container, 'clientWidth');
+        maxHeight = parseMaxStyle(containerStyle.maxHeight, container, 'clientHeight');
+      }
     }
-
     return {
-      top: t,
-      right: r,
-      bottom: b,
-      left: l
+      width: width,
+      height: height,
+      maxWidth: maxWidth || INFINITY,
+      maxHeight: maxHeight || INFINITY
     };
   }
-
-  function getSortedDatasetIndices(chart, filterVisible) {
-    var keys = [];
-
-    var metasets = chart._getSortedDatasetMetas(filterVisible);
-
-    var i, ilen;
-
-    for (i = 0, ilen = metasets.length; i < ilen; ++i) {
-      keys.push(metasets[i].index);
+  var round1 = function round1(v) {
+    return Math.round(v * 10) / 10;
+  };
+  // eslint-disable-next-line complexity
+  function getMaximumSize(canvas, bbWidth, bbHeight, aspectRatio) {
+    var style = getComputedStyle(canvas);
+    var margins = getPositionedStyle(style, 'margin');
+    var maxWidth = parseMaxStyle(style.maxWidth, canvas, 'clientWidth') || INFINITY;
+    var maxHeight = parseMaxStyle(style.maxHeight, canvas, 'clientHeight') || INFINITY;
+    var containerSize = getContainerSize(canvas, bbWidth, bbHeight);
+    var width = containerSize.width,
+      height = containerSize.height;
+    if (style.boxSizing === 'content-box') {
+      var borders = getPositionedStyle(style, 'border', 'width');
+      var paddings = getPositionedStyle(style, 'padding');
+      width -= paddings.width + borders.width;
+      height -= paddings.height + borders.height;
     }
-
-    return keys;
-  }
-
-  function _applyStack(stack, value, dsIndex, options) {
-    var keys = stack.keys;
-    var singleMode = options.mode === 'single';
-    var i, ilen, datasetIndex, otherValue;
-
-    if (value === null) {
-      return;
+    width = Math.max(0, width - margins.width);
+    height = Math.max(0, aspectRatio ? width / aspectRatio : height - margins.height);
+    width = round1(Math.min(width, maxWidth, containerSize.maxWidth));
+    height = round1(Math.min(height, maxHeight, containerSize.maxHeight));
+    if (width && !height) {
+      // https://github.com/chartjs/Chart.js/issues/4659
+      // If the canvas has width, but no height, default to aspectRatio of 2 (canvas default)
+      height = round1(width / 2);
     }
-
-    for (i = 0, ilen = keys.length; i < ilen; ++i) {
-      datasetIndex = +keys[i];
-
-      if (datasetIndex === dsIndex) {
-        if (options.all) {
-          continue;
-        }
-
-        break;
-      }
-
-      otherValue = stack.values[datasetIndex];
-
-      if (isNumberFinite(otherValue) && (singleMode || value === 0 || sign(value) === sign(otherValue))) {
-        value += otherValue;
-      }
+    var maintainHeight = bbWidth !== undefined || bbHeight !== undefined;
+    if (maintainHeight && aspectRatio && containerSize.height && height > containerSize.height) {
+      height = containerSize.height;
+      width = round1(Math.floor(height * aspectRatio));
     }
-
-    return value;
+    return {
+      width: width,
+      height: height
+    };
   }
-
-  function convertObjectDataToArray(data) {
-    var keys = Object.keys(data);
-    var adata = new Array(keys.length);
-    var i, ilen, key;
-
-    for (i = 0, ilen = keys.length; i < ilen; ++i) {
-      key = keys[i];
-      adata[i] = {
-        x: key,
-        y: data[key]
+  /**
+   * @param chart
+   * @param forceRatio
+   * @param forceStyle
+   * @returns True if the canvas context size or transformation has changed.
+   */
+  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 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.
+    // See https://github.com/chartjs/Chart.js/issues/3575
+    if (canvas.style && (forceStyle || !canvas.style.height && !canvas.style.width)) {
+      canvas.style.height = "".concat(chart.height, "px");
+      canvas.style.width = "".concat(chart.width, "px");
+    }
+    if (chart.currentDevicePixelRatio !== pixelRatio || canvas.height !== deviceHeight || canvas.width !== deviceWidth) {
+      chart.currentDevicePixelRatio = pixelRatio;
+      canvas.height = deviceHeight;
+      canvas.width = deviceWidth;
+      chart.ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
+      return true;
+    }
+    return false;
+  }
+  /**
+   * Detects support for options object argument in addEventListener.
+   * https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support
+   * @private
+   */
+  var supportsEventListenerOptions = function () {
+    var passiveSupported = false;
+    try {
+      var options = {
+        get passive() {
+          passiveSupported = true;
+          return false;
+        }
       };
+      window.addEventListener('test', null, options);
+      window.removeEventListener('test', null, options);
+    } catch (e) {
+      // continue regardless of error
     }
-
-    return adata;
+    return passiveSupported;
+  }();
+  /**
+   * The "used" size is the final value of a dimension property after all calculations have
+   * been performed. This method uses the computed style of `element` but returns undefined
+   * if the computed style is not expressed in pixels. That can happen in some cases where
+   * `element` has a size relative to its parent and this last one is not yet displayed,
+   * for example because of `display: none` on a parent node.
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+   * @returns Size in pixels or undefined if unknown.
+   */
+  function readUsedSize(element, property) {
+    var value = getStyle(element, property);
+    var matches = value && value.match(/^(\d+)(\.\d+)?px$/);
+    return matches ? +matches[1] : undefined;
   }
 
-  function isStacked(scale, meta) {
-    var stacked = scale && scale.options.stacked;
-    return stacked || stacked === undefined && meta.stack !== undefined;
+  /**
+   * @private
+   */
+  function _pointInLine(p1, p2, t, mode) {
+    return {
+      x: p1.x + t * (p2.x - p1.x),
+      y: p1.y + t * (p2.y - p1.y)
+    };
   }
-
-  function getStackKey(indexScale, valueScale, meta) {
-    return indexScale.id + '.' + valueScale.id + '.' + meta.stack + '.' + meta.type;
+  /**
+   * @private
+   */
+  function _steppedInterpolation(p1, p2, t, mode) {
+    return {
+      x: p1.x + t * (p2.x - p1.x),
+      y: mode === 'middle' ? t < 0.5 ? p1.y : p2.y : mode === 'after' ? t < 1 ? p1.y : p2.y : t > 0 ? p2.y : p1.y
+    };
   }
-
-  function getUserBounds(scale) {
-    var _scale$getUserBounds = scale.getUserBounds(),
-        min = _scale$getUserBounds.min,
-        max = _scale$getUserBounds.max,
-        minDefined = _scale$getUserBounds.minDefined,
-        maxDefined = _scale$getUserBounds.maxDefined;
-
+  /**
+   * @private
+   */
+  function _bezierInterpolation(p1, p2, t, mode) {
+    var cp1 = {
+      x: p1.cp2x,
+      y: p1.cp2y
+    };
+    var cp2 = {
+      x: p2.cp1x,
+      y: p2.cp1y
+    };
+    var a = _pointInLine(p1, cp1, t);
+    var b = _pointInLine(cp1, cp2, t);
+    var c = _pointInLine(cp2, p2, t);
+    var d = _pointInLine(a, b, t);
+    var e = _pointInLine(b, c, t);
+    return _pointInLine(d, e, t);
+  }
+  var getRightToLeftAdapter = function getRightToLeftAdapter(rectX, width) {
     return {
-      min: minDefined ? min : Number.NEGATIVE_INFINITY,
-      max: maxDefined ? max : Number.POSITIVE_INFINITY
+      x: function x(_x) {
+        return rectX + rectX + width - _x;
+      },
+      setWidth: function setWidth(w) {
+        width = w;
+      },
+      textAlign: function textAlign(align) {
+        if (align === 'center') {
+          return align;
+        }
+        return align === 'right' ? 'left' : 'right';
+      },
+      xPlus: function xPlus(x, value) {
+        return x - value;
+      },
+      leftForLtr: function leftForLtr(x, itemWidth) {
+        return x - itemWidth;
+      }
+    };
+  };
+  var getLeftToRightAdapter = function getLeftToRightAdapter() {
+    return {
+      x: function x(_x2) {
+        return _x2;
+      },
+      setWidth: function setWidth(w) {},
+      textAlign: function textAlign(align) {
+        return align;
+      },
+      xPlus: function xPlus(x, value) {
+        return x + value;
+      },
+      leftForLtr: function leftForLtr(x, _itemWidth) {
+        return x;
+      }
     };
+  };
+  function getRtlAdapter(rtl, rectX, width) {
+    return rtl ? getRightToLeftAdapter(rectX, width) : getLeftToRightAdapter();
   }
-
-  function getOrCreateStack(stacks, stackKey, indexValue) {
-    var subStack = stacks[stackKey] || (stacks[stackKey] = {});
-    return subStack[indexValue] || (subStack[indexValue] = {});
+  function overrideTextDirection(ctx, direction) {
+    var style, original;
+    if (direction === 'ltr' || direction === 'rtl') {
+      style = ctx.canvas.style;
+      original = [style.getPropertyValue('direction'), style.getPropertyPriority('direction')];
+      style.setProperty('direction', direction, 'important');
+      ctx.prevTextDirection = original;
+    }
   }
-
-  function updateStacks(controller, parsed) {
-    var chart = controller.chart,
-        meta = controller._cachedMeta;
-    var stacks = chart._stacks || (chart._stacks = {});
-    var iScale = meta.iScale,
-        vScale = meta.vScale,
-        datasetIndex = meta.index;
-    var iAxis = iScale.axis;
-    var vAxis = vScale.axis;
-    var key = getStackKey(iScale, vScale, meta);
-    var ilen = parsed.length;
-    var stack;
-
-    for (var i = 0; i < ilen; ++i) {
-      var item = parsed[i];
-      var index = item[iAxis],
-          value = item[vAxis];
-      var itemStacks = item._stacks || (item._stacks = {});
-      stack = itemStacks[vAxis] = getOrCreateStack(stacks, key, index);
-      stack[datasetIndex] = value;
+  function restoreTextDirection(ctx, original) {
+    if (original !== undefined) {
+      delete ctx.prevTextDirection;
+      ctx.canvas.style.setProperty('direction', original[0], original[1]);
     }
   }
-
-  function getFirstScaleId(chart, axis) {
-    var scales = chart.scales;
-    return Object.keys(scales).filter(function (key) {
-      return scales[key].axis === axis;
-    }).shift();
+  function propertyFn(property) {
+    if (property === 'angle') {
+      return {
+        between: _angleBetween,
+        compare: _angleDiff,
+        normalize: _normalizeAngle
+      };
+    }
+    return {
+      between: _isBetween,
+      compare: function compare(a, b) {
+        return a - b;
+      },
+      normalize: function normalize(x) {
+        return x;
+      }
+    };
   }
-
-  function createDatasetContext(parent, index) {
-    return Object.assign(Object.create(parent), {
-      active: false,
-      dataset: undefined,
-      datasetIndex: index,
-      index: index,
-      mode: 'default',
-      type: 'dataset'
-    });
+  function normalizeSegment(_ref) {
+    var start = _ref.start,
+      end = _ref.end,
+      count = _ref.count,
+      loop = _ref.loop,
+      style = _ref.style;
+    return {
+      start: start % count,
+      end: end % count,
+      loop: loop && (end - start + 1) % count === 0,
+      style: style
+    };
   }
-
-  function createDataContext(parent, index, element) {
-    return Object.assign(Object.create(parent), {
-      active: false,
-      dataIndex: index,
-      parsed: undefined,
-      raw: undefined,
-      element: element,
-      index: index,
-      mode: 'default',
-      type: 'data'
-    });
-  }
-
-  function clearStacks(meta, items) {
-    items = items || meta._parsed;
-
-    var _iterator2 = _createForOfIteratorHelper(items),
-        _step2;
-
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var parsed = _step2.value;
-        var stacks = parsed._stacks;
-
-        if (!stacks || stacks[meta.vScale.id] === undefined || stacks[meta.vScale.id][meta.index] === undefined) {
-          return;
+  function getSegment(segment, points, bounds) {
+    var property = bounds.property,
+      startBound = bounds.start,
+      endBound = bounds.end;
+    var _propertyFn = propertyFn(property),
+      between = _propertyFn.between,
+      normalize = _propertyFn.normalize;
+    var count = points.length;
+    var start = segment.start,
+      end = segment.end,
+      loop = segment.loop;
+    var i, ilen;
+    if (loop) {
+      start += count;
+      end += count;
+      for (i = 0, ilen = count; i < ilen; ++i) {
+        if (!between(normalize(points[start % count][property]), startBound, endBound)) {
+          break;
         }
-
-        delete stacks[meta.vScale.id][meta.index];
+        start--;
+        end--;
       }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
+      start %= count;
+      end %= count;
+    }
+    if (end < start) {
+      end += count;
     }
+    return {
+      start: start,
+      end: end,
+      loop: loop,
+      style: segment.style
+    };
   }
-
-  var isDirectUpdateMode = function isDirectUpdateMode(mode) {
-    return mode === 'reset' || mode === 'none';
-  };
-
-  var cloneIfNotShared = function cloneIfNotShared(cached, shared) {
-    return shared ? cached : Object.assign({}, cached);
-  };
-
-  var DatasetController = /*#__PURE__*/function () {
-    function DatasetController(chart, datasetIndex) {
-      _classCallCheck(this, DatasetController);
-
-      this.chart = chart;
-      this._ctx = chart.ctx;
-      this.index = datasetIndex;
-      this._cachedDataOpts = {};
-      this._cachedMeta = this.getMeta();
-      this._type = this._cachedMeta.type;
-      this.options = undefined;
-      this._parsing = false;
-      this._data = undefined;
-      this._objectData = undefined;
-      this._sharedOptions = undefined;
-      this._drawStart = undefined;
-      this._drawCount = undefined;
-      this.enableOptionSharing = false;
-      this.$context = undefined;
-      this.initialize();
+  function _boundSegment(segment, points, bounds) {
+    if (!bounds) {
+      return [segment];
     }
-
-    _createClass(DatasetController, [{
-      key: "initialize",
-      value: function initialize() {
-        var me = this;
-        var meta = me._cachedMeta;
-        me.configure();
-        me.linkScales();
-        meta._stacked = isStacked(meta.vScale, meta);
-        me.addElements();
-      }
-    }, {
-      key: "updateIndex",
-      value: function updateIndex(datasetIndex) {
-        this.index = datasetIndex;
-      }
-    }, {
-      key: "linkScales",
-      value: function linkScales() {
-        var me = this;
-        var chart = me.chart;
-        var meta = me._cachedMeta;
-        var dataset = me.getDataset();
-
-        var chooseId = function chooseId(axis, x, y, r) {
-          return axis === 'x' ? x : axis === 'r' ? r : y;
-        };
-
-        var xid = meta.xAxisID = valueOrDefault(dataset.xAxisID, getFirstScaleId(chart, 'x'));
-        var yid = meta.yAxisID = valueOrDefault(dataset.yAxisID, getFirstScaleId(chart, 'y'));
-        var rid = meta.rAxisID = valueOrDefault(dataset.rAxisID, getFirstScaleId(chart, 'r'));
-        var indexAxis = meta.indexAxis;
-        var iid = meta.iAxisID = chooseId(indexAxis, xid, yid, rid);
-        var vid = meta.vAxisID = chooseId(indexAxis, yid, xid, rid);
-        meta.xScale = me.getScaleForId(xid);
-        meta.yScale = me.getScaleForId(yid);
-        meta.rScale = me.getScaleForId(rid);
-        meta.iScale = me.getScaleForId(iid);
-        meta.vScale = me.getScaleForId(vid);
-      }
-    }, {
-      key: "getDataset",
-      value: function getDataset() {
-        return this.chart.data.datasets[this.index];
+    var property = bounds.property,
+      startBound = bounds.start,
+      endBound = bounds.end;
+    var count = points.length;
+    var _propertyFn2 = propertyFn(property),
+      compare = _propertyFn2.compare,
+      between = _propertyFn2.between,
+      normalize = _propertyFn2.normalize;
+    var _getSegment = getSegment(segment, points, bounds),
+      start = _getSegment.start,
+      end = _getSegment.end,
+      loop = _getSegment.loop,
+      style = _getSegment.style;
+    var result = [];
+    var inside = false;
+    var subStart = null;
+    var value, point, prevValue;
+    var startIsBefore = function startIsBefore() {
+      return between(startBound, prevValue, value) && compare(startBound, prevValue) !== 0;
+    };
+    var endIsBefore = function endIsBefore() {
+      return compare(endBound, value) === 0 || between(endBound, prevValue, value);
+    };
+    var shouldStart = function shouldStart() {
+      return inside || startIsBefore();
+    };
+    var shouldStop = function shouldStop() {
+      return !inside || endIsBefore();
+    };
+    for (var i = start, prev = start; i <= end; ++i) {
+      point = points[i % count];
+      if (point.skip) {
+        continue;
       }
-    }, {
-      key: "getMeta",
-      value: function getMeta() {
-        return this.chart.getDatasetMeta(this.index);
+      value = normalize(point[property]);
+      if (value === prevValue) {
+        continue;
       }
-    }, {
-      key: "getScaleForId",
-      value: function getScaleForId(scaleID) {
-        return this.chart.scales[scaleID];
+      inside = between(value, startBound, endBound);
+      if (subStart === null && shouldStart()) {
+        subStart = compare(value, startBound) === 0 ? i : prev;
       }
-    }, {
-      key: "_getOtherScale",
-      value: function _getOtherScale(scale) {
-        var meta = this._cachedMeta;
-        return scale === meta.iScale ? meta.vScale : meta.iScale;
+      if (subStart !== null && shouldStop()) {
+        result.push(normalizeSegment({
+          start: subStart,
+          end: i,
+          loop: loop,
+          count: count,
+          style: style
+        }));
+        subStart = null;
       }
-    }, {
-      key: "reset",
-      value: function reset() {
-        this._update('reset');
+      prev = i;
+      prevValue = value;
+    }
+    if (subStart !== null) {
+      result.push(normalizeSegment({
+        start: subStart,
+        end: end,
+        loop: loop,
+        count: count,
+        style: style
+      }));
+    }
+    return result;
+  }
+  function _boundSegments(line, bounds) {
+    var result = [];
+    var segments = line.segments;
+    for (var i = 0; i < segments.length; i++) {
+      var sub = _boundSegment(segments[i], line.points, bounds);
+      if (sub.length) {
+        result.push.apply(result, _toConsumableArray(sub));
       }
-    }, {
-      key: "_destroy",
-      value: function _destroy() {
-        var meta = this._cachedMeta;
-
-        if (this._data) {
-          unlistenArrayEvents(this._data, this);
-        }
-
-        if (meta._stacked) {
-          clearStacks(meta);
-        }
+    }
+    return result;
+  }
+  function findStartAndEnd(points, count, loop, spanGaps) {
+    var start = 0;
+    var end = count - 1;
+    if (loop && !spanGaps) {
+      while (start < count && !points[start].skip) {
+        start++;
       }
-    }, {
-      key: "_dataCheck",
-      value: function _dataCheck() {
-        var me = this;
-        var dataset = me.getDataset();
-        var data = dataset.data || (dataset.data = []);
-
-        if (isObject(data)) {
-          me._data = convertObjectDataToArray(data);
-        } else if (me._data !== data) {
-          if (me._data) {
-            unlistenArrayEvents(me._data, me);
-            clearStacks(me._cachedMeta);
-          }
-
-          if (data && Object.isExtensible(data)) {
-            listenArrayEvents(data, me);
-          }
-
-          me._data = data;
+    }
+    while (start < count && points[start].skip) {
+      start++;
+    }
+    start %= count;
+    if (loop) {
+      end += start;
+    }
+    while (end > start && points[end % count].skip) {
+      end--;
+    }
+    end %= count;
+    return {
+      start: start,
+      end: end
+    };
+  }
+  function solidSegments(points, start, max, loop) {
+    var count = points.length;
+    var result = [];
+    var last = start;
+    var prev = points[start];
+    var end;
+    for (end = start + 1; end <= max; ++end) {
+      var cur = points[end % count];
+      if (cur.skip || cur.stop) {
+        if (!prev.skip) {
+          loop = false;
+          result.push({
+            start: start % count,
+            end: (end - 1) % count,
+            loop: loop
+          });
+          start = last = cur.stop ? end : null;
         }
-      }
-    }, {
-      key: "addElements",
-      value: function addElements() {
-        var me = this;
-        var meta = me._cachedMeta;
-
-        me._dataCheck();
-
-        if (me.datasetElementType) {
-          meta.dataset = new me.datasetElementType();
+      } else {
+        last = end;
+        if (prev.skip) {
+          start = end;
         }
       }
-    }, {
-      key: "buildOrUpdateElements",
-      value: function buildOrUpdateElements(resetNewElements) {
-        var me = this;
-        var meta = me._cachedMeta;
-        var dataset = me.getDataset();
-        var stackChanged = false;
-
-        me._dataCheck();
-
-        meta._stacked = isStacked(meta.vScale, meta);
-
-        if (meta.stack !== dataset.stack) {
-          stackChanged = true;
-          clearStacks(meta);
-          meta.stack = dataset.stack;
+      prev = cur;
+    }
+    if (last !== null) {
+      result.push({
+        start: start % count,
+        end: last % count,
+        loop: loop
+      });
+    }
+    return result;
+  }
+  function _computeSegments(line, segmentOptions) {
+    var points = line.points;
+    var spanGaps = line.options.spanGaps;
+    var count = points.length;
+    if (!count) {
+      return [];
+    }
+    var loop = !!line._loop;
+    var _findStartAndEnd = findStartAndEnd(points, count, loop, spanGaps),
+      start = _findStartAndEnd.start,
+      end = _findStartAndEnd.end;
+    if (spanGaps === true) {
+      return splitByStyles(line, [{
+        start: start,
+        end: end,
+        loop: loop
+      }], points, segmentOptions);
+    }
+    var max = end < start ? end + count : end;
+    var completeLoop = !!line._fullLoop && start === 0 && end === count - 1;
+    return splitByStyles(line, solidSegments(points, start, max, completeLoop), points, segmentOptions);
+  }
+  function splitByStyles(line, segments, points, segmentOptions) {
+    if (!segmentOptions || !segmentOptions.setContext || !points) {
+      return segments;
+    }
+    return doSplitByStyles(line, segments, points, segmentOptions);
+  }
+  function doSplitByStyles(line, segments, points, segmentOptions) {
+    var chartContext = line._chart.getContext();
+    var baseStyle = readStyle(line.options);
+    var datasetIndex = line._datasetIndex,
+      spanGaps = line.options.spanGaps;
+    var count = points.length;
+    var result = [];
+    var prevStyle = baseStyle;
+    var start = segments[0].start;
+    var i = start;
+    function addStyle(s, e, l, st) {
+      var dir = spanGaps ? -1 : 1;
+      if (s === e) {
+        return;
+      }
+      s += count;
+      while (points[s % count].skip) {
+        s -= dir;
+      }
+      while (points[e % count].skip) {
+        e += dir;
+      }
+      if (s % count !== e % count) {
+        result.push({
+          start: s % count,
+          end: e % count,
+          loop: l,
+          style: st
+        });
+        prevStyle = st;
+        start = e % count;
+      }
+    }
+    var _iterator11 = _createForOfIteratorHelper$1(segments),
+      _step11;
+    try {
+      for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+        var segment = _step11.value;
+        start = spanGaps ? start : segment.start;
+        var prev = points[start % count];
+        var style = void 0;
+        for (i = start + 1; i <= segment.end; i++) {
+          var pt = points[i % count];
+          style = readStyle(segmentOptions.setContext(createContext(chartContext, {
+            type: 'segment',
+            p0: prev,
+            p1: pt,
+            p0DataIndex: (i - 1) % count,
+            p1DataIndex: i % count,
+            datasetIndex: datasetIndex
+          })));
+          if (styleChanged(style, prevStyle)) {
+            addStyle(start, i - 1, segment.loop, prevStyle);
+          }
+          prev = pt;
+          prevStyle = style;
         }
-
-        me._resyncElements(resetNewElements);
-
-        if (stackChanged) {
-          updateStacks(me, meta._parsed);
+        if (start < i - 1) {
+          addStyle(start, i - 1, segment.loop, prevStyle);
         }
       }
+    } catch (err) {
+      _iterator11.e(err);
+    } finally {
+      _iterator11.f();
+    }
+    return result;
+  }
+  function readStyle(options) {
+    return {
+      backgroundColor: options.backgroundColor,
+      borderCapStyle: options.borderCapStyle,
+      borderDash: options.borderDash,
+      borderDashOffset: options.borderDashOffset,
+      borderJoinStyle: options.borderJoinStyle,
+      borderWidth: options.borderWidth,
+      borderColor: options.borderColor
+    };
+  }
+  function styleChanged(style, prevStyle) {
+    return prevStyle && JSON.stringify(style) !== JSON.stringify(prevStyle);
+  }
+
+  var Animator = /*#__PURE__*/function () {
+    function Animator() {
+      _classCallCheck$x(this, Animator);
+      this._request = null;
+      this._charts = new Map();
+      this._running = false;
+      this._lastDate = undefined;
+    }
+    _createClass$x(Animator, [{
+      key: "_notify",
+      value: function _notify(chart, anims, date, type) {
+        var callbacks = anims.listeners[type];
+        var numSteps = anims.duration;
+        callbacks.forEach(function (fn) {
+          return fn({
+            chart: chart,
+            initial: anims.initial,
+            numSteps: numSteps,
+            currentStep: Math.min(date - anims.start, numSteps)
+          });
+        });
+      }
     }, {
-      key: "configure",
-      value: function configure() {
-        var me = this;
-        var config = me.chart.config;
-        var scopeKeys = config.datasetScopeKeys(me._type);
-        var scopes = config.getOptionScopes(me.getDataset(), scopeKeys, true);
-        me.options = config.createResolver(scopes, me.getContext());
-        me._parsing = me.options.parsing;
+      key: "_refresh",
+      value: function _refresh() {
+        var _this = this;
+        if (this._request) {
+          return;
+        }
+        this._running = true;
+        this._request = requestAnimFrame.call(window, function () {
+          _this._update();
+          _this._request = null;
+          if (_this._running) {
+            _this._refresh();
+          }
+        });
       }
     }, {
-      key: "parse",
-      value: function parse(start, count) {
-        var me = this;
-        var meta = me._cachedMeta,
-            data = me._data;
-        var iScale = meta.iScale,
-            _stacked = meta._stacked;
-        var iAxis = iScale.axis;
-        var sorted = start === 0 && count === data.length ? true : meta._sorted;
-        var prev = start > 0 && meta._parsed[start - 1];
-        var i, cur, parsed;
-
-        if (me._parsing === false) {
-          meta._parsed = data;
-          meta._sorted = true;
-        } else {
-          if (isArray(data[start])) {
-            parsed = me.parseArrayData(meta, data, start, count);
-          } else if (isObject(data[start])) {
-            parsed = me.parseObjectData(meta, data, start, count);
-          } else {
-            parsed = me.parsePrimitiveData(meta, data, start, count);
+      key: "_update",
+      value: function _update() {
+        var _this2 = this;
+        var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Date.now();
+        var remaining = 0;
+        this._charts.forEach(function (anims, chart) {
+          if (!anims.running || !anims.items.length) {
+            return;
           }
-
-          var isNotInOrderComparedToPrev = function isNotInOrderComparedToPrev() {
-            return cur[iAxis] === null || prev && cur[iAxis] < prev[iAxis];
-          };
-
-          for (i = 0; i < count; ++i) {
-            meta._parsed[i + start] = cur = parsed[i];
-
-            if (sorted) {
-              if (isNotInOrderComparedToPrev()) {
-                sorted = false;
+          var items = anims.items;
+          var i = items.length - 1;
+          var draw = false;
+          var item;
+          for (; i >= 0; --i) {
+            item = items[i];
+            if (item._active) {
+              if (item._total > anims.duration) {
+                anims.duration = item._total;
               }
-
-              prev = cur;
+              item.tick(date);
+              draw = true;
+            } else {
+              items[i] = items[items.length - 1];
+              items.pop();
             }
           }
-
-          meta._sorted = sorted;
-        }
-
-        if (_stacked) {
-          updateStacks(me, parsed);
-        }
-      }
-    }, {
-      key: "parsePrimitiveData",
-      value: function parsePrimitiveData(meta, data, start, count) {
-        var iScale = meta.iScale,
-            vScale = meta.vScale;
-        var iAxis = iScale.axis;
-        var vAxis = vScale.axis;
-        var labels = iScale.getLabels();
-        var singleScale = iScale === vScale;
-        var parsed = new Array(count);
-        var i, ilen, index;
-
-        for (i = 0, ilen = count; i < ilen; ++i) {
-          var _parsed$i;
-
-          index = i + start;
-          parsed[i] = (_parsed$i = {}, _defineProperty(_parsed$i, iAxis, singleScale || iScale.parse(labels[index], index)), _defineProperty(_parsed$i, vAxis, vScale.parse(data[index], index)), _parsed$i);
+          if (draw) {
+            chart.draw();
+            _this2._notify(chart, anims, date, 'progress');
+          }
+          if (!items.length) {
+            anims.running = false;
+            _this2._notify(chart, anims, date, 'complete');
+            anims.initial = false;
+          }
+          remaining += items.length;
+        });
+        this._lastDate = date;
+        if (remaining === 0) {
+          this._running = false;
         }
-
-        return parsed;
       }
     }, {
-      key: "parseArrayData",
-      value: function parseArrayData(meta, data, start, count) {
-        var xScale = meta.xScale,
-            yScale = meta.yScale;
-        var parsed = new Array(count);
-        var i, ilen, index, item;
-
-        for (i = 0, ilen = count; i < ilen; ++i) {
-          index = i + start;
-          item = data[index];
-          parsed[i] = {
-            x: xScale.parse(item[0], index),
-            y: yScale.parse(item[1], index)
+      key: "_getAnims",
+      value: function _getAnims(chart) {
+        var charts = this._charts;
+        var anims = charts.get(chart);
+        if (!anims) {
+          anims = {
+            running: false,
+            initial: true,
+            items: [],
+            listeners: {
+              complete: [],
+              progress: []
+            }
           };
+          charts.set(chart, anims);
         }
-
-        return parsed;
+        return anims;
       }
     }, {
-      key: "parseObjectData",
-      value: function parseObjectData(meta, data, start, count) {
-        var xScale = meta.xScale,
-            yScale = meta.yScale;
-        var _this$_parsing = this._parsing,
-            _this$_parsing$xAxisK = _this$_parsing.xAxisKey,
-            xAxisKey = _this$_parsing$xAxisK === void 0 ? 'x' : _this$_parsing$xAxisK,
-            _this$_parsing$yAxisK = _this$_parsing.yAxisKey,
-            yAxisKey = _this$_parsing$yAxisK === void 0 ? 'y' : _this$_parsing$yAxisK;
-        var parsed = new Array(count);
-        var i, ilen, index, item;
-
-        for (i = 0, ilen = count; i < ilen; ++i) {
-          index = i + start;
-          item = data[index];
-          parsed[i] = {
-            x: xScale.parse(resolveObjectKey(item, xAxisKey), index),
-            y: yScale.parse(resolveObjectKey(item, yAxisKey), index)
-          };
-        }
-
-        return parsed;
+      key: "listen",
+      value: function listen(chart, event, cb) {
+        this._getAnims(chart).listeners[event].push(cb);
       }
     }, {
-      key: "getParsed",
-      value: function getParsed(index) {
-        return this._cachedMeta._parsed[index];
+      key: "add",
+      value: function add(chart, items) {
+        var _this$_getAnims$items;
+        if (!items || !items.length) {
+          return;
+        }
+        (_this$_getAnims$items = this._getAnims(chart).items).push.apply(_this$_getAnims$items, _toConsumableArray(items));
       }
     }, {
-      key: "getDataElement",
-      value: function getDataElement(index) {
-        return this._cachedMeta.data[index];
+      key: "has",
+      value: function has(chart) {
+        return this._getAnims(chart).items.length > 0;
       }
     }, {
-      key: "applyStack",
-      value: function applyStack(scale, parsed, mode) {
-        var chart = this.chart;
-        var meta = this._cachedMeta;
-        var value = parsed[scale.axis];
-        var stack = {
-          keys: getSortedDatasetIndices(chart, true),
-          values: parsed._stacks[scale.axis]
-        };
-        return _applyStack(stack, value, meta.index, {
-          mode: mode
-        });
+      key: "start",
+      value: function start(chart) {
+        var anims = this._charts.get(chart);
+        if (!anims) {
+          return;
+        }
+        anims.running = true;
+        anims.start = Date.now();
+        anims.duration = anims.items.reduce(function (acc, cur) {
+          return Math.max(acc, cur._duration);
+        }, 0);
+        this._refresh();
       }
     }, {
-      key: "updateRangeFromParsed",
-      value: function updateRangeFromParsed(range, scale, parsed, stack) {
-        var parsedValue = parsed[scale.axis];
-        var value = parsedValue === null ? NaN : parsedValue;
-        var values = stack && parsed._stacks[scale.axis];
-
-        if (stack && values) {
-          stack.values = values;
-          range.min = Math.min(range.min, value);
-          range.max = Math.max(range.max, value);
-          value = _applyStack(stack, parsedValue, this._cachedMeta.index, {
-            all: true
-          });
+      key: "running",
+      value: function running(chart) {
+        if (!this._running) {
+          return false;
         }
-
-        range.min = Math.min(range.min, value);
-        range.max = Math.max(range.max, value);
+        var anims = this._charts.get(chart);
+        if (!anims || !anims.running || !anims.items.length) {
+          return false;
+        }
+        return true;
       }
     }, {
-      key: "getMinMax",
-      value: function getMinMax(scale, canStack) {
-        var me = this;
-        var meta = me._cachedMeta;
-        var _parsed = meta._parsed;
-        var sorted = meta._sorted && scale === meta.iScale;
-        var ilen = _parsed.length;
-
-        var otherScale = me._getOtherScale(scale);
-
-        var stack = canStack && meta._stacked && {
-          keys: getSortedDatasetIndices(me.chart, true),
-          values: null
-        };
-        var range = {
-          min: Number.POSITIVE_INFINITY,
-          max: Number.NEGATIVE_INFINITY
-        };
-
-        var _getUserBounds = getUserBounds(otherScale),
-            otherMin = _getUserBounds.min,
-            otherMax = _getUserBounds.max;
-
-        var i, value, parsed, otherValue;
-
-        function _skip() {
-          parsed = _parsed[i];
-          value = parsed[scale.axis];
-          otherValue = parsed[otherScale.axis];
-          return !isNumberFinite(value) || otherMin > otherValue || otherMax < otherValue;
-        }
-
-        for (i = 0; i < ilen; ++i) {
-          if (_skip()) {
-            continue;
-          }
-
-          me.updateRangeFromParsed(range, scale, parsed, stack);
-
-          if (sorted) {
-            break;
-          }
+      key: "stop",
+      value: function stop(chart) {
+        var anims = this._charts.get(chart);
+        if (!anims || !anims.items.length) {
+          return;
         }
-
-        if (sorted) {
-          for (i = ilen - 1; i >= 0; --i) {
-            if (_skip()) {
-              continue;
-            }
-
-            me.updateRangeFromParsed(range, scale, parsed, stack);
-            break;
-          }
+        var items = anims.items;
+        var i = items.length - 1;
+        for (; i >= 0; --i) {
+          items[i].cancel();
         }
-
-        return range;
+        anims.items = [];
+        this._notify(chart, anims, Date.now(), 'complete');
       }
     }, {
-      key: "getAllParsedValues",
-      value: function getAllParsedValues(scale) {
-        var parsed = this._cachedMeta._parsed;
-        var values = [];
-        var i, ilen, value;
-
-        for (i = 0, ilen = parsed.length; i < ilen; ++i) {
-          value = parsed[i][scale.axis];
-
-          if (isNumberFinite(value)) {
-            values.push(value);
-          }
-        }
-
-        return values;
+      key: "remove",
+      value: function remove(chart) {
+        return this._charts["delete"](chart);
       }
-    }, {
-      key: "getMaxOverflow",
-      value: function getMaxOverflow() {
-        return false;
+    }]);
+    return Animator;
+  }();
+  var animator = /* #__PURE__ */new Animator();
+  var transparent = 'transparent';
+  var interpolators = {
+    "boolean": function boolean(from, to, factor) {
+      return factor > 0.5 ? to : from;
+    },
+    color: function color$1(from, to, factor) {
+      var c0 = color(from || transparent);
+      var c1 = c0.valid && color(to || transparent);
+      return c1 && c1.valid ? c1.mix(c0, factor).hexString() : to;
+    },
+    number: function number(from, to, factor) {
+      return from + (to - from) * factor;
+    }
+  };
+  var Animation = /*#__PURE__*/function () {
+    function Animation(cfg, target, prop, to) {
+      _classCallCheck$x(this, Animation);
+      var currentValue = target[prop];
+      to = resolve([cfg.to, to, currentValue, cfg.from]);
+      var from = resolve([cfg.from, currentValue, to]);
+      this._active = true;
+      this._fn = cfg.fn || interpolators[cfg.type || _typeof$z(from)];
+      this._easing = effects[cfg.easing] || effects.linear;
+      this._start = Math.floor(Date.now() + (cfg.delay || 0));
+      this._duration = this._total = Math.floor(cfg.duration);
+      this._loop = !!cfg.loop;
+      this._target = target;
+      this._prop = prop;
+      this._from = from;
+      this._to = to;
+      this._promises = undefined;
+    }
+    _createClass$x(Animation, [{
+      key: "active",
+      value: function active() {
+        return this._active;
       }
     }, {
-      key: "getLabelAndValue",
-      value: function getLabelAndValue(index) {
-        var me = this;
-        var meta = me._cachedMeta;
-        var iScale = meta.iScale;
-        var vScale = meta.vScale;
-        var parsed = me.getParsed(index);
-        return {
-          label: iScale ? '' + iScale.getLabelForValue(parsed[iScale.axis]) : '',
-          value: vScale ? '' + vScale.getLabelForValue(parsed[vScale.axis]) : ''
-        };
+      key: "update",
+      value: function update(cfg, to, date) {
+        if (this._active) {
+          this._notify(false);
+          var currentValue = this._target[this._prop];
+          var elapsed = date - this._start;
+          var remain = this._duration - elapsed;
+          this._start = date;
+          this._duration = Math.floor(Math.max(remain, cfg.duration));
+          this._total += elapsed;
+          this._loop = !!cfg.loop;
+          this._to = resolve([cfg.to, to, currentValue, cfg.from]);
+          this._from = resolve([cfg.from, currentValue, to]);
+        }
       }
     }, {
-      key: "_update",
-      value: function _update(mode) {
-        var me = this;
-        var meta = me._cachedMeta;
-        me.configure();
-        me._cachedDataOpts = {};
-        me.update(mode || 'default');
-        meta._clip = toClip(valueOrDefault(me.options.clip, defaultClip(meta.xScale, meta.yScale, me.getMaxOverflow())));
+      key: "cancel",
+      value: function cancel() {
+        if (this._active) {
+          this.tick(Date.now());
+          this._active = false;
+          this._notify(false);
+        }
       }
     }, {
-      key: "update",
-      value: function update(mode) {}
-    }, {
-      key: "draw",
-      value: function draw() {
-        var me = this;
-        var ctx = me._ctx;
-        var chart = me.chart;
-        var meta = me._cachedMeta;
-        var elements = meta.data || [];
-        var area = chart.chartArea;
-        var active = [];
-        var start = me._drawStart || 0;
-        var count = me._drawCount || elements.length - start;
-        var i;
-
-        if (meta.dataset) {
-          meta.dataset.draw(ctx, area, start, count);
-        }
-
-        for (i = start; i < start + count; ++i) {
-          var element = elements[i];
-
-          if (element.active) {
-            active.push(element);
-          } else {
-            element.draw(ctx, area);
-          }
+      key: "tick",
+      value: function tick(date) {
+        var elapsed = date - this._start;
+        var duration = this._duration;
+        var prop = this._prop;
+        var from = this._from;
+        var loop = this._loop;
+        var to = this._to;
+        var factor;
+        this._active = from !== to && (loop || elapsed < duration);
+        if (!this._active) {
+          this._target[prop] = to;
+          this._notify(true);
+          return;
         }
-
-        for (i = 0; i < active.length; ++i) {
-          active[i].draw(ctx, area);
+        if (elapsed < 0) {
+          this._target[prop] = from;
+          return;
         }
+        factor = elapsed / duration % 2;
+        factor = loop && factor > 1 ? 2 - factor : factor;
+        factor = this._easing(Math.min(1, Math.max(0, factor)));
+        this._target[prop] = this._fn(from, to, factor);
       }
     }, {
-      key: "getStyle",
-      value: function getStyle(index, active) {
-        var mode = active ? 'active' : 'default';
-        return index === undefined && this._cachedMeta.dataset ? this.resolveDatasetElementOptions(mode) : this.resolveDataElementOptions(index || 0, mode);
+      key: "wait",
+      value: function wait() {
+        var promises = this._promises || (this._promises = []);
+        return new Promise(function (res, rej) {
+          promises.push({
+            res: res,
+            rej: rej
+          });
+        });
       }
     }, {
-      key: "getContext",
-      value: function getContext(index, active, mode) {
-        var me = this;
-        var dataset = me.getDataset();
-        var context;
-
-        if (index >= 0 && index < me._cachedMeta.data.length) {
-          var element = me._cachedMeta.data[index];
-          context = element.$context || (element.$context = createDataContext(me.getContext(), index, element));
-          context.parsed = me.getParsed(index);
-          context.raw = dataset.data[index];
-        } else {
-          context = me.$context || (me.$context = createDatasetContext(me.chart.getContext(), me.index));
-          context.dataset = dataset;
+      key: "_notify",
+      value: function _notify(resolved) {
+        var method = resolved ? 'res' : 'rej';
+        var promises = this._promises || [];
+        for (var i = 0; i < promises.length; i++) {
+          promises[i][method]();
         }
-
-        context.active = !!active;
-        context.mode = mode;
-        return context;
       }
-    }, {
-      key: "resolveDatasetElementOptions",
-      value: function resolveDatasetElementOptions(mode) {
-        return this._resolveElementOptions(this.datasetElementType.id, mode);
+    }]);
+    return Animation;
+  }();
+  var Animations = /*#__PURE__*/function () {
+    function Animations(chart, config) {
+      _classCallCheck$x(this, Animations);
+      this._chart = chart;
+      this._properties = new Map();
+      this.configure(config);
+    }
+    _createClass$x(Animations, [{
+      key: "configure",
+      value: function configure(config) {
+        if (!isObject(config)) {
+          return;
+        }
+        var animationOptions = Object.keys(defaults.animation);
+        var animatedProps = this._properties;
+        Object.getOwnPropertyNames(config).forEach(function (key) {
+          var cfg = config[key];
+          if (!isObject(cfg)) {
+            return;
+          }
+          var resolved = {};
+          for (var _i = 0, _animationOptions = animationOptions; _i < _animationOptions.length; _i++) {
+            var option = _animationOptions[_i];
+            resolved[option] = cfg[option];
+          }
+          (isArray(cfg.properties) && cfg.properties || [key]).forEach(function (prop) {
+            if (prop === key || !animatedProps.has(prop)) {
+              animatedProps.set(prop, resolved);
+            }
+          });
+        });
       }
     }, {
-      key: "resolveDataElementOptions",
-      value: function resolveDataElementOptions(index, mode) {
-        return this._resolveElementOptions(this.dataElementType.id, mode, index);
+      key: "_animateOptions",
+      value: function _animateOptions(target, values) {
+        var newOptions = values.options;
+        var options = resolveTargetOptions(target, newOptions);
+        if (!options) {
+          return [];
+        }
+        var animations = this._createAnimations(options, newOptions);
+        if (newOptions.$shared) {
+          awaitAll(target.options.$animations, newOptions).then(function () {
+            target.options = newOptions;
+          }, function () {});
+        }
+        return animations;
       }
     }, {
-      key: "_resolveElementOptions",
-      value: function _resolveElementOptions(elementType) {
-        var mode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
-        var index = arguments.length > 2 ? arguments[2] : undefined;
-        var me = this;
-        var active = mode === 'active';
-        var cache = me._cachedDataOpts;
-        var cacheKey = elementType + '-' + mode;
-        var cached = cache[cacheKey];
-        var sharing = me.enableOptionSharing && defined(index);
-
-        if (cached) {
-          return cloneIfNotShared(cached, sharing);
-        }
-
-        var config = me.chart.config;
-        var scopeKeys = config.datasetElementScopeKeys(me._type, elementType);
-        var prefixes = active ? ["".concat(elementType, "Hover"), 'hover', elementType, ''] : [elementType, ''];
-        var scopes = config.getOptionScopes(me.getDataset(), scopeKeys);
-        var names = Object.keys(defaults.elements[elementType]);
-
-        var context = function context() {
-          return me.getContext(index, active);
-        };
-
-        var values = config.resolveNamedOptions(scopes, names, context, prefixes);
-
-        if (values.$shared) {
-          values.$shared = sharing;
-          cache[cacheKey] = Object.freeze(cloneIfNotShared(values, sharing));
-        }
-
-        return values;
-      }
-    }, {
-      key: "_resolveAnimations",
-      value: function _resolveAnimations(index, transition, active) {
-        var me = this;
-        var chart = me.chart;
-        var cache = me._cachedDataOpts;
-        var cacheKey = "animation-".concat(transition);
-        var cached = cache[cacheKey];
-
-        if (cached) {
-          return cached;
-        }
-
-        var options;
-
-        if (chart.options.animation !== false) {
-          var config = me.chart.config;
-          var scopeKeys = config.datasetAnimationScopeKeys(me._type, transition);
-          var scopes = config.getOptionScopes(me.getDataset(), scopeKeys);
-          options = config.createResolver(scopes, me.getContext(index, active, transition));
-        }
-
-        var animations = new Animations(chart, options && options.animations);
-
-        if (options && options._cacheable) {
-          cache[cacheKey] = Object.freeze(animations);
+      key: "_createAnimations",
+      value: function _createAnimations(target, values) {
+        var animatedProps = this._properties;
+        var animations = [];
+        var running = target.$animations || (target.$animations = {});
+        var props = Object.keys(values);
+        var date = Date.now();
+        var i;
+        for (i = props.length - 1; i >= 0; --i) {
+          var prop = props[i];
+          if (prop.charAt(0) === '$') {
+            continue;
+          }
+          if (prop === 'options') {
+            animations.push.apply(animations, _toConsumableArray(this._animateOptions(target, values)));
+            continue;
+          }
+          var value = values[prop];
+          var animation = running[prop];
+          var cfg = animatedProps.get(prop);
+          if (animation) {
+            if (cfg && animation.active()) {
+              animation.update(cfg, value, date);
+              continue;
+            } else {
+              animation.cancel();
+            }
+          }
+          if (!cfg || !cfg.duration) {
+            target[prop] = value;
+            continue;
+          }
+          running[prop] = animation = new Animation(cfg, target, prop, value);
+          animations.push(animation);
         }
-
         return animations;
       }
     }, {
-      key: "getSharedOptions",
-      value: function getSharedOptions(options) {
-        if (!options.$shared) {
+      key: "update",
+      value: function update(target, values) {
+        if (this._properties.size === 0) {
+          Object.assign(target, values);
           return;
         }
-
-        return this._sharedOptions || (this._sharedOptions = Object.assign({}, options));
-      }
-    }, {
-      key: "includeOptions",
-      value: function includeOptions(mode, sharedOptions) {
-        return !sharedOptions || isDirectUpdateMode(mode) || this.chart._animationsDisabled;
-      }
-    }, {
-      key: "updateElement",
-      value: function updateElement(element, index, properties, mode) {
-        if (isDirectUpdateMode(mode)) {
-          Object.assign(element, properties);
-        } else {
-          this._resolveAnimations(index, mode).update(element, properties);
-        }
-      }
-    }, {
-      key: "updateSharedOptions",
-      value: function updateSharedOptions(sharedOptions, mode, newOptions) {
-        if (sharedOptions && !isDirectUpdateMode(mode)) {
-          this._resolveAnimations(undefined, mode).update(sharedOptions, newOptions);
-        }
-      }
-    }, {
-      key: "_setStyle",
-      value: function _setStyle(element, index, mode, active) {
-        element.active = active;
-        var options = this.getStyle(index, active);
-
-        this._resolveAnimations(index, mode, active).update(element, {
-          options: !active && this.getSharedOptions(options) || options
-        });
-      }
-    }, {
-      key: "removeHoverStyle",
-      value: function removeHoverStyle(element, datasetIndex, index) {
-        this._setStyle(element, index, 'active', false);
-      }
-    }, {
-      key: "setHoverStyle",
-      value: function setHoverStyle(element, datasetIndex, index) {
-        this._setStyle(element, index, 'active', true);
-      }
-    }, {
-      key: "_removeDatasetHoverStyle",
-      value: function _removeDatasetHoverStyle() {
-        var element = this._cachedMeta.dataset;
-
-        if (element) {
-          this._setStyle(element, undefined, 'active', false);
-        }
-      }
-    }, {
-      key: "_setDatasetHoverStyle",
-      value: function _setDatasetHoverStyle() {
-        var element = this._cachedMeta.dataset;
-
-        if (element) {
-          this._setStyle(element, undefined, 'active', true);
-        }
-      }
-    }, {
-      key: "_resyncElements",
-      value: function _resyncElements(resetNewElements) {
-        var me = this;
-        var numMeta = me._cachedMeta.data.length;
-        var numData = me._data.length;
-
-        if (numData > numMeta) {
-          me._insertElements(numMeta, numData - numMeta, resetNewElements);
-        } else if (numData < numMeta) {
-          me._removeElements(numData, numMeta - numData);
-        }
-
-        var count = Math.min(numData, numMeta);
-
-        if (count) {
-          me.parse(0, count);
-        }
-      }
-    }, {
-      key: "_insertElements",
-      value: function _insertElements(start, count) {
-        var resetNewElements = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-        var me = this;
-        var meta = me._cachedMeta;
-        var data = meta.data;
-        var end = start + count;
-        var i;
-
-        var move = function move(arr) {
-          arr.length += count;
-
-          for (i = arr.length - 1; i >= end; i--) {
-            arr[i] = arr[i - count];
-          }
-        };
-
-        move(data);
-
-        for (i = start; i < end; ++i) {
-          data[i] = new me.dataElementType();
-        }
-
-        if (me._parsing) {
-          move(meta._parsed);
-        }
-
-        me.parse(start, count);
-
-        if (resetNewElements) {
-          me.updateElements(data, start, count, 'reset');
-        }
-      }
-    }, {
-      key: "updateElements",
-      value: function updateElements(element, start, count, mode) {}
-    }, {
-      key: "_removeElements",
-      value: function _removeElements(start, count) {
-        var me = this;
-        var meta = me._cachedMeta;
-
-        if (me._parsing) {
-          var removed = meta._parsed.splice(start, count);
-
-          if (meta._stacked) {
-            clearStacks(meta, removed);
-          }
+        var animations = this._createAnimations(target, values);
+        if (animations.length) {
+          animator.add(this._chart, animations);
+          return true;
         }
-
-        meta.data.splice(start, count);
-      }
-    }, {
-      key: "_onDataPush",
-      value: function _onDataPush() {
-        var count = arguments.length;
-
-        this._insertElements(this.getDataset().data.length - count, count);
-      }
-    }, {
-      key: "_onDataPop",
-      value: function _onDataPop() {
-        this._removeElements(this._cachedMeta.data.length - 1, 1);
-      }
-    }, {
-      key: "_onDataShift",
-      value: function _onDataShift() {
-        this._removeElements(0, 1);
-      }
-    }, {
-      key: "_onDataSplice",
-      value: function _onDataSplice(start, count) {
-        this._removeElements(start, count);
-
-        this._insertElements(start, arguments.length - 2);
-      }
-    }, {
-      key: "_onDataUnshift",
-      value: function _onDataUnshift() {
-        this._insertElements(0, arguments.length);
       }
     }]);
-
-    return DatasetController;
+    return Animations;
   }();
-
-  DatasetController.defaults = {};
-  DatasetController.prototype.datasetElementType = null;
-  DatasetController.prototype.dataElementType = null;
-
-  function getAllScaleValues(scale) {
-    if (!scale._cache.$bar) {
-      var metas = scale.getMatchingVisibleMetas('bar');
-      var values = [];
-
-      for (var i = 0, ilen = metas.length; i < ilen; i++) {
-        values = values.concat(metas[i].controller.getAllParsedValues(scale));
+  function awaitAll(animations, properties) {
+    var running = [];
+    var keys = Object.keys(properties);
+    for (var i = 0; i < keys.length; i++) {
+      var anim = animations[keys[i]];
+      if (anim && anim.active()) {
+        running.push(anim.wait());
       }
-
-      scale._cache.$bar = _arrayUnique(values.sort(function (a, b) {
-        return a - b;
-      }));
     }
-
-    return scale._cache.$bar;
+    return Promise.all(running);
   }
-
-  function computeMinSampleSize(scale) {
-    var values = getAllScaleValues(scale);
-    var min = scale._length;
-    var i, ilen, curr, prev;
-
-    var updateMinAndPrev = function updateMinAndPrev() {
-      min = Math.min(min, i && Math.abs(curr - prev) || min);
-      prev = curr;
-    };
-
-    for (i = 0, ilen = values.length; i < ilen; ++i) {
-      curr = scale.getPixelForValue(values[i]);
-      updateMinAndPrev();
+  function resolveTargetOptions(target, newOptions) {
+    if (!newOptions) {
+      return;
     }
-
-    for (i = 0, ilen = scale.ticks.length; i < ilen; ++i) {
-      curr = scale.getPixelForTick(i);
-      updateMinAndPrev();
+    var options = target.options;
+    if (!options) {
+      target.options = newOptions;
+      return;
     }
-
-    return min;
-  }
-
-  function computeFitCategoryTraits(index, ruler, options, stackCount) {
-    var thickness = options.barThickness;
-    var size, ratio;
-
-    if (isNullOrUndef(thickness)) {
-      size = ruler.min * options.categoryPercentage;
-      ratio = options.barPercentage;
-    } else {
-      size = thickness * stackCount;
-      ratio = 1;
+    if (options.$shared) {
+      target.options = options = Object.assign({}, options, {
+        $shared: false,
+        $animations: {}
+      });
     }
-
-    return {
-      chunk: size / stackCount,
-      ratio: ratio,
-      start: ruler.pixels[index] - size / 2
-    };
+    return options;
   }
-
-  function computeFlexCategoryTraits(index, ruler, options, stackCount) {
-    var pixels = ruler.pixels;
-    var curr = pixels[index];
-    var prev = index > 0 ? pixels[index - 1] : null;
-    var next = index < pixels.length - 1 ? pixels[index + 1] : null;
-    var percent = options.categoryPercentage;
-
-    if (prev === null) {
-      prev = curr - (next === null ? ruler.end - ruler.start : next - curr);
-    }
-
-    if (next === null) {
-      next = curr + curr - prev;
-    }
-
-    var start = curr - (curr - Math.min(prev, next)) / 2 * percent;
-    var size = Math.abs(next - prev) / 2 * percent;
+  function scaleClip(scale, allowedOverflow) {
+    var opts = scale && scale.options || {};
+    var reverse = opts.reverse;
+    var min = opts.min === undefined ? allowedOverflow : 0;
+    var max = opts.max === undefined ? allowedOverflow : 0;
     return {
-      chunk: size / stackCount,
-      ratio: options.barPercentage,
-      start: start
+      start: reverse ? max : min,
+      end: reverse ? min : max
     };
   }
-
-  function parseFloatBar(entry, item, vScale, i) {
-    var startValue = vScale.parse(entry[0], i);
-    var endValue = vScale.parse(entry[1], i);
-    var min = Math.min(startValue, endValue);
-    var max = Math.max(startValue, endValue);
-    var barStart = min;
-    var barEnd = max;
-
-    if (Math.abs(min) > Math.abs(max)) {
-      barStart = max;
-      barEnd = min;
+  function defaultClip(xScale, yScale, allowedOverflow) {
+    if (allowedOverflow === false) {
+      return false;
     }
-
-    item[vScale.axis] = barEnd;
-    item._custom = {
-      barStart: barStart,
-      barEnd: barEnd,
-      start: startValue,
-      end: endValue,
-      min: min,
-      max: max
+    var x = scaleClip(xScale, allowedOverflow);
+    var y = scaleClip(yScale, allowedOverflow);
+    return {
+      top: y.end,
+      right: x.end,
+      bottom: y.start,
+      left: x.start
     };
   }
-
-  function parseValue(entry, item, vScale, i) {
-    if (isArray(entry)) {
-      parseFloatBar(entry, item, vScale, i);
+  function toClip(value) {
+    var t, r, b, l;
+    if (isObject(value)) {
+      t = value.top;
+      r = value.right;
+      b = value.bottom;
+      l = value.left;
     } else {
-      item[vScale.axis] = vScale.parse(entry, i);
+      t = r = b = l = value;
     }
-
-    return item;
+    return {
+      top: t,
+      right: r,
+      bottom: b,
+      left: l,
+      disabled: value === false
+    };
   }
-
-  function parseArrayOrPrimitive(meta, data, start, count) {
-    var iScale = meta.iScale;
-    var vScale = meta.vScale;
-    var labels = iScale.getLabels();
-    var singleScale = iScale === vScale;
-    var parsed = [];
-    var i, ilen, item, entry;
-
-    for (i = start, ilen = start + count; i < ilen; ++i) {
-      entry = data[i];
-      item = {};
-      item[iScale.axis] = singleScale || iScale.parse(labels[i], i);
-      parsed.push(parseValue(entry, item, vScale, i));
+  function getSortedDatasetIndices(chart, filterVisible) {
+    var keys = [];
+    var metasets = chart._getSortedDatasetMetas(filterVisible);
+    var i, ilen;
+    for (i = 0, ilen = metasets.length; i < ilen; ++i) {
+      keys.push(metasets[i].index);
     }
-
-    return parsed;
-  }
-
-  function isFloatBar(custom) {
-    return custom && custom.barStart !== undefined && custom.barEnd !== undefined;
+    return keys;
   }
-
-  var BarController = /*#__PURE__*/function (_DatasetController) {
-    _inherits(BarController, _DatasetController);
-
-    var _super = _createSuper(BarController);
-
-    function BarController() {
-      _classCallCheck(this, BarController);
-
-      return _super.apply(this, arguments);
+  function _applyStack(stack, value, dsIndex) {
+    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    var keys = stack.keys;
+    var singleMode = options.mode === 'single';
+    var i, ilen, datasetIndex, otherValue;
+    if (value === null) {
+      return;
     }
-
-    _createClass(BarController, [{
-      key: "parsePrimitiveData",
-      value: function parsePrimitiveData(meta, data, start, count) {
-        return parseArrayOrPrimitive(meta, data, start, count);
-      }
-    }, {
-      key: "parseArrayData",
-      value: function parseArrayData(meta, data, start, count) {
-        return parseArrayOrPrimitive(meta, data, start, count);
-      }
-    }, {
-      key: "parseObjectData",
-      value: function parseObjectData(meta, data, start, count) {
-        var iScale = meta.iScale,
-            vScale = meta.vScale;
-        var _this$_parsing2 = this._parsing,
-            _this$_parsing2$xAxis = _this$_parsing2.xAxisKey,
-            xAxisKey = _this$_parsing2$xAxis === void 0 ? 'x' : _this$_parsing2$xAxis,
-            _this$_parsing2$yAxis = _this$_parsing2.yAxisKey,
-            yAxisKey = _this$_parsing2$yAxis === void 0 ? 'y' : _this$_parsing2$yAxis;
-        var iAxisKey = iScale.axis === 'x' ? xAxisKey : yAxisKey;
-        var vAxisKey = vScale.axis === 'x' ? xAxisKey : yAxisKey;
-        var parsed = [];
-        var i, ilen, item, obj;
-
-        for (i = start, ilen = start + count; i < ilen; ++i) {
-          obj = data[i];
-          item = {};
-          item[iScale.axis] = iScale.parse(resolveObjectKey(obj, iAxisKey), i);
-          parsed.push(parseValue(resolveObjectKey(obj, vAxisKey), item, vScale, i));
-        }
-
-        return parsed;
-      }
-    }, {
-      key: "updateRangeFromParsed",
-      value: function updateRangeFromParsed(range, scale, parsed, stack) {
-        _get(_getPrototypeOf(BarController.prototype), "updateRangeFromParsed", this).call(this, range, scale, parsed, stack);
-
-        var custom = parsed._custom;
-
-        if (custom && scale === this._cachedMeta.vScale) {
-          range.min = Math.min(range.min, custom.min);
-          range.max = Math.max(range.max, custom.max);
+    for (i = 0, ilen = keys.length; i < ilen; ++i) {
+      datasetIndex = +keys[i];
+      if (datasetIndex === dsIndex) {
+        if (options.all) {
+          continue;
         }
+        break;
       }
-    }, {
-      key: "getLabelAndValue",
-      value: function getLabelAndValue(index) {
-        var me = this;
-        var meta = me._cachedMeta;
-        var iScale = meta.iScale,
-            vScale = meta.vScale;
-        var parsed = me.getParsed(index);
-        var custom = parsed._custom;
-        var value = isFloatBar(custom) ? '[' + custom.start + ', ' + custom.end + ']' : '' + vScale.getLabelForValue(parsed[vScale.axis]);
-        return {
-          label: '' + iScale.getLabelForValue(parsed[iScale.axis]),
-          value: value
-        };
+      otherValue = stack.values[datasetIndex];
+      if (isNumberFinite(otherValue) && (singleMode || value === 0 || sign(value) === sign(otherValue))) {
+        value += otherValue;
       }
-    }, {
-      key: "initialize",
-      value: function initialize() {
-        var me = this;
-        me.enableOptionSharing = true;
-
-        _get(_getPrototypeOf(BarController.prototype), "initialize", this).call(this);
-
-        var meta = me._cachedMeta;
-        meta.stack = me.getDataset().stack;
+    }
+    return value;
+  }
+  function convertObjectDataToArray(data) {
+    var keys = Object.keys(data);
+    var adata = new Array(keys.length);
+    var i, ilen, key;
+    for (i = 0, ilen = keys.length; i < ilen; ++i) {
+      key = keys[i];
+      adata[i] = {
+        x: key,
+        y: data[key]
+      };
+    }
+    return adata;
+  }
+  function isStacked(scale, meta) {
+    var stacked = scale && scale.options.stacked;
+    return stacked || stacked === undefined && meta.stack !== undefined;
+  }
+  function getStackKey(indexScale, valueScale, meta) {
+    return "".concat(indexScale.id, ".").concat(valueScale.id, ".").concat(meta.stack || meta.type);
+  }
+  function getUserBounds(scale) {
+    var _scale$getUserBounds = scale.getUserBounds(),
+      min = _scale$getUserBounds.min,
+      max = _scale$getUserBounds.max,
+      minDefined = _scale$getUserBounds.minDefined,
+      maxDefined = _scale$getUserBounds.maxDefined;
+    return {
+      min: minDefined ? min : Number.NEGATIVE_INFINITY,
+      max: maxDefined ? max : Number.POSITIVE_INFINITY
+    };
+  }
+  function getOrCreateStack(stacks, stackKey, indexValue) {
+    var subStack = stacks[stackKey] || (stacks[stackKey] = {});
+    return subStack[indexValue] || (subStack[indexValue] = {});
+  }
+  function getLastIndexInStack(stack, vScale, positive, type) {
+    var _iterator = _createForOfIteratorHelper$1(vScale.getMatchingVisibleMetas(type).reverse()),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var meta = _step.value;
+        var value = stack[meta.index];
+        if (positive && value > 0 || !positive && value < 0) {
+          return meta.index;
+        }
       }
-    }, {
-      key: "update",
-      value: function update(mode) {
-        var me = this;
-        var meta = me._cachedMeta;
-        me.updateElements(meta.data, 0, meta.data.length, mode);
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return null;
+  }
+  function updateStacks(controller, parsed) {
+    var chart = controller.chart,
+      meta = controller._cachedMeta;
+    var stacks = chart._stacks || (chart._stacks = {});
+    var iScale = meta.iScale,
+      vScale = meta.vScale,
+      datasetIndex = meta.index;
+    var iAxis = iScale.axis;
+    var vAxis = vScale.axis;
+    var key = getStackKey(iScale, vScale, meta);
+    var ilen = parsed.length;
+    var stack;
+    for (var i = 0; i < ilen; ++i) {
+      var item = parsed[i];
+      var _index = item[iAxis],
+        value = item[vAxis];
+      var itemStacks = item._stacks || (item._stacks = {});
+      stack = itemStacks[vAxis] = getOrCreateStack(stacks, key, _index);
+      stack[datasetIndex] = value;
+      stack._top = getLastIndexInStack(stack, vScale, true, meta.type);
+      stack._bottom = getLastIndexInStack(stack, vScale, false, meta.type);
+      var visualValues = stack._visualValues || (stack._visualValues = {});
+      visualValues[datasetIndex] = value;
+    }
+  }
+  function getFirstScaleId(chart, axis) {
+    var scales = chart.scales;
+    return Object.keys(scales).filter(function (key) {
+      return scales[key].axis === axis;
+    }).shift();
+  }
+  function createDatasetContext(parent, index) {
+    return createContext(parent, {
+      active: false,
+      dataset: undefined,
+      datasetIndex: index,
+      index: index,
+      mode: 'default',
+      type: 'dataset'
+    });
+  }
+  function createDataContext(parent, index, element) {
+    return createContext(parent, {
+      active: false,
+      dataIndex: index,
+      parsed: undefined,
+      raw: undefined,
+      element: element,
+      index: index,
+      mode: 'default',
+      type: 'data'
+    });
+  }
+  function clearStacks(meta, items) {
+    var datasetIndex = meta.controller.index;
+    var axis = meta.vScale && meta.vScale.axis;
+    if (!axis) {
+      return;
+    }
+    items = items || meta._parsed;
+    var _iterator2 = _createForOfIteratorHelper$1(items),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var parsed = _step2.value;
+        var stacks = parsed._stacks;
+        if (!stacks || stacks[axis] === undefined || stacks[axis][datasetIndex] === undefined) {
+          return;
+        }
+        delete stacks[axis][datasetIndex];
+        if (stacks[axis]._visualValues !== undefined && stacks[axis]._visualValues[datasetIndex] !== undefined) {
+          delete stacks[axis]._visualValues[datasetIndex];
+        }
       }
-    }, {
-      key: "updateElements",
-      value: function updateElements(bars, start, count, mode) {
-        var me = this;
-        var reset = mode === 'reset';
-        var vScale = me._cachedMeta.vScale;
-        var base = vScale.getBasePixel();
-        var horizontal = vScale.isHorizontal();
-
-        var ruler = me._getRuler();
-
-        var firstOpts = me.resolveDataElementOptions(start, mode);
-        var sharedOptions = me.getSharedOptions(firstOpts);
-        var includeOptions = me.includeOptions(mode, sharedOptions);
-        me.updateSharedOptions(sharedOptions, mode, firstOpts);
-
-        for (var i = start; i < start + count; i++) {
-          var vpixels = reset ? {
-            base: base,
-            head: base
-          } : me._calculateBarValuePixels(i);
-
-          var ipixels = me._calculateBarIndexPixels(i, ruler);
-
-          var properties = {
-            horizontal: horizontal,
-            base: vpixels.base,
-            x: horizontal ? vpixels.head : ipixels.center,
-            y: horizontal ? ipixels.center : vpixels.head,
-            height: horizontal ? ipixels.size : undefined,
-            width: horizontal ? undefined : ipixels.size
-          };
-
-          if (includeOptions) {
-            properties.options = sharedOptions || me.resolveDataElementOptions(i, mode);
-          }
-
-          me.updateElement(bars[i], i, properties, mode);
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  var isDirectUpdateMode = function isDirectUpdateMode(mode) {
+    return mode === 'reset' || mode === 'none';
+  };
+  var cloneIfNotShared = function cloneIfNotShared(cached, shared) {
+    return shared ? cached : Object.assign({}, cached);
+  };
+  var createStack = function createStack(canStack, meta, chart) {
+    return canStack && !meta.hidden && meta._stacked && {
+      keys: getSortedDatasetIndices(chart, true),
+      values: null
+    };
+  };
+  var DatasetController = /*#__PURE__*/function () {
+    function DatasetController(chart, datasetIndex) {
+      _classCallCheck$x(this, DatasetController);
+      this.chart = chart;
+      this._ctx = chart.ctx;
+      this.index = datasetIndex;
+      this._cachedDataOpts = {};
+      this._cachedMeta = this.getMeta();
+      this._type = this._cachedMeta.type;
+      this.options = undefined;
+      this._parsing = false;
+      this._data = undefined;
+      this._objectData = undefined;
+      this._sharedOptions = undefined;
+      this._drawStart = undefined;
+      this._drawCount = undefined;
+      this.enableOptionSharing = false;
+      this.supportsDecimation = false;
+      this.$context = undefined;
+      this._syncList = [];
+      this.datasetElementType = (this instanceof DatasetController ? this.constructor : void 0).datasetElementType;
+      this.dataElementType = (this instanceof DatasetController ? this.constructor : void 0).dataElementType;
+      this.initialize();
+    }
+    _createClass$x(DatasetController, [{
+      key: "initialize",
+      value: function initialize() {
+        var meta = this._cachedMeta;
+        this.configure();
+        this.linkScales();
+        meta._stacked = isStacked(meta.vScale, meta);
+        this.addElements();
+        if (this.options.fill && !this.chart.isPluginEnabled('filler')) {
+          console.warn("Tried to use the 'fill' option without the 'Filler' plugin enabled. Please import and register the 'Filler' plugin and make sure it is not disabled in the options");
         }
       }
     }, {
-      key: "_getStacks",
-      value: function _getStacks(last, dataIndex) {
-        var me = this;
-        var meta = me._cachedMeta;
-        var iScale = meta.iScale;
-        var metasets = iScale.getMatchingVisibleMetas(me._type);
-        var stacked = iScale.options.stacked;
-        var ilen = metasets.length;
-        var stacks = [];
-        var i, item;
-
-        for (i = 0; i < ilen; ++i) {
-          item = metasets[i];
-
-          if (typeof dataIndex !== 'undefined') {
-            var val = item.controller.getParsed(dataIndex)[item.controller._cachedMeta.vScale.axis];
-
-            if (isNullOrUndef(val) || isNaN(val)) {
-              continue;
-            }
-          }
-
-          if (stacked === false || stacks.indexOf(item.stack) === -1 || stacked === undefined && item.stack === undefined) {
-            stacks.push(item.stack);
-          }
-
-          if (item.index === last) {
-            break;
-          }
-        }
-
-        if (!stacks.length) {
-          stacks.push(undefined);
+      key: "updateIndex",
+      value: function updateIndex(datasetIndex) {
+        if (this.index !== datasetIndex) {
+          clearStacks(this._cachedMeta);
         }
-
-        return stacks;
+        this.index = datasetIndex;
       }
     }, {
-      key: "_getStackCount",
-      value: function _getStackCount(index) {
-        return this._getStacks(undefined, index).length;
+      key: "linkScales",
+      value: function linkScales() {
+        var chart = this.chart;
+        var meta = this._cachedMeta;
+        var dataset = this.getDataset();
+        var chooseId = function chooseId(axis, x, y, r) {
+          return axis === 'x' ? x : axis === 'r' ? r : y;
+        };
+        var xid = meta.xAxisID = valueOrDefault(dataset.xAxisID, getFirstScaleId(chart, 'x'));
+        var yid = meta.yAxisID = valueOrDefault(dataset.yAxisID, getFirstScaleId(chart, 'y'));
+        var rid = meta.rAxisID = valueOrDefault(dataset.rAxisID, getFirstScaleId(chart, 'r'));
+        var indexAxis = meta.indexAxis;
+        var iid = meta.iAxisID = chooseId(indexAxis, xid, yid, rid);
+        var vid = meta.vAxisID = chooseId(indexAxis, yid, xid, rid);
+        meta.xScale = this.getScaleForId(xid);
+        meta.yScale = this.getScaleForId(yid);
+        meta.rScale = this.getScaleForId(rid);
+        meta.iScale = this.getScaleForId(iid);
+        meta.vScale = this.getScaleForId(vid);
       }
     }, {
-      key: "_getStackIndex",
-      value: function _getStackIndex(datasetIndex, name) {
-        var stacks = this._getStacks(datasetIndex);
-
-        var index = name !== undefined ? stacks.indexOf(name) : -1;
-        return index === -1 ? stacks.length - 1 : index;
+      key: "getDataset",
+      value: function getDataset() {
+        return this.chart.data.datasets[this.index];
       }
     }, {
-      key: "_getRuler",
-      value: function _getRuler() {
-        var me = this;
-        var opts = me.options;
-        var meta = me._cachedMeta;
-        var iScale = meta.iScale;
-        var pixels = [];
-        var i, ilen;
-
-        for (i = 0, ilen = meta.data.length; i < ilen; ++i) {
-          pixels.push(iScale.getPixelForValue(me.getParsed(i)[iScale.axis], i));
-        }
-
-        var barThickness = opts.barThickness;
-        var min = barThickness || computeMinSampleSize(iScale);
-        return {
-          min: min,
-          pixels: pixels,
-          start: iScale._startPixel,
-          end: iScale._endPixel,
-          stackCount: me._getStackCount(),
-          scale: iScale,
-          grouped: opts.grouped,
-          ratio: barThickness ? 1 : opts.categoryPercentage * opts.barPercentage
-        };
+      key: "getMeta",
+      value: function getMeta() {
+        return this.chart.getDatasetMeta(this.index);
       }
     }, {
-      key: "_calculateBarValuePixels",
-      value: function _calculateBarValuePixels(index) {
-        var me = this;
-        var _me$_cachedMeta = me._cachedMeta,
-            vScale = _me$_cachedMeta.vScale,
-            _stacked = _me$_cachedMeta._stacked;
-        var _me$options = me.options,
-            baseValue = _me$options.base,
-            minBarLength = _me$options.minBarLength;
-        var parsed = me.getParsed(index);
-        var custom = parsed._custom;
-        var floating = isFloatBar(custom);
-        var value = parsed[vScale.axis];
-        var start = 0;
-        var length = _stacked ? me.applyStack(vScale, parsed, _stacked) : value;
-        var head, size;
-
-        if (length !== value) {
-          start = length - value;
-          length = value;
+      key: "getScaleForId",
+      value: function getScaleForId(scaleID) {
+        return this.chart.scales[scaleID];
+      }
+    }, {
+      key: "_getOtherScale",
+      value: function _getOtherScale(scale) {
+        var meta = this._cachedMeta;
+        return scale === meta.iScale ? meta.vScale : meta.iScale;
+      }
+    }, {
+      key: "reset",
+      value: function reset() {
+        this._update('reset');
+      }
+    }, {
+      key: "_destroy",
+      value: function _destroy() {
+        var meta = this._cachedMeta;
+        if (this._data) {
+          unlistenArrayEvents(this._data, this);
         }
-
-        if (floating) {
-          value = custom.barStart;
-          length = custom.barEnd - custom.barStart;
-
-          if (value !== 0 && sign(value) !== sign(custom.barEnd)) {
-            start = 0;
-          }
-
-          start += value;
+        if (meta._stacked) {
+          clearStacks(meta);
         }
-
-        var startValue = !isNullOrUndef(baseValue) && !floating ? baseValue : start;
-        var base = vScale.getPixelForValue(startValue);
-
-        if (this.chart.getDataVisibility(index)) {
-          head = vScale.getPixelForValue(start + length);
-        } else {
-          head = base;
+      }
+    }, {
+      key: "_dataCheck",
+      value: function _dataCheck() {
+        var dataset = this.getDataset();
+        var data = dataset.data || (dataset.data = []);
+        var _data = this._data;
+        if (isObject(data)) {
+          this._data = convertObjectDataToArray(data);
+        } else if (_data !== data) {
+          if (_data) {
+            unlistenArrayEvents(_data, this);
+            var meta = this._cachedMeta;
+            clearStacks(meta);
+            meta._parsed = [];
+          }
+          if (data && Object.isExtensible(data)) {
+            listenArrayEvents(data, this);
+          }
+          this._syncList = [];
+          this._data = data;
         }
-
-        size = head - base;
-
-        if (minBarLength !== undefined && Math.abs(size) < minBarLength) {
-          size = size < 0 ? -minBarLength : minBarLength;
-
-          if (value === 0) {
-            base -= size / 2;
-          }
-
-          head = base + size;
-        }
-
-        var actualBase = baseValue || 0;
-
-        if (base === vScale.getPixelForValue(actualBase)) {
-          var halfGrid = vScale.getLineWidthForValue(actualBase) / 2;
-
-          if (size > 0) {
-            base += halfGrid;
-            size -= halfGrid;
-          } else if (size < 0) {
-            base -= halfGrid;
-            size += halfGrid;
-          }
+      }
+    }, {
+      key: "addElements",
+      value: function addElements() {
+        var meta = this._cachedMeta;
+        this._dataCheck();
+        if (this.datasetElementType) {
+          meta.dataset = new this.datasetElementType();
         }
-
-        return {
-          size: size,
-          base: base,
-          head: head,
-          center: head + size / 2
-        };
       }
     }, {
-      key: "_calculateBarIndexPixels",
-      value: function _calculateBarIndexPixels(index, ruler) {
-        var me = this;
-        var scale = ruler.scale;
-        var options = me.options;
-        var maxBarThickness = valueOrDefault(options.maxBarThickness, Infinity);
-        var center, size;
-
-        if (ruler.grouped) {
-          var stackCount = options.skipNull ? me._getStackCount(index) : ruler.stackCount;
-          var range = options.barThickness === 'flex' ? computeFlexCategoryTraits(index, ruler, options, stackCount) : computeFitCategoryTraits(index, ruler, options, stackCount);
-
-          var stackIndex = me._getStackIndex(me.index, me._cachedMeta.stack);
-
-          center = range.start + range.chunk * stackIndex + range.chunk / 2;
-          size = Math.min(maxBarThickness, range.chunk * range.ratio);
-        } else {
-          center = scale.getPixelForValue(me.getParsed(index)[scale.axis], index);
-          size = Math.min(maxBarThickness, ruler.min * ruler.ratio);
+      key: "buildOrUpdateElements",
+      value: function buildOrUpdateElements(resetNewElements) {
+        var meta = this._cachedMeta;
+        var dataset = this.getDataset();
+        var stackChanged = false;
+        this._dataCheck();
+        var oldStacked = meta._stacked;
+        meta._stacked = isStacked(meta.vScale, meta);
+        if (meta.stack !== dataset.stack) {
+          stackChanged = true;
+          clearStacks(meta);
+          meta.stack = dataset.stack;
+        }
+        this._resyncElements(resetNewElements);
+        if (stackChanged || oldStacked !== meta._stacked) {
+          updateStacks(this, meta._parsed);
         }
-
-        return {
-          base: center - size / 2,
-          head: center + size / 2,
-          center: center,
-          size: size
-        };
       }
     }, {
-      key: "draw",
-      value: function draw() {
-        var me = this;
-        var chart = me.chart;
-        var meta = me._cachedMeta;
-        var vScale = meta.vScale;
-        var rects = meta.data;
-        var ilen = rects.length;
-        var i = 0;
-        clipArea(chart.ctx, chart.chartArea);
-
-        for (; i < ilen; ++i) {
-          if (me.getParsed(i)[vScale.axis] !== null) {
-            rects[i].draw(me._ctx);
+      key: "configure",
+      value: function configure() {
+        var config = this.chart.config;
+        var scopeKeys = config.datasetScopeKeys(this._type);
+        var scopes = config.getOptionScopes(this.getDataset(), scopeKeys, true);
+        this.options = config.createResolver(scopes, this.getContext());
+        this._parsing = this.options.parsing;
+        this._cachedDataOpts = {};
+      }
+    }, {
+      key: "parse",
+      value: function parse(start, count) {
+        var meta = this._cachedMeta,
+          data = this._data;
+        var iScale = meta.iScale,
+          _stacked = meta._stacked;
+        var iAxis = iScale.axis;
+        var sorted = start === 0 && count === data.length ? true : meta._sorted;
+        var prev = start > 0 && meta._parsed[start - 1];
+        var i, cur, parsed;
+        if (this._parsing === false) {
+          meta._parsed = data;
+          meta._sorted = true;
+          parsed = data;
+        } else {
+          if (isArray(data[start])) {
+            parsed = this.parseArrayData(meta, data, start, count);
+          } else if (isObject(data[start])) {
+            parsed = this.parseObjectData(meta, data, start, count);
+          } else {
+            parsed = this.parsePrimitiveData(meta, data, start, count);
+          }
+          var isNotInOrderComparedToPrev = function isNotInOrderComparedToPrev() {
+            return cur[iAxis] === null || prev && cur[iAxis] < prev[iAxis];
+          };
+          for (i = 0; i < count; ++i) {
+            meta._parsed[i + start] = cur = parsed[i];
+            if (sorted) {
+              if (isNotInOrderComparedToPrev()) {
+                sorted = false;
+              }
+              prev = cur;
+            }
           }
+          meta._sorted = sorted;
+        }
+        if (_stacked) {
+          updateStacks(this, parsed);
         }
-
-        unclipArea(chart.ctx);
-      }
-    }]);
-
-    return BarController;
-  }(DatasetController);
-
-  BarController.id = 'bar';
-  BarController.defaults = {
-    datasetElementType: false,
-    dataElementType: 'bar',
-    categoryPercentage: 0.8,
-    barPercentage: 0.9,
-    grouped: true,
-    animations: {
-      numbers: {
-        type: 'number',
-        properties: ['x', 'y', 'base', 'width', 'height']
       }
-    }
-  };
-  BarController.overrides = {
-    interaction: {
-      mode: 'index'
-    },
-    scales: {
-      _index_: {
-        type: 'category',
-        offset: true,
-        grid: {
-          offset: true
+    }, {
+      key: "parsePrimitiveData",
+      value: function parsePrimitiveData(meta, data, start, count) {
+        var iScale = meta.iScale,
+          vScale = meta.vScale;
+        var iAxis = iScale.axis;
+        var vAxis = vScale.axis;
+        var labels = iScale.getLabels();
+        var singleScale = iScale === vScale;
+        var parsed = new Array(count);
+        var i, ilen, index;
+        for (i = 0, ilen = count; i < ilen; ++i) {
+          var _parsed$i;
+          index = i + start;
+          parsed[i] = (_parsed$i = {}, _defineProperty$w(_parsed$i, iAxis, singleScale || iScale.parse(labels[index], index)), _defineProperty$w(_parsed$i, vAxis, vScale.parse(data[index], index)), _parsed$i);
         }
-      },
-      _value_: {
-        type: 'linear',
-        beginAtZero: true
+        return parsed;
       }
-    }
-  };
-
-  var BubbleController = /*#__PURE__*/function (_DatasetController2) {
-    _inherits(BubbleController, _DatasetController2);
-
-    var _super2 = _createSuper(BubbleController);
-
-    function BubbleController() {
-      _classCallCheck(this, BubbleController);
-
-      return _super2.apply(this, arguments);
-    }
-
-    _createClass(BubbleController, [{
-      key: "initialize",
-      value: function initialize() {
-        this.enableOptionSharing = true;
-
-        _get(_getPrototypeOf(BubbleController.prototype), "initialize", this).call(this);
+    }, {
+      key: "parseArrayData",
+      value: function parseArrayData(meta, data, start, count) {
+        var xScale = meta.xScale,
+          yScale = meta.yScale;
+        var parsed = new Array(count);
+        var i, ilen, index, item;
+        for (i = 0, ilen = count; i < ilen; ++i) {
+          index = i + start;
+          item = data[index];
+          parsed[i] = {
+            x: xScale.parse(item[0], index),
+            y: yScale.parse(item[1], index)
+          };
+        }
+        return parsed;
       }
     }, {
       key: "parseObjectData",
       value: function parseObjectData(meta, data, start, count) {
         var xScale = meta.xScale,
-            yScale = meta.yScale;
-        var _this$_parsing3 = this._parsing,
-            _this$_parsing3$xAxis = _this$_parsing3.xAxisKey,
-            xAxisKey = _this$_parsing3$xAxis === void 0 ? 'x' : _this$_parsing3$xAxis,
-            _this$_parsing3$yAxis = _this$_parsing3.yAxisKey,
-            yAxisKey = _this$_parsing3$yAxis === void 0 ? 'y' : _this$_parsing3$yAxis;
-        var parsed = [];
-        var i, ilen, item;
-
-        for (i = start, ilen = start + count; i < ilen; ++i) {
-          item = data[i];
-          parsed.push({
-            x: xScale.parse(resolveObjectKey(item, xAxisKey), i),
-            y: yScale.parse(resolveObjectKey(item, yAxisKey), i),
-            _custom: item && item.r && +item.r
-          });
+          yScale = meta.yScale;
+        var _this$_parsing = this._parsing,
+          _this$_parsing$xAxisK = _this$_parsing.xAxisKey,
+          xAxisKey = _this$_parsing$xAxisK === void 0 ? 'x' : _this$_parsing$xAxisK,
+          _this$_parsing$yAxisK = _this$_parsing.yAxisKey,
+          yAxisKey = _this$_parsing$yAxisK === void 0 ? 'y' : _this$_parsing$yAxisK;
+        var parsed = new Array(count);
+        var i, ilen, index, item;
+        for (i = 0, ilen = count; i < ilen; ++i) {
+          index = i + start;
+          item = data[index];
+          parsed[i] = {
+            x: xScale.parse(resolveObjectKey(item, xAxisKey), index),
+            y: yScale.parse(resolveObjectKey(item, yAxisKey), index)
+          };
         }
-
         return parsed;
       }
     }, {
-      key: "getMaxOverflow",
-      value: function getMaxOverflow() {
-        var _this$_cachedMeta = this._cachedMeta,
-            data = _this$_cachedMeta.data,
-            _parsed = _this$_cachedMeta._parsed;
-        var max = 0;
-
-        for (var i = data.length - 1; i >= 0; --i) {
-          max = Math.max(max, data[i].size() / 2, _parsed[i]._custom);
-        }
-
-        return max > 0 && max;
+      key: "getParsed",
+      value: function getParsed(index) {
+        return this._cachedMeta._parsed[index];
       }
     }, {
-      key: "getLabelAndValue",
-      value: function getLabelAndValue(index) {
-        var me = this;
-        var meta = me._cachedMeta;
-        var xScale = meta.xScale,
-            yScale = meta.yScale;
-        var parsed = me.getParsed(index);
-        var x = xScale.getLabelForValue(parsed.x);
-        var y = yScale.getLabelForValue(parsed.y);
-        var r = parsed._custom;
-        return {
-          label: meta.label,
-          value: '(' + x + ', ' + y + (r ? ', ' + r : '') + ')'
-        };
+      key: "getDataElement",
+      value: function getDataElement(index) {
+        return this._cachedMeta.data[index];
       }
     }, {
-      key: "update",
-      value: function update(mode) {
-        var me = this;
-        var points = me._cachedMeta.data;
-        me.updateElements(points, 0, points.length, mode);
+      key: "applyStack",
+      value: function applyStack(scale, parsed, mode) {
+        var chart = this.chart;
+        var meta = this._cachedMeta;
+        var value = parsed[scale.axis];
+        var stack = {
+          keys: getSortedDatasetIndices(chart, true),
+          values: parsed._stacks[scale.axis]._visualValues
+        };
+        return _applyStack(stack, value, meta.index, {
+          mode: mode
+        });
       }
     }, {
-      key: "updateElements",
-      value: function updateElements(points, start, count, mode) {
-        var me = this;
-        var reset = mode === 'reset';
-        var _me$_cachedMeta2 = me._cachedMeta,
-            xScale = _me$_cachedMeta2.xScale,
-            yScale = _me$_cachedMeta2.yScale;
-        var firstOpts = me.resolveDataElementOptions(start, mode);
-        var sharedOptions = me.getSharedOptions(firstOpts);
-        var includeOptions = me.includeOptions(mode, sharedOptions);
-
-        for (var i = start; i < start + count; i++) {
-          var point = points[i];
-          var parsed = !reset && me.getParsed(i);
-          var x = reset ? xScale.getPixelForDecimal(0.5) : xScale.getPixelForValue(parsed.x);
-          var y = reset ? yScale.getBasePixel() : yScale.getPixelForValue(parsed.y);
-          var properties = {
-            x: x,
-            y: y,
-            skip: isNaN(x) || isNaN(y)
-          };
-
-          if (includeOptions) {
-            properties.options = me.resolveDataElementOptions(i, mode);
-
-            if (reset) {
-              properties.options.radius = 0;
-            }
-          }
-
-          me.updateElement(point, i, properties, mode);
+      key: "updateRangeFromParsed",
+      value: function updateRangeFromParsed(range, scale, parsed, stack) {
+        var parsedValue = parsed[scale.axis];
+        var value = parsedValue === null ? NaN : parsedValue;
+        var values = stack && parsed._stacks[scale.axis];
+        if (stack && values) {
+          stack.values = values;
+          value = _applyStack(stack, parsedValue, this._cachedMeta.index);
         }
-
-        me.updateSharedOptions(sharedOptions, mode, firstOpts);
+        range.min = Math.min(range.min, value);
+        range.max = Math.max(range.max, value);
       }
     }, {
-      key: "resolveDataElementOptions",
-      value: function resolveDataElementOptions(index, mode) {
-        var parsed = this.getParsed(index);
-
-        var values = _get(_getPrototypeOf(BubbleController.prototype), "resolveDataElementOptions", this).call(this, index, mode);
-
-        if (values.$shared) {
-          values = Object.assign({}, values, {
-            $shared: false
-          });
+      key: "getMinMax",
+      value: function getMinMax(scale, canStack) {
+        var meta = this._cachedMeta;
+        var _parsed = meta._parsed;
+        var sorted = meta._sorted && scale === meta.iScale;
+        var ilen = _parsed.length;
+        var otherScale = this._getOtherScale(scale);
+        var stack = createStack(canStack, meta, this.chart);
+        var range = {
+          min: Number.POSITIVE_INFINITY,
+          max: Number.NEGATIVE_INFINITY
+        };
+        var _getUserBounds = getUserBounds(otherScale),
+          otherMin = _getUserBounds.min,
+          otherMax = _getUserBounds.max;
+        var i, parsed;
+        function _skip() {
+          parsed = _parsed[i];
+          var otherValue = parsed[otherScale.axis];
+          return !isNumberFinite(parsed[scale.axis]) || otherMin > otherValue || otherMax < otherValue;
         }
-
-        var radius = values.radius;
-
-        if (mode !== 'active') {
-          values.radius = 0;
+        for (i = 0; i < ilen; ++i) {
+          if (_skip()) {
+            continue;
+          }
+          this.updateRangeFromParsed(range, scale, parsed, stack);
+          if (sorted) {
+            break;
+          }
         }
-
-        values.radius += valueOrDefault(parsed && parsed._custom, radius);
-        return values;
-      }
-    }]);
-
-    return BubbleController;
-  }(DatasetController);
-
-  BubbleController.id = 'bubble';
-  BubbleController.defaults = {
-    datasetElementType: false,
-    dataElementType: 'point',
-    animations: {
-      numbers: {
-        type: 'number',
-        properties: ['x', 'y', 'borderWidth', 'radius']
-      }
-    }
-  };
-  BubbleController.overrides = {
-    scales: {
-      x: {
-        type: 'linear'
-      },
-      y: {
-        type: 'linear'
-      }
-    },
-    plugins: {
-      tooltip: {
-        callbacks: {
-          title: function title() {
-            return '';
+        if (sorted) {
+          for (i = ilen - 1; i >= 0; --i) {
+            if (_skip()) {
+              continue;
+            }
+            this.updateRangeFromParsed(range, scale, parsed, stack);
+            break;
           }
         }
+        return range;
       }
-    }
-  };
-
-  function getRatioAndOffset(rotation, circumference, cutout) {
-    var ratioX = 1;
-    var ratioY = 1;
-    var offsetX = 0;
-    var offsetY = 0;
-
-    if (circumference < TAU) {
-      var startAngle = rotation;
-      var endAngle = startAngle + circumference;
-      var startX = Math.cos(startAngle);
-      var startY = Math.sin(startAngle);
-      var endX = Math.cos(endAngle);
-      var endY = Math.sin(endAngle);
-
-      var calcMax = function calcMax(angle, a, b) {
-        return _angleBetween(angle, startAngle, endAngle) ? 1 : Math.max(a, a * cutout, b, b * cutout);
-      };
-
-      var calcMin = function calcMin(angle, a, b) {
-        return _angleBetween(angle, startAngle, endAngle) ? -1 : Math.min(a, a * cutout, b, b * cutout);
-      };
-
-      var maxX = calcMax(0, startX, endX);
-      var maxY = calcMax(HALF_PI, startY, endY);
-      var minX = calcMin(PI, startX, endX);
-      var minY = calcMin(PI + HALF_PI, startY, endY);
-      ratioX = (maxX - minX) / 2;
-      ratioY = (maxY - minY) / 2;
-      offsetX = -(maxX + minX) / 2;
-      offsetY = -(maxY + minY) / 2;
-    }
-
-    return {
-      ratioX: ratioX,
-      ratioY: ratioY,
-      offsetX: offsetX,
-      offsetY: offsetY
-    };
-  }
-
-  var DoughnutController = /*#__PURE__*/function (_DatasetController3) {
-    _inherits(DoughnutController, _DatasetController3);
-
-    var _super3 = _createSuper(DoughnutController);
-
-    function DoughnutController(chart, datasetIndex) {
-      var _this;
-
-      _classCallCheck(this, DoughnutController);
-
-      _this = _super3.call(this, chart, datasetIndex);
-      _this.enableOptionSharing = true;
-      _this.innerRadius = undefined;
-      _this.outerRadius = undefined;
-      _this.offsetX = undefined;
-      _this.offsetY = undefined;
-      return _this;
-    }
-
-    _createClass(DoughnutController, [{
-      key: "linkScales",
-      value: function linkScales() {}
     }, {
-      key: "parse",
-      value: function parse(start, count) {
-        var data = this.getDataset().data;
-        var meta = this._cachedMeta;
-        var i, ilen;
-
-        for (i = start, ilen = start + count; i < ilen; ++i) {
-          meta._parsed[i] = +data[i];
+      key: "getAllParsedValues",
+      value: function getAllParsedValues(scale) {
+        var parsed = this._cachedMeta._parsed;
+        var values = [];
+        var i, ilen, value;
+        for (i = 0, ilen = parsed.length; i < ilen; ++i) {
+          value = parsed[i][scale.axis];
+          if (isNumberFinite(value)) {
+            values.push(value);
+          }
         }
+        return values;
       }
     }, {
-      key: "_getRotation",
-      value: function _getRotation() {
-        return toRadians(this.options.rotation - 90);
-      }
-    }, {
-      key: "_getCircumference",
-      value: function _getCircumference() {
-        return toRadians(this.options.circumference);
+      key: "getMaxOverflow",
+      value: function getMaxOverflow() {
+        return false;
       }
     }, {
-      key: "_getRotationExtents",
-      value: function _getRotationExtents() {
-        var min = TAU;
-        var max = -TAU;
-        var me = this;
-
-        for (var i = 0; i < me.chart.data.datasets.length; ++i) {
-          if (me.chart.isDatasetVisible(i)) {
-            var controller = me.chart.getDatasetMeta(i).controller;
-
-            var rotation = controller._getRotation();
-
-            var circumference = controller._getCircumference();
-
-            min = Math.min(min, rotation);
-            max = Math.max(max, rotation + circumference);
-          }
-        }
-
+      key: "getLabelAndValue",
+      value: function getLabelAndValue(index) {
+        var meta = this._cachedMeta;
+        var iScale = meta.iScale;
+        var vScale = meta.vScale;
+        var parsed = this.getParsed(index);
         return {
-          rotation: min,
-          circumference: max - min
+          label: iScale ? '' + iScale.getLabelForValue(parsed[iScale.axis]) : '',
+          value: vScale ? '' + vScale.getLabelForValue(parsed[vScale.axis]) : ''
         };
       }
     }, {
-      key: "update",
-      value: function update(mode) {
-        var me = this;
-        var chart = me.chart;
-        var chartArea = chart.chartArea;
-        var meta = me._cachedMeta;
-        var arcs = meta.data;
-        var spacing = me.getMaxBorderWidth() + me.getMaxOffset(arcs);
-        var maxSize = Math.max((Math.min(chartArea.width, chartArea.height) - spacing) / 2, 0);
-        var cutout = Math.min(toPercentage(me.options.cutout, maxSize), 1);
-
-        var chartWeight = me._getRingWeight(me.index);
-
-        var _me$_getRotationExten = me._getRotationExtents(),
-            circumference = _me$_getRotationExten.circumference,
-            rotation = _me$_getRotationExten.rotation;
-
-        var _getRatioAndOffset = getRatioAndOffset(rotation, circumference, cutout),
-            ratioX = _getRatioAndOffset.ratioX,
-            ratioY = _getRatioAndOffset.ratioY,
-            offsetX = _getRatioAndOffset.offsetX,
-            offsetY = _getRatioAndOffset.offsetY;
-
-        var maxWidth = (chartArea.width - spacing) / ratioX;
-        var maxHeight = (chartArea.height - spacing) / ratioY;
-        var maxRadius = Math.max(Math.min(maxWidth, maxHeight) / 2, 0);
-        var outerRadius = toDimension(me.options.radius, maxRadius);
-        var innerRadius = Math.max(outerRadius * cutout, 0);
-
-        var radiusLength = (outerRadius - innerRadius) / me._getVisibleDatasetWeightTotal();
-
-        me.offsetX = offsetX * outerRadius;
-        me.offsetY = offsetY * outerRadius;
-        meta.total = me.calculateTotal();
-        me.outerRadius = outerRadius - radiusLength * me._getRingWeightOffset(me.index);
-        me.innerRadius = Math.max(me.outerRadius - radiusLength * chartWeight, 0);
-        me.updateElements(arcs, 0, arcs.length, mode);
+      key: "_update",
+      value: function _update(mode) {
+        var meta = this._cachedMeta;
+        this.update(mode || 'default');
+        meta._clip = toClip(valueOrDefault(this.options.clip, defaultClip(meta.xScale, meta.yScale, this.getMaxOverflow())));
       }
     }, {
-      key: "_circumference",
-      value: function _circumference(i, reset) {
-        var me = this;
-        var opts = me.options;
-        var meta = me._cachedMeta;
-
-        var circumference = me._getCircumference();
-
-        if (reset && opts.animation.animateRotate || !this.chart.getDataVisibility(i) || meta._parsed[i] === null) {
-          return 0;
-        }
-
-        return me.calculateCircumference(meta._parsed[i] * circumference / TAU);
-      }
+      key: "update",
+      value: function update(mode) {}
     }, {
-      key: "updateElements",
-      value: function updateElements(arcs, start, count, mode) {
-        var me = this;
-        var reset = mode === 'reset';
-        var chart = me.chart;
-        var chartArea = chart.chartArea;
-        var opts = chart.options;
-        var animationOpts = opts.animation;
-        var centerX = (chartArea.left + chartArea.right) / 2;
-        var centerY = (chartArea.top + chartArea.bottom) / 2;
-        var animateScale = reset && animationOpts.animateScale;
-        var innerRadius = animateScale ? 0 : me.innerRadius;
-        var outerRadius = animateScale ? 0 : me.outerRadius;
-        var firstOpts = me.resolveDataElementOptions(start, mode);
-        var sharedOptions = me.getSharedOptions(firstOpts);
-        var includeOptions = me.includeOptions(mode, sharedOptions);
-
-        var startAngle = me._getRotation();
-
+      key: "draw",
+      value: function draw() {
+        var ctx = this._ctx;
+        var chart = this.chart;
+        var meta = this._cachedMeta;
+        var elements = meta.data || [];
+        var area = chart.chartArea;
+        var active = [];
+        var start = this._drawStart || 0;
+        var count = this._drawCount || elements.length - start;
+        var drawActiveElementsOnTop = this.options.drawActiveElementsOnTop;
         var i;
-
-        for (i = 0; i < start; ++i) {
-          startAngle += me._circumference(i, reset);
+        if (meta.dataset) {
+          meta.dataset.draw(ctx, area, start, count);
         }
-
         for (i = start; i < start + count; ++i) {
-          var circumference = me._circumference(i, reset);
-
-          var arc = arcs[i];
-          var properties = {
-            x: centerX + me.offsetX,
-            y: centerY + me.offsetY,
-            startAngle: startAngle,
-            endAngle: startAngle + circumference,
-            circumference: circumference,
-            outerRadius: outerRadius,
-            innerRadius: innerRadius
-          };
-
-          if (includeOptions) {
-            properties.options = sharedOptions || me.resolveDataElementOptions(i, mode);
+          var element = elements[i];
+          if (element.hidden) {
+            continue;
+          }
+          if (element.active && drawActiveElementsOnTop) {
+            active.push(element);
+          } else {
+            element.draw(ctx, area);
           }
-
-          startAngle += circumference;
-          me.updateElement(arc, i, properties, mode);
         }
-
-        me.updateSharedOptions(sharedOptions, mode, firstOpts);
+        for (i = 0; i < active.length; ++i) {
+          active[i].draw(ctx, area);
+        }
       }
     }, {
-      key: "calculateTotal",
-      value: function calculateTotal() {
-        var meta = this._cachedMeta;
-        var metaData = meta.data;
-        var total = 0;
-        var i;
-
-        for (i = 0; i < metaData.length; i++) {
-          var value = meta._parsed[i];
-
-          if (value !== null && !isNaN(value) && this.chart.getDataVisibility(i)) {
-            total += Math.abs(value);
-          }
-        }
-
-        return total;
+      key: "getStyle",
+      value: function getStyle(index, active) {
+        var mode = active ? 'active' : 'default';
+        return index === undefined && this._cachedMeta.dataset ? this.resolveDatasetElementOptions(mode) : this.resolveDataElementOptions(index || 0, mode);
       }
     }, {
-      key: "calculateCircumference",
-      value: function calculateCircumference(value) {
-        var total = this._cachedMeta.total;
-
-        if (total > 0 && !isNaN(value)) {
-          return TAU * (Math.abs(value) / total);
+      key: "getContext",
+      value: function getContext(index, active, mode) {
+        var dataset = this.getDataset();
+        var context;
+        if (index >= 0 && index < this._cachedMeta.data.length) {
+          var element = this._cachedMeta.data[index];
+          context = element.$context || (element.$context = createDataContext(this.getContext(), index, element));
+          context.parsed = this.getParsed(index);
+          context.raw = dataset.data[index];
+          context.index = context.dataIndex = index;
+        } else {
+          context = this.$context || (this.$context = createDatasetContext(this.chart.getContext(), this.index));
+          context.dataset = dataset;
+          context.index = context.datasetIndex = this.index;
         }
-
-        return 0;
+        context.active = !!active;
+        context.mode = mode;
+        return context;
       }
     }, {
-      key: "getLabelAndValue",
-      value: function getLabelAndValue(index) {
-        var me = this;
-        var meta = me._cachedMeta;
-        var chart = me.chart;
-        var labels = chart.data.labels || [];
-        var value = formatNumber(meta._parsed[index], chart.options.locale);
-        return {
-          label: labels[index] || '',
-          value: value
-        };
+      key: "resolveDatasetElementOptions",
+      value: function resolveDatasetElementOptions(mode) {
+        return this._resolveElementOptions(this.datasetElementType.id, mode);
       }
     }, {
-      key: "getMaxBorderWidth",
-      value: function getMaxBorderWidth(arcs) {
-        var me = this;
-        var max = 0;
-        var chart = me.chart;
-        var i, ilen, meta, controller, options;
-
-        if (!arcs) {
-          for (i = 0, ilen = chart.data.datasets.length; i < ilen; ++i) {
-            if (chart.isDatasetVisible(i)) {
-              meta = chart.getDatasetMeta(i);
-              arcs = meta.data;
-              controller = meta.controller;
-
-              if (controller !== me) {
-                controller.configure();
-              }
-
-              break;
-            }
-          }
-        }
-
-        if (!arcs) {
-          return 0;
+      key: "resolveDataElementOptions",
+      value: function resolveDataElementOptions(index, mode) {
+        return this._resolveElementOptions(this.dataElementType.id, mode, index);
+      }
+    }, {
+      key: "_resolveElementOptions",
+      value: function _resolveElementOptions(elementType) {
+        var _this3 = this;
+        var mode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+        var index = arguments.length > 2 ? arguments[2] : undefined;
+        var active = mode === 'active';
+        var cache = this._cachedDataOpts;
+        var cacheKey = elementType + '-' + mode;
+        var cached = cache[cacheKey];
+        var sharing = this.enableOptionSharing && defined(index);
+        if (cached) {
+          return cloneIfNotShared(cached, sharing);
         }
-
-        for (i = 0, ilen = arcs.length; i < ilen; ++i) {
-          options = controller.resolveDataElementOptions(i);
-
-          if (options.borderAlign !== 'inner') {
-            max = Math.max(max, options.borderWidth || 0, options.hoverBorderWidth || 0);
-          }
+        var config = this.chart.config;
+        var scopeKeys = config.datasetElementScopeKeys(this._type, elementType);
+        var prefixes = active ? ["".concat(elementType, "Hover"), 'hover', elementType, ''] : [elementType, ''];
+        var scopes = config.getOptionScopes(this.getDataset(), scopeKeys);
+        var names = Object.keys(defaults.elements[elementType]);
+        var context = function context() {
+          return _this3.getContext(index, active, mode);
+        };
+        var values = config.resolveNamedOptions(scopes, names, context, prefixes);
+        if (values.$shared) {
+          values.$shared = sharing;
+          cache[cacheKey] = Object.freeze(cloneIfNotShared(values, sharing));
         }
-
-        return max;
+        return values;
       }
     }, {
-      key: "getMaxOffset",
-      value: function getMaxOffset(arcs) {
-        var max = 0;
-
-        for (var i = 0, ilen = arcs.length; i < ilen; ++i) {
-          var options = this.resolveDataElementOptions(i);
-          max = Math.max(max, options.offset || 0, options.hoverOffset || 0);
+      key: "_resolveAnimations",
+      value: function _resolveAnimations(index, transition, active) {
+        var chart = this.chart;
+        var cache = this._cachedDataOpts;
+        var cacheKey = "animation-".concat(transition);
+        var cached = cache[cacheKey];
+        if (cached) {
+          return cached;
         }
-
-        return max;
+        var options;
+        if (chart.options.animation !== false) {
+          var config = this.chart.config;
+          var scopeKeys = config.datasetAnimationScopeKeys(this._type, transition);
+          var scopes = config.getOptionScopes(this.getDataset(), scopeKeys);
+          options = config.createResolver(scopes, this.getContext(index, active, transition));
+        }
+        var animations = new Animations(chart, options && options.animations);
+        if (options && options._cacheable) {
+          cache[cacheKey] = Object.freeze(animations);
+        }
+        return animations;
       }
     }, {
-      key: "_getRingWeightOffset",
-      value: function _getRingWeightOffset(datasetIndex) {
-        var ringWeightOffset = 0;
-
-        for (var i = 0; i < datasetIndex; ++i) {
-          if (this.chart.isDatasetVisible(i)) {
-            ringWeightOffset += this._getRingWeight(i);
-          }
+      key: "getSharedOptions",
+      value: function getSharedOptions(options) {
+        if (!options.$shared) {
+          return;
         }
-
-        return ringWeightOffset;
+        return this._sharedOptions || (this._sharedOptions = Object.assign({}, options));
       }
     }, {
-      key: "_getRingWeight",
-      value: function _getRingWeight(datasetIndex) {
-        return Math.max(valueOrDefault(this.chart.data.datasets[datasetIndex].weight, 1), 0);
+      key: "includeOptions",
+      value: function includeOptions(mode, sharedOptions) {
+        return !sharedOptions || isDirectUpdateMode(mode) || this.chart._animationsDisabled;
       }
     }, {
-      key: "_getVisibleDatasetWeightTotal",
-      value: function _getVisibleDatasetWeightTotal() {
-        return this._getRingWeightOffset(this.chart.data.datasets.length) || 1;
-      }
-    }]);
-
-    return DoughnutController;
-  }(DatasetController);
-
-  DoughnutController.id = 'doughnut';
-  DoughnutController.defaults = {
-    datasetElementType: false,
-    dataElementType: 'arc',
-    animation: {
-      animateRotate: true,
-      animateScale: false
-    },
-    animations: {
-      numbers: {
-        type: 'number',
-        properties: ['circumference', 'endAngle', 'innerRadius', 'outerRadius', 'startAngle', 'x', 'y', 'offset', 'borderWidth']
+      key: "_getSharedOptions",
+      value: function _getSharedOptions(start, mode) {
+        var firstOpts = this.resolveDataElementOptions(start, mode);
+        var previouslySharedOptions = this._sharedOptions;
+        var sharedOptions = this.getSharedOptions(firstOpts);
+        var includeOptions = this.includeOptions(mode, sharedOptions) || sharedOptions !== previouslySharedOptions;
+        this.updateSharedOptions(sharedOptions, mode, firstOpts);
+        return {
+          sharedOptions: sharedOptions,
+          includeOptions: includeOptions
+        };
       }
-    },
-    cutout: '50%',
-    rotation: 0,
-    circumference: 360,
-    radius: '100%',
-    indexAxis: 'r'
-  };
-  DoughnutController.overrides = {
-    aspectRatio: 1,
-    plugins: {
-      legend: {
-        labels: {
-          generateLabels: function generateLabels(chart) {
-            var data = chart.data;
-
-            if (data.labels.length && data.datasets.length) {
-              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,
-                  lineWidth: style.borderWidth,
-                  hidden: !chart.getDataVisibility(i),
-                  index: i
-                };
-              });
-            }
-
-            return [];
-          }
-        },
-        onClick: function onClick(e, legendItem, legend) {
-          legend.chart.toggleDataVisibility(legendItem.index);
-          legend.chart.update();
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: function title() {
-            return '';
-          },
-          label: function label(tooltipItem) {
-            var dataLabel = tooltipItem.label;
-            var value = ': ' + tooltipItem.formattedValue;
-
-            if (isArray(dataLabel)) {
-              dataLabel = dataLabel.slice();
-              dataLabel[0] += value;
-            } else {
-              dataLabel += value;
-            }
-
-            return dataLabel;
-          }
+    }, {
+      key: "updateElement",
+      value: function updateElement(element, index, properties, mode) {
+        if (isDirectUpdateMode(mode)) {
+          Object.assign(element, properties);
+        } else {
+          this._resolveAnimations(index, mode).update(element, properties);
         }
       }
-    }
-  };
-
-  var LineController = /*#__PURE__*/function (_DatasetController4) {
-    _inherits(LineController, _DatasetController4);
-
-    var _super4 = _createSuper(LineController);
-
-    function LineController() {
-      _classCallCheck(this, LineController);
-
-      return _super4.apply(this, arguments);
-    }
-
-    _createClass(LineController, [{
-      key: "initialize",
-      value: function initialize() {
-        this.enableOptionSharing = true;
-
-        _get(_getPrototypeOf(LineController.prototype), "initialize", this).call(this);
-      }
     }, {
-      key: "update",
-      value: function update(mode) {
-        var me = this;
-        var meta = me._cachedMeta;
-        var line = meta.dataset,
-            _meta$data = meta.data,
-            points = _meta$data === void 0 ? [] : _meta$data,
-            _dataset = meta._dataset;
-        var animationsDisabled = me.chart._animationsDisabled;
-
-        var _getStartAndCountOfVi = getStartAndCountOfVisiblePoints(meta, points, animationsDisabled),
-            start = _getStartAndCountOfVi.start,
-            count = _getStartAndCountOfVi.count;
-
-        me._drawStart = start;
-        me._drawCount = count;
-
-        if (scaleRangesChanged(meta)) {
-          start = 0;
-          count = points.length;
-        }
-
-        line._decimated = !!_dataset._decimated;
-        line.points = points;
-
-        if (mode !== 'resize') {
-          var options = me.resolveDatasetElementOptions(mode);
-
-          if (!me.options.showLine) {
-            options.borderWidth = 0;
-          }
-
-          me.updateElement(line, undefined, {
-            animated: !animationsDisabled,
-            options: options
-          }, mode);
+      key: "updateSharedOptions",
+      value: function updateSharedOptions(sharedOptions, mode, newOptions) {
+        if (sharedOptions && !isDirectUpdateMode(mode)) {
+          this._resolveAnimations(undefined, mode).update(sharedOptions, newOptions);
         }
-
-        me.updateElements(points, start, count, mode);
       }
     }, {
-      key: "updateElements",
-      value: function updateElements(points, start, count, mode) {
-        var me = this;
-        var reset = mode === 'reset';
-        var _me$_cachedMeta3 = me._cachedMeta,
-            xScale = _me$_cachedMeta3.xScale,
-            yScale = _me$_cachedMeta3.yScale,
-            _stacked = _me$_cachedMeta3._stacked;
-        var firstOpts = me.resolveDataElementOptions(start, mode);
-        var sharedOptions = me.getSharedOptions(firstOpts);
-        var includeOptions = me.includeOptions(mode, sharedOptions);
-        var spanGaps = me.options.spanGaps;
-        var maxGapLength = isNumber(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;
-        var directUpdate = me.chart._animationsDisabled || reset || mode === 'none';
-        var prevParsed = start > 0 && me.getParsed(start - 1);
-
-        for (var i = start; i < start + count; ++i) {
-          var point = points[i];
-          var parsed = me.getParsed(i);
-          var properties = directUpdate ? point : {};
-          var x = properties.x = xScale.getPixelForValue(parsed.x, i);
-          var y = properties.y = reset ? yScale.getBasePixel() : yScale.getPixelForValue(_stacked ? me.applyStack(yScale, parsed, _stacked) : parsed.y, i);
-          properties.skip = isNaN(x) || isNaN(y);
-          properties.stop = i > 0 && parsed.x - prevParsed.x > maxGapLength;
-
-          if (includeOptions) {
-            properties.options = sharedOptions || me.resolveDataElementOptions(i, mode);
-          }
-
-          if (!directUpdate) {
-            me.updateElement(point, i, properties, mode);
-          }
-
-          prevParsed = parsed;
-        }
-
-        me.updateSharedOptions(sharedOptions, mode, firstOpts);
+      key: "_setStyle",
+      value: function _setStyle(element, index, mode, active) {
+        element.active = active;
+        var options = this.getStyle(index, active);
+        this._resolveAnimations(index, mode, active).update(element, {
+          options: !active && this.getSharedOptions(options) || options
+        });
       }
     }, {
-      key: "getMaxOverflow",
-      value: function getMaxOverflow() {
-        var me = this;
-        var meta = me._cachedMeta;
-        var dataset = meta.dataset;
-        var border = dataset.options && dataset.options.borderWidth || 0;
-        var data = meta.data || [];
-
-        if (!data.length) {
-          return border;
-        }
-
-        var firstPoint = data[0].size(me.resolveDataElementOptions(0));
-        var lastPoint = data[data.length - 1].size(me.resolveDataElementOptions(data.length - 1));
-        return Math.max(border, firstPoint, lastPoint) / 2;
+      key: "removeHoverStyle",
+      value: function removeHoverStyle(element, datasetIndex, index) {
+        this._setStyle(element, index, 'active', false);
       }
     }, {
-      key: "draw",
-      value: function draw() {
-        this._cachedMeta.dataset.updateControlPoints(this.chart.chartArea);
-
-        _get(_getPrototypeOf(LineController.prototype), "draw", this).call(this);
-      }
-    }]);
-
-    return LineController;
-  }(DatasetController);
-
-  LineController.id = 'line';
-  LineController.defaults = {
-    datasetElementType: 'line',
-    dataElementType: 'point',
-    showLine: true,
-    spanGaps: false
-  };
-  LineController.overrides = {
-    scales: {
-      _index_: {
-        type: 'category'
-      },
-      _value_: {
-        type: 'linear'
-      }
-    }
-  };
-
-  function getStartAndCountOfVisiblePoints(meta, points, animationsDisabled) {
-    var pointCount = points.length;
-    var start = 0;
-    var count = pointCount;
-
-    if (meta._sorted) {
-      var iScale = meta.iScale,
-          _parsed = meta._parsed;
-      var axis = iScale.axis;
-
-      var _iScale$getUserBounds = iScale.getUserBounds(),
-          min = _iScale$getUserBounds.min,
-          max = _iScale$getUserBounds.max,
-          minDefined = _iScale$getUserBounds.minDefined,
-          maxDefined = _iScale$getUserBounds.maxDefined;
-
-      if (minDefined) {
-        start = _limitValue(Math.min(_lookupByKey(_parsed, iScale.axis, min).lo, animationsDisabled ? pointCount : _lookupByKey(points, axis, iScale.getPixelForValue(min)).lo), 0, pointCount - 1);
+      key: "setHoverStyle",
+      value: function setHoverStyle(element, datasetIndex, index) {
+        this._setStyle(element, index, 'active', true);
       }
-
-      if (maxDefined) {
-        count = _limitValue(Math.max(_lookupByKey(_parsed, iScale.axis, max).hi + 1, animationsDisabled ? 0 : _lookupByKey(points, axis, iScale.getPixelForValue(max)).hi + 1), start, pointCount) - start;
-      } else {
-        count = pointCount - start;
+    }, {
+      key: "_removeDatasetHoverStyle",
+      value: function _removeDatasetHoverStyle() {
+        var element = this._cachedMeta.dataset;
+        if (element) {
+          this._setStyle(element, undefined, 'active', false);
+        }
       }
-    }
-
-    return {
-      start: start,
-      count: count
-    };
-  }
-
-  function scaleRangesChanged(meta) {
-    var xScale = meta.xScale,
-        yScale = meta.yScale,
-        _scaleRanges = meta._scaleRanges;
-    var newRanges = {
-      xmin: xScale.min,
-      xmax: xScale.max,
-      ymin: yScale.min,
-      ymax: yScale.max
-    };
-
-    if (!_scaleRanges) {
-      meta._scaleRanges = newRanges;
-      return true;
-    }
-
-    var changed = _scaleRanges.xmin !== xScale.min || _scaleRanges.xmax !== xScale.max || _scaleRanges.ymin !== yScale.min || _scaleRanges.ymax !== yScale.max;
-    Object.assign(_scaleRanges, newRanges);
-    return changed;
-  }
-
-  var PolarAreaController = /*#__PURE__*/function (_DatasetController5) {
-    _inherits(PolarAreaController, _DatasetController5);
-
-    var _super5 = _createSuper(PolarAreaController);
-
-    function PolarAreaController(chart, datasetIndex) {
-      var _this2;
-
-      _classCallCheck(this, PolarAreaController);
-
-      _this2 = _super5.call(this, chart, datasetIndex);
-      _this2.innerRadius = undefined;
-      _this2.outerRadius = undefined;
-      return _this2;
-    }
-
-    _createClass(PolarAreaController, [{
-      key: "update",
-      value: function update(mode) {
-        var arcs = this._cachedMeta.data;
-
-        this._updateRadius();
-
-        this.updateElements(arcs, 0, arcs.length, mode);
+    }, {
+      key: "_setDatasetHoverStyle",
+      value: function _setDatasetHoverStyle() {
+        var element = this._cachedMeta.dataset;
+        if (element) {
+          this._setStyle(element, undefined, 'active', true);
+        }
       }
     }, {
-      key: "_updateRadius",
-      value: function _updateRadius() {
-        var me = this;
-        var chart = me.chart;
-        var chartArea = chart.chartArea;
-        var opts = chart.options;
-        var minSize = Math.min(chartArea.right - chartArea.left, chartArea.bottom - chartArea.top);
-        var outerRadius = Math.max(minSize / 2, 0);
-        var innerRadius = Math.max(opts.cutoutPercentage ? outerRadius / 100 * opts.cutoutPercentage : 1, 0);
-        var radiusLength = (outerRadius - innerRadius) / chart.getVisibleDatasetCount();
-        me.outerRadius = outerRadius - radiusLength * me.index;
-        me.innerRadius = me.outerRadius - radiusLength;
+      key: "_resyncElements",
+      value: function _resyncElements(resetNewElements) {
+        var data = this._data;
+        var elements = this._cachedMeta.data;
+        var _iterator3 = _createForOfIteratorHelper$1(this._syncList),
+          _step3;
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var _step3$value = _slicedToArray(_step3.value, 3),
+              method = _step3$value[0],
+              arg1 = _step3$value[1],
+              arg2 = _step3$value[2];
+            this[method](arg1, arg2);
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
+        }
+        this._syncList = [];
+        var numMeta = elements.length;
+        var numData = data.length;
+        var count = Math.min(numData, numMeta);
+        if (count) {
+          this.parse(0, count);
+        }
+        if (numData > numMeta) {
+          this._insertElements(numMeta, numData - numMeta, resetNewElements);
+        } else if (numData < numMeta) {
+          this._removeElements(numData, numMeta - numData);
+        }
       }
     }, {
-      key: "updateElements",
-      value: function updateElements(arcs, start, count, mode) {
-        var me = this;
-        var reset = mode === 'reset';
-        var chart = me.chart;
-        var dataset = me.getDataset();
-        var opts = chart.options;
-        var animationOpts = opts.animation;
-        var scale = me._cachedMeta.rScale;
-        var centerX = scale.xCenter;
-        var centerY = scale.yCenter;
-        var datasetStartAngle = scale.getIndexAngle(0) - 0.5 * PI;
-        var angle = datasetStartAngle;
+      key: "_insertElements",
+      value: function _insertElements(start, count) {
+        var resetNewElements = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+        var meta = this._cachedMeta;
+        var data = meta.data;
+        var end = start + count;
         var i;
-        var defaultAngle = 360 / me.countVisibleElements();
-
-        for (i = 0; i < start; ++i) {
-          angle += me._computeAngle(i, mode, defaultAngle);
-        }
-
-        for (i = start; i < start + count; i++) {
-          var arc = arcs[i];
-          var startAngle = angle;
-
-          var endAngle = angle + me._computeAngle(i, mode, defaultAngle);
-
-          var outerRadius = chart.getDataVisibility(i) ? scale.getDistanceFromCenterForValue(dataset.data[i]) : 0;
-          angle = endAngle;
-
-          if (reset) {
-            if (animationOpts.animateScale) {
-              outerRadius = 0;
-            }
-
-            if (animationOpts.animateRotate) {
-              startAngle = endAngle = datasetStartAngle;
-            }
+        var move = function move(arr) {
+          arr.length += count;
+          for (i = arr.length - 1; i >= end; i--) {
+            arr[i] = arr[i - count];
           }
-
-          var properties = {
-            x: centerX,
-            y: centerY,
-            innerRadius: 0,
-            outerRadius: outerRadius,
-            startAngle: startAngle,
-            endAngle: endAngle,
-            options: me.resolveDataElementOptions(i, mode)
-          };
-          me.updateElement(arc, i, properties, mode);
+        };
+        move(data);
+        for (i = start; i < end; ++i) {
+          data[i] = new this.dataElementType();
+        }
+        if (this._parsing) {
+          move(meta._parsed);
+        }
+        this.parse(start, count);
+        if (resetNewElements) {
+          this.updateElements(data, start, count, 'reset');
         }
       }
     }, {
-      key: "countVisibleElements",
-      value: function countVisibleElements() {
-        var _this3 = this;
-
-        var dataset = this.getDataset();
+      key: "updateElements",
+      value: function updateElements(element, start, count, mode) {}
+    }, {
+      key: "_removeElements",
+      value: function _removeElements(start, count) {
         var meta = this._cachedMeta;
-        var count = 0;
-        meta.data.forEach(function (element, index) {
-          if (!isNaN(dataset.data[index]) && _this3.chart.getDataVisibility(index)) {
-            count++;
+        if (this._parsing) {
+          var removed = meta._parsed.splice(start, count);
+          if (meta._stacked) {
+            clearStacks(meta, removed);
           }
-        });
-        return count;
+        }
+        meta.data.splice(start, count);
       }
     }, {
-      key: "_computeAngle",
-      value: function _computeAngle(index, mode, defaultAngle) {
-        return this.chart.getDataVisibility(index) ? toRadians(this.resolveDataElementOptions(index, mode).angle || defaultAngle) : 0;
+      key: "_sync",
+      value: function _sync(args) {
+        if (this._parsing) {
+          this._syncList.push(args);
+        } else {
+          var _args2 = _slicedToArray(args, 3),
+            method = _args2[0],
+            arg1 = _args2[1],
+            arg2 = _args2[2];
+          this[method](arg1, arg2);
+        }
+        this.chart._dataChanges.push([this.index].concat(_toConsumableArray(args)));
       }
-    }]);
-
-    return PolarAreaController;
-  }(DatasetController);
-
-  PolarAreaController.id = 'polarArea';
-  PolarAreaController.defaults = {
-    dataElementType: 'arc',
-    animation: {
-      animateRotate: true,
-      animateScale: true
-    },
-    animations: {
-      numbers: {
-        type: 'number',
-        properties: ['x', 'y', 'startAngle', 'endAngle', 'innerRadius', 'outerRadius']
+    }, {
+      key: "_onDataPush",
+      value: function _onDataPush() {
+        var count = arguments.length;
+        this._sync(['_insertElements', this.getDataset().data.length - count, count]);
       }
-    },
-    indexAxis: 'r',
-    startAngle: 0
-  };
-  PolarAreaController.overrides = {
-    aspectRatio: 1,
-    plugins: {
-      legend: {
-        labels: {
-          generateLabels: function generateLabels(chart) {
-            var data = chart.data;
-
-            if (data.labels.length && data.datasets.length) {
-              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,
-                  lineWidth: style.borderWidth,
-                  hidden: !chart.getDataVisibility(i),
-                  index: i
-                };
-              });
-            }
-
-            return [];
-          }
-        },
-        onClick: function onClick(e, legendItem, legend) {
-          legend.chart.toggleDataVisibility(legendItem.index);
-          legend.chart.update();
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: function title() {
-            return '';
-          },
-          label: function label(context) {
-            return context.chart.data.labels[context.dataIndex] + ': ' + context.formattedValue;
-          }
-        }
-      }
-    },
-    scales: {
-      r: {
-        type: 'radialLinear',
-        angleLines: {
-          display: false
-        },
-        beginAtZero: true,
-        grid: {
-          circular: true
-        },
-        pointLabels: {
-          display: false
-        },
-        startAngle: 0
+    }, {
+      key: "_onDataPop",
+      value: function _onDataPop() {
+        this._sync(['_removeElements', this._cachedMeta.data.length - 1, 1]);
       }
-    }
-  };
-
-  var PieController = /*#__PURE__*/function (_DoughnutController) {
-    _inherits(PieController, _DoughnutController);
-
-    var _super6 = _createSuper(PieController);
-
-    function PieController() {
-      _classCallCheck(this, PieController);
-
-      return _super6.apply(this, arguments);
-    }
-
-    return PieController;
-  }(DoughnutController);
-
-  PieController.id = 'pie';
-  PieController.defaults = {
-    cutout: 0,
-    rotation: 0,
-    circumference: 360,
-    radius: '100%'
-  };
-
-  var RadarController = /*#__PURE__*/function (_DatasetController6) {
-    _inherits(RadarController, _DatasetController6);
-
-    var _super7 = _createSuper(RadarController);
-
-    function RadarController() {
-      _classCallCheck(this, RadarController);
-
-      return _super7.apply(this, arguments);
-    }
-
-    _createClass(RadarController, [{
-      key: "getLabelAndValue",
-      value: function getLabelAndValue(index) {
-        var me = this;
-        var vScale = me._cachedMeta.vScale;
-        var parsed = me.getParsed(index);
-        return {
-          label: vScale.getLabels()[index],
-          value: '' + vScale.getLabelForValue(parsed[vScale.axis])
-        };
+    }, {
+      key: "_onDataShift",
+      value: function _onDataShift() {
+        this._sync(['_removeElements', 0, 1]);
       }
     }, {
-      key: "update",
-      value: function update(mode) {
-        var me = this;
-        var meta = me._cachedMeta;
-        var line = meta.dataset;
-        var points = meta.data || [];
-        var labels = meta.iScale.getLabels();
-        line.points = points;
-
-        if (mode !== 'resize') {
-          var options = me.resolveDatasetElementOptions(mode);
-
-          if (!me.options.showLine) {
-            options.borderWidth = 0;
-          }
-
-          var properties = {
-            _loop: true,
-            _fullLoop: labels.length === points.length,
-            options: options
-          };
-          me.updateElement(line, undefined, properties, mode);
+      key: "_onDataSplice",
+      value: function _onDataSplice(start, count) {
+        if (count) {
+          this._sync(['_removeElements', start, count]);
+        }
+        var newCount = arguments.length - 2;
+        if (newCount) {
+          this._sync(['_insertElements', start, newCount]);
         }
-
-        me.updateElements(points, 0, points.length, mode);
       }
     }, {
-      key: "updateElements",
-      value: function updateElements(points, start, count, mode) {
-        var me = this;
-        var dataset = me.getDataset();
-        var scale = me._cachedMeta.rScale;
-        var reset = mode === 'reset';
-
-        for (var i = start; i < start + count; i++) {
-          var point = points[i];
-          var options = me.resolveDataElementOptions(i, mode);
-          var pointPosition = scale.getPointPositionForValue(i, dataset.data[i]);
-          var x = reset ? scale.xCenter : pointPosition.x;
-          var y = reset ? scale.yCenter : pointPosition.y;
-          var properties = {
-            x: x,
-            y: y,
-            angle: pointPosition.angle,
-            skip: isNaN(x) || isNaN(y),
-            options: options
-          };
-          me.updateElement(point, i, properties, mode);
-        }
+      key: "_onDataUnshift",
+      value: function _onDataUnshift() {
+        this._sync(['_insertElements', 0, arguments.length]);
       }
     }]);
-
-    return RadarController;
-  }(DatasetController);
-
-  RadarController.id = 'radar';
-  RadarController.defaults = {
-    datasetElementType: 'line',
-    dataElementType: 'point',
-    indexAxis: 'r',
-    showLine: true,
-    elements: {
-      line: {
-        fill: 'start'
+    return DatasetController;
+  }();
+  _defineProperty$w(DatasetController, "defaults", {});
+  _defineProperty$w(DatasetController, "datasetElementType", null);
+  _defineProperty$w(DatasetController, "dataElementType", null);
+  function getAllScaleValues(scale, type) {
+    if (!scale._cache.$bar) {
+      var visibleMetas = scale.getMatchingVisibleMetas(type);
+      var values = [];
+      for (var i = 0, ilen = visibleMetas.length; i < ilen; i++) {
+        values = values.concat(visibleMetas[i].controller.getAllParsedValues(scale));
       }
+      scale._cache.$bar = _arrayUnique(values.sort(function (a, b) {
+        return a - b;
+      }));
     }
-  };
-  RadarController.overrides = {
-    aspectRatio: 1,
-    scales: {
-      r: {
-        type: 'radialLinear'
+    return scale._cache.$bar;
+  }
+  function computeMinSampleSize(meta) {
+    var scale = meta.iScale;
+    var values = getAllScaleValues(scale, meta.type);
+    var min = scale._length;
+    var i, ilen, curr, prev;
+    var updateMinAndPrev = function updateMinAndPrev() {
+      if (curr === 32767 || curr === -32768) {
+        return;
+      }
+      if (defined(prev)) {
+        min = Math.min(min, Math.abs(curr - prev) || min);
       }
+      prev = curr;
+    };
+    for (i = 0, ilen = values.length; i < ilen; ++i) {
+      curr = scale.getPixelForValue(values[i]);
+      updateMinAndPrev();
     }
-  };
-
-  var ScatterController = /*#__PURE__*/function (_LineController) {
-    _inherits(ScatterController, _LineController);
-
-    var _super8 = _createSuper(ScatterController);
-
-    function ScatterController() {
-      _classCallCheck(this, ScatterController);
-
-      return _super8.apply(this, arguments);
+    prev = undefined;
+    for (i = 0, ilen = scale.ticks.length; i < ilen; ++i) {
+      curr = scale.getPixelForTick(i);
+      updateMinAndPrev();
     }
-
-    return ScatterController;
-  }(LineController);
-
-  ScatterController.id = 'scatter';
-  ScatterController.defaults = {
-    showLine: false,
-    fill: false
-  };
-  ScatterController.overrides = {
-    interaction: {
-      mode: 'point'
-    },
-    plugins: {
-      tooltip: {
-        callbacks: {
-          title: function title() {
-            return '';
-          },
-          label: function label(item) {
-            return '(' + item.label + ', ' + item.formattedValue + ')';
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        type: 'linear'
-      },
-      y: {
-        type: 'linear'
-      }
+    return min;
+  }
+  function computeFitCategoryTraits(index, ruler, options, stackCount) {
+    var thickness = options.barThickness;
+    var size, ratio;
+    if (isNullOrUndef(thickness)) {
+      size = ruler.min * options.categoryPercentage;
+      ratio = options.barPercentage;
+    } else {
+      size = thickness * stackCount;
+      ratio = 1;
     }
-  };
-  var controllers = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    BarController: BarController,
-    BubbleController: BubbleController,
-    DoughnutController: DoughnutController,
-    LineController: LineController,
-    PolarAreaController: PolarAreaController,
-    PieController: PieController,
-    RadarController: RadarController,
-    ScatterController: ScatterController
-  });
-
-  function abstract() {
-    throw new Error('This method is not implemented: either no adapter can be found or an incomplete integration was provided.');
+    return {
+      chunk: size / stackCount,
+      ratio: ratio,
+      start: ruler.pixels[index] - size / 2
+    };
   }
-
-  var DateAdapter = /*#__PURE__*/function () {
-    function DateAdapter(options) {
-      _classCallCheck(this, DateAdapter);
-
-      this.options = options || {};
+  function computeFlexCategoryTraits(index, ruler, options, stackCount) {
+    var pixels = ruler.pixels;
+    var curr = pixels[index];
+    var prev = index > 0 ? pixels[index - 1] : null;
+    var next = index < pixels.length - 1 ? pixels[index + 1] : null;
+    var percent = options.categoryPercentage;
+    if (prev === null) {
+      prev = curr - (next === null ? ruler.end - ruler.start : next - curr);
     }
-
-    _createClass(DateAdapter, [{
-      key: "formats",
-      value: function formats() {
-        return abstract();
-      }
-    }, {
-      key: "parse",
-      value: function parse(value, format) {
-        return abstract();
-      }
-    }, {
-      key: "format",
-      value: function format(timestamp, _format) {
-        return abstract();
-      }
-    }, {
-      key: "add",
-      value: function add(timestamp, amount, unit) {
-        return abstract();
-      }
-    }, {
-      key: "diff",
-      value: function diff(a, b, unit) {
-        return abstract();
-      }
-    }, {
-      key: "startOf",
-      value: function startOf(timestamp, unit, weekday) {
-        return abstract();
-      }
-    }, {
-      key: "endOf",
-      value: function endOf(timestamp, unit) {
-        return abstract();
-      }
-    }]);
-
-    return DateAdapter;
-  }();
-
-  DateAdapter.override = function (members) {
-    Object.assign(DateAdapter.prototype, members);
-  };
-
-  var adapters = {
-    _date: DateAdapter
-  };
-
-  function getRelativePosition(e, chart) {
-    if ('native' in e) {
-      return {
-        x: e.x,
-        y: e.y
-      };
+    if (next === null) {
+      next = curr + curr - prev;
     }
-
-    return getRelativePosition$1(e, chart);
+    var start = curr - (curr - Math.min(prev, next)) / 2 * percent;
+    var size = Math.abs(next - prev) / 2 * percent;
+    return {
+      chunk: size / stackCount,
+      ratio: options.barPercentage,
+      start: start
+    };
   }
-
-  function evaluateAllVisibleItems(chart, handler) {
-    var metasets = chart.getSortedVisibleDatasetMetas();
-    var index, data, element;
-
-    for (var i = 0, ilen = metasets.length; i < ilen; ++i) {
-      var _metasets$i = metasets[i];
-      index = _metasets$i.index;
-      data = _metasets$i.data;
-
-      for (var j = 0, jlen = data.length; j < jlen; ++j) {
-        element = data[j];
-
-        if (!element.skip) {
-          handler(element, index, j);
-        }
-      }
+  function parseFloatBar(entry, item, vScale, i) {
+    var startValue = vScale.parse(entry[0], i);
+    var endValue = vScale.parse(entry[1], i);
+    var min = Math.min(startValue, endValue);
+    var max = Math.max(startValue, endValue);
+    var barStart = min;
+    var barEnd = max;
+    if (Math.abs(min) > Math.abs(max)) {
+      barStart = max;
+      barEnd = min;
     }
+    item[vScale.axis] = barEnd;
+    item._custom = {
+      barStart: barStart,
+      barEnd: barEnd,
+      start: startValue,
+      end: endValue,
+      min: min,
+      max: max
+    };
   }
-
-  function binarySearch(metaset, axis, value, intersect) {
-    var controller = metaset.controller,
-        data = metaset.data,
-        _sorted = metaset._sorted;
-    var iScale = controller._cachedMeta.iScale;
-
-    if (iScale && axis === iScale.axis && _sorted && data.length) {
-      var lookupMethod = iScale._reversePixels ? _rlookupByKey : _lookupByKey;
-
-      if (!intersect) {
-        return lookupMethod(data, axis, value);
-      } else if (controller._sharedOptions) {
-        var el = data[0];
-        var range = typeof el.getRange === 'function' && el.getRange(axis);
-
-        if (range) {
-          var start = lookupMethod(data, axis, value - range);
-          var end = lookupMethod(data, axis, value + range);
-          return {
-            lo: start.lo,
-            hi: end.hi
-          };
-        }
-      }
+  function parseValue(entry, item, vScale, i) {
+    if (isArray(entry)) {
+      parseFloatBar(entry, item, vScale, i);
+    } else {
+      item[vScale.axis] = vScale.parse(entry, i);
     }
-
-    return {
-      lo: 0,
-      hi: data.length - 1
-    };
+    return item;
   }
-
-  function optimizedEvaluateItems(chart, axis, position, handler, intersect) {
-    var metasets = chart.getSortedVisibleDatasetMetas();
-    var value = position[axis];
-
-    for (var i = 0, ilen = metasets.length; i < ilen; ++i) {
-      var _metasets$i2 = metasets[i],
-          index = _metasets$i2.index,
-          data = _metasets$i2.data;
-
-      var _binarySearch = binarySearch(metasets[i], axis, value, intersect),
-          lo = _binarySearch.lo,
-          hi = _binarySearch.hi;
-
-      for (var j = lo; j <= hi; ++j) {
-        var element = data[j];
-
-        if (!element.skip) {
-          handler(element, index, j);
-        }
-      }
+  function parseArrayOrPrimitive(meta, data, start, count) {
+    var iScale = meta.iScale;
+    var vScale = meta.vScale;
+    var labels = iScale.getLabels();
+    var singleScale = iScale === vScale;
+    var parsed = [];
+    var i, ilen, item, entry;
+    for (i = start, ilen = start + count; i < ilen; ++i) {
+      entry = data[i];
+      item = {};
+      item[iScale.axis] = singleScale || iScale.parse(labels[i], i);
+      parsed.push(parseValue(entry, item, vScale, i));
+    }
+    return parsed;
+  }
+  function isFloatBar(custom) {
+    return custom && custom.barStart !== undefined && custom.barEnd !== undefined;
+  }
+  function barSign(size, vScale, actualBase) {
+    if (size !== 0) {
+      return sign(size);
     }
+    return (vScale.isHorizontal() ? 1 : -1) * (vScale.min >= actualBase ? 1 : -1);
   }
-
-  function getDistanceMetricForAxis(axis) {
-    var useX = axis.indexOf('x') !== -1;
-    var useY = axis.indexOf('y') !== -1;
-    return function (pt1, pt2) {
-      var deltaX = useX ? Math.abs(pt1.x - pt2.x) : 0;
-      var deltaY = useY ? Math.abs(pt1.y - pt2.y) : 0;
-      return Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));
+  function borderProps(properties) {
+    var reverse, start, end, top, bottom;
+    if (properties.horizontal) {
+      reverse = properties.base > properties.x;
+      start = 'left';
+      end = 'right';
+    } else {
+      reverse = properties.base < properties.y;
+      start = 'bottom';
+      end = 'top';
+    }
+    if (reverse) {
+      top = 'end';
+      bottom = 'start';
+    } else {
+      top = 'start';
+      bottom = 'end';
+    }
+    return {
+      start: start,
+      end: end,
+      reverse: reverse,
+      top: top,
+      bottom: bottom
     };
   }
-
-  function getIntersectItems(chart, position, axis, useFinalPosition) {
-    var items = [];
-
-    if (!_isPointInArea(position, chart.chartArea, chart._minPadding)) {
-      return items;
+  function setBorderSkipped(properties, options, stack, index) {
+    var edge = options.borderSkipped;
+    var res = {};
+    if (!edge) {
+      properties.borderSkipped = res;
+      return;
     }
-
-    var evaluationFunc = function evaluationFunc(element, datasetIndex, index) {
-      if (element.inRange(position.x, position.y, useFinalPosition)) {
-        items.push({
-          element: element,
-          datasetIndex: datasetIndex,
-          index: index
-        });
+    if (edge === true) {
+      properties.borderSkipped = {
+        top: true,
+        right: true,
+        bottom: true,
+        left: true
+      };
+      return;
+    }
+    var _borderProps = borderProps(properties),
+      start = _borderProps.start,
+      end = _borderProps.end,
+      reverse = _borderProps.reverse,
+      top = _borderProps.top,
+      bottom = _borderProps.bottom;
+    if (edge === 'middle' && stack) {
+      properties.enableBorderRadius = true;
+      if ((stack._top || 0) === index) {
+        edge = top;
+      } else if ((stack._bottom || 0) === index) {
+        edge = bottom;
+      } else {
+        res[parseEdge(bottom, start, end, reverse)] = true;
+        edge = top;
       }
-    };
-
-    optimizedEvaluateItems(chart, axis, position, evaluationFunc, true);
-    return items;
+    }
+    res[parseEdge(edge, start, end, reverse)] = true;
+    properties.borderSkipped = res;
   }
-
-  function getNearestItems(chart, position, axis, intersect, useFinalPosition) {
-    var distanceMetric = getDistanceMetricForAxis(axis);
-    var minDistance = Number.POSITIVE_INFINITY;
-    var items = [];
-
-    if (!_isPointInArea(position, chart.chartArea, chart._minPadding)) {
-      return items;
+  function parseEdge(edge, a, b, reverse) {
+    if (reverse) {
+      edge = swap(edge, a, b);
+      edge = startEnd(edge, b, a);
+    } else {
+      edge = startEnd(edge, a, b);
     }
-
-    var evaluationFunc = function evaluationFunc(element, datasetIndex, index) {
-      if (intersect && !element.inRange(position.x, position.y, useFinalPosition)) {
-        return;
+    return edge;
+  }
+  function swap(orig, v1, v2) {
+    return orig === v1 ? v2 : orig === v2 ? v1 : orig;
+  }
+  function startEnd(v, start, end) {
+    return v === 'start' ? start : v === 'end' ? end : v;
+  }
+  function setInflateAmount(properties, _ref, ratio) {
+    var inflateAmount = _ref.inflateAmount;
+    properties.inflateAmount = inflateAmount === 'auto' ? ratio === 1 ? 0.33 : 0 : inflateAmount;
+  }
+  var BarController = /*#__PURE__*/function (_DatasetController) {
+    _inherits$w(BarController, _DatasetController);
+    var _super = _createSuper$w(BarController);
+    function BarController() {
+      _classCallCheck$x(this, BarController);
+      return _super.apply(this, arguments);
+    }
+    _createClass$x(BarController, [{
+      key: "parsePrimitiveData",
+      value: function parsePrimitiveData(meta, data, start, count) {
+        return parseArrayOrPrimitive(meta, data, start, count);
       }
-
-      var center = element.getCenterPoint(useFinalPosition);
-      var distance = distanceMetric(position, center);
-
-      if (distance < minDistance) {
-        items = [{
-          element: element,
-          datasetIndex: datasetIndex,
-          index: index
-        }];
-        minDistance = distance;
-      } else if (distance === minDistance) {
-        items.push({
-          element: element,
-          datasetIndex: datasetIndex,
-          index: index
-        });
+    }, {
+      key: "parseArrayData",
+      value: function parseArrayData(meta, data, start, count) {
+        return parseArrayOrPrimitive(meta, data, start, count);
       }
-    };
-
-    optimizedEvaluateItems(chart, axis, position, evaluationFunc);
-    return items;
-  }
-
-  function getAxisItems(chart, e, options, useFinalPosition) {
-    var position = getRelativePosition(e, chart);
-    var items = [];
-    var axis = options.axis;
-    var rangeMethod = axis === 'x' ? 'inXRange' : 'inYRange';
-    var intersectsItem = false;
-    evaluateAllVisibleItems(chart, function (element, datasetIndex, index) {
-      if (element[rangeMethod](position[axis], useFinalPosition)) {
-        items.push({
-          element: element,
-          datasetIndex: datasetIndex,
-          index: index
-        });
+    }, {
+      key: "parseObjectData",
+      value: function parseObjectData(meta, data, start, count) {
+        var iScale = meta.iScale,
+          vScale = meta.vScale;
+        var _this$_parsing2 = this._parsing,
+          _this$_parsing2$xAxis = _this$_parsing2.xAxisKey,
+          xAxisKey = _this$_parsing2$xAxis === void 0 ? 'x' : _this$_parsing2$xAxis,
+          _this$_parsing2$yAxis = _this$_parsing2.yAxisKey,
+          yAxisKey = _this$_parsing2$yAxis === void 0 ? 'y' : _this$_parsing2$yAxis;
+        var iAxisKey = iScale.axis === 'x' ? xAxisKey : yAxisKey;
+        var vAxisKey = vScale.axis === 'x' ? xAxisKey : yAxisKey;
+        var parsed = [];
+        var i, ilen, item, obj;
+        for (i = start, ilen = start + count; i < ilen; ++i) {
+          obj = data[i];
+          item = {};
+          item[iScale.axis] = iScale.parse(resolveObjectKey(obj, iAxisKey), i);
+          parsed.push(parseValue(resolveObjectKey(obj, vAxisKey), item, vScale, i));
+        }
+        return parsed;
       }
-
-      if (element.inRange(position.x, position.y, useFinalPosition)) {
-        intersectsItem = true;
+    }, {
+      key: "updateRangeFromParsed",
+      value: function updateRangeFromParsed(range, scale, parsed, stack) {
+        _get(_getPrototypeOf$w(BarController.prototype), "updateRangeFromParsed", this).call(this, range, scale, parsed, stack);
+        var custom = parsed._custom;
+        if (custom && scale === this._cachedMeta.vScale) {
+          range.min = Math.min(range.min, custom.min);
+          range.max = Math.max(range.max, custom.max);
+        }
       }
-    });
-
-    if (options.intersect && !intersectsItem) {
-      return [];
-    }
-
-    return items;
-  }
-
-  var Interaction = {
-    modes: {
-      index: function index(chart, e, options, useFinalPosition) {
-        var position = getRelativePosition(e, chart);
-        var axis = options.axis || 'x';
-        var items = options.intersect ? getIntersectItems(chart, position, axis, useFinalPosition) : getNearestItems(chart, position, axis, false, useFinalPosition);
-        var elements = [];
-
-        if (!items.length) {
-          return [];
-        }
-
-        chart.getSortedVisibleDatasetMetas().forEach(function (meta) {
-          var index = items[0].index;
-          var element = meta.data[index];
-
-          if (element && !element.skip) {
-            elements.push({
-              element: element,
-              datasetIndex: meta.index,
-              index: index
-            });
+    }, {
+      key: "getMaxOverflow",
+      value: function getMaxOverflow() {
+        return 0;
+      }
+    }, {
+      key: "getLabelAndValue",
+      value: function getLabelAndValue(index) {
+        var meta = this._cachedMeta;
+        var iScale = meta.iScale,
+          vScale = meta.vScale;
+        var parsed = this.getParsed(index);
+        var custom = parsed._custom;
+        var value = isFloatBar(custom) ? '[' + custom.start + ', ' + custom.end + ']' : '' + vScale.getLabelForValue(parsed[vScale.axis]);
+        return {
+          label: '' + iScale.getLabelForValue(parsed[iScale.axis]),
+          value: value
+        };
+      }
+    }, {
+      key: "initialize",
+      value: function initialize() {
+        this.enableOptionSharing = true;
+        _get(_getPrototypeOf$w(BarController.prototype), "initialize", this).call(this);
+        var meta = this._cachedMeta;
+        meta.stack = this.getDataset().stack;
+      }
+    }, {
+      key: "update",
+      value: function update(mode) {
+        var meta = this._cachedMeta;
+        this.updateElements(meta.data, 0, meta.data.length, mode);
+      }
+    }, {
+      key: "updateElements",
+      value: function updateElements(bars, start, count, mode) {
+        var reset = mode === 'reset';
+        var index = this.index,
+          vScale = this._cachedMeta.vScale;
+        var base = vScale.getBasePixel();
+        var horizontal = vScale.isHorizontal();
+        var ruler = this._getRuler();
+        var _this$_getSharedOptio = this._getSharedOptions(start, mode),
+          sharedOptions = _this$_getSharedOptio.sharedOptions,
+          includeOptions = _this$_getSharedOptio.includeOptions;
+        for (var i = start; i < start + count; i++) {
+          var parsed = this.getParsed(i);
+          var vpixels = reset || isNullOrUndef(parsed[vScale.axis]) ? {
+            base: base,
+            head: base
+          } : this._calculateBarValuePixels(i);
+          var ipixels = this._calculateBarIndexPixels(i, ruler);
+          var stack = (parsed._stacks || {})[vScale.axis];
+          var properties = {
+            horizontal: horizontal,
+            base: vpixels.base,
+            enableBorderRadius: !stack || isFloatBar(parsed._custom) || index === stack._top || index === stack._bottom,
+            x: horizontal ? vpixels.head : ipixels.center,
+            y: horizontal ? ipixels.center : vpixels.head,
+            height: horizontal ? ipixels.size : Math.abs(vpixels.size),
+            width: horizontal ? Math.abs(vpixels.size) : ipixels.size
+          };
+          if (includeOptions) {
+            properties.options = sharedOptions || this.resolveDataElementOptions(i, bars[i].active ? 'active' : mode);
           }
+          var options = properties.options || bars[i].options;
+          setBorderSkipped(properties, options, stack, index);
+          setInflateAmount(properties, options, ruler.ratio);
+          this.updateElement(bars[i], i, properties, mode);
+        }
+      }
+    }, {
+      key: "_getStacks",
+      value: function _getStacks(last, dataIndex) {
+        var iScale = this._cachedMeta.iScale;
+        var metasets = iScale.getMatchingVisibleMetas(this._type).filter(function (meta) {
+          return meta.controller.options.grouped;
         });
-        return elements;
-      },
-      dataset: function dataset(chart, e, options, useFinalPosition) {
-        var position = getRelativePosition(e, chart);
-        var axis = options.axis || 'xy';
-        var items = options.intersect ? getIntersectItems(chart, position, axis, useFinalPosition) : getNearestItems(chart, position, axis, false, useFinalPosition);
-
-        if (items.length > 0) {
-          var datasetIndex = items[0].datasetIndex;
-          var data = chart.getDatasetMeta(datasetIndex).data;
-          items = [];
-
-          for (var i = 0; i < data.length; ++i) {
-            items.push({
-              element: data[i],
-              datasetIndex: datasetIndex,
-              index: i
-            });
+        var stacked = iScale.options.stacked;
+        var stacks = [];
+        var skipNull = function skipNull(meta) {
+          var parsed = meta.controller.getParsed(dataIndex);
+          var val = parsed && parsed[meta.vScale.axis];
+          if (isNullOrUndef(val) || isNaN(val)) {
+            return true;
+          }
+        };
+        var _iterator4 = _createForOfIteratorHelper$1(metasets),
+          _step4;
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var meta = _step4.value;
+            if (dataIndex !== undefined && skipNull(meta)) {
+              continue;
+            }
+            if (stacked === false || stacks.indexOf(meta.stack) === -1 || stacked === undefined && meta.stack === undefined) {
+              stacks.push(meta.stack);
+            }
+            if (meta.index === last) {
+              break;
+            }
           }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
+        if (!stacks.length) {
+          stacks.push(undefined);
+        }
+        return stacks;
+      }
+    }, {
+      key: "_getStackCount",
+      value: function _getStackCount(index) {
+        return this._getStacks(undefined, index).length;
+      }
+    }, {
+      key: "_getStackIndex",
+      value: function _getStackIndex(datasetIndex, name, dataIndex) {
+        var stacks = this._getStacks(datasetIndex, dataIndex);
+        var index = name !== undefined ? stacks.indexOf(name) : -1;
+        return index === -1 ? stacks.length - 1 : index;
+      }
+    }, {
+      key: "_getRuler",
+      value: function _getRuler() {
+        var opts = this.options;
+        var meta = this._cachedMeta;
+        var iScale = meta.iScale;
+        var pixels = [];
+        var i, ilen;
+        for (i = 0, ilen = meta.data.length; i < ilen; ++i) {
+          pixels.push(iScale.getPixelForValue(this.getParsed(i)[iScale.axis], i));
+        }
+        var barThickness = opts.barThickness;
+        var min = barThickness || computeMinSampleSize(meta);
+        return {
+          min: min,
+          pixels: pixels,
+          start: iScale._startPixel,
+          end: iScale._endPixel,
+          stackCount: this._getStackCount(),
+          scale: iScale,
+          grouped: opts.grouped,
+          ratio: barThickness ? 1 : opts.categoryPercentage * opts.barPercentage
+        };
+      }
+    }, {
+      key: "_calculateBarValuePixels",
+      value: function _calculateBarValuePixels(index) {
+        var _this$_cachedMeta = this._cachedMeta,
+          vScale = _this$_cachedMeta.vScale,
+          _stacked = _this$_cachedMeta._stacked,
+          datasetIndex = _this$_cachedMeta.index,
+          _this$options = this.options,
+          baseValue = _this$options.base,
+          minBarLength = _this$options.minBarLength;
+        var actualBase = baseValue || 0;
+        var parsed = this.getParsed(index);
+        var custom = parsed._custom;
+        var floating = isFloatBar(custom);
+        var value = parsed[vScale.axis];
+        var start = 0;
+        var length = _stacked ? this.applyStack(vScale, parsed, _stacked) : value;
+        var head, size;
+        if (length !== value) {
+          start = length - value;
+          length = value;
+        }
+        if (floating) {
+          value = custom.barStart;
+          length = custom.barEnd - custom.barStart;
+          if (value !== 0 && sign(value) !== sign(custom.barEnd)) {
+            start = 0;
+          }
+          start += value;
+        }
+        var startValue = !isNullOrUndef(baseValue) && !floating ? baseValue : start;
+        var base = vScale.getPixelForValue(startValue);
+        if (this.chart.getDataVisibility(index)) {
+          head = vScale.getPixelForValue(start + length);
+        } else {
+          head = base;
+        }
+        size = head - base;
+        if (Math.abs(size) < minBarLength) {
+          size = barSign(size, vScale, actualBase) * minBarLength;
+          if (value === actualBase) {
+            base -= size / 2;
+          }
+          var startPixel = vScale.getPixelForDecimal(0);
+          var endPixel = vScale.getPixelForDecimal(1);
+          var min = Math.min(startPixel, endPixel);
+          var max = Math.max(startPixel, endPixel);
+          base = Math.max(Math.min(base, max), min);
+          head = base + size;
+          if (_stacked && !floating) {
+            parsed._stacks[vScale.axis]._visualValues[datasetIndex] = vScale.getValueForPixel(head) - vScale.getValueForPixel(base);
+          }
+        }
+        if (base === vScale.getPixelForValue(actualBase)) {
+          var halfGrid = sign(size) * vScale.getLineWidthForValue(actualBase) / 2;
+          base += halfGrid;
+          size -= halfGrid;
+        }
+        return {
+          size: size,
+          base: base,
+          head: head,
+          center: head + size / 2
+        };
+      }
+    }, {
+      key: "_calculateBarIndexPixels",
+      value: function _calculateBarIndexPixels(index, ruler) {
+        var scale = ruler.scale;
+        var options = this.options;
+        var skipNull = options.skipNull;
+        var maxBarThickness = valueOrDefault(options.maxBarThickness, Infinity);
+        var center, size;
+        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);
+          center = range.start + range.chunk * stackIndex + range.chunk / 2;
+          size = Math.min(maxBarThickness, range.chunk * range.ratio);
+        } else {
+          center = scale.getPixelForValue(this.getParsed(index)[scale.axis], index);
+          size = Math.min(maxBarThickness, ruler.min * ruler.ratio);
+        }
+        return {
+          base: center - size / 2,
+          head: center + size / 2,
+          center: center,
+          size: size
+        };
+      }
+    }, {
+      key: "draw",
+      value: function draw() {
+        var meta = this._cachedMeta;
+        var vScale = meta.vScale;
+        var rects = meta.data;
+        var ilen = rects.length;
+        var i = 0;
+        for (; i < ilen; ++i) {
+          if (this.getParsed(i)[vScale.axis] !== null) {
+            rects[i].draw(this._ctx);
+          }
+        }
+      }
+    }]);
+    return BarController;
+  }(DatasetController);
+  _defineProperty$w(BarController, "id", 'bar');
+  _defineProperty$w(BarController, "defaults", {
+    datasetElementType: false,
+    dataElementType: 'bar',
+    categoryPercentage: 0.8,
+    barPercentage: 0.9,
+    grouped: true,
+    animations: {
+      numbers: {
+        type: 'number',
+        properties: ['x', 'y', 'base', 'width', 'height']
+      }
+    }
+  });
+  _defineProperty$w(BarController, "overrides", {
+    scales: {
+      _index_: {
+        type: 'category',
+        offset: true,
+        grid: {
+          offset: true
         }
-
-        return items;
-      },
-      point: function point(chart, e, options, useFinalPosition) {
-        var position = getRelativePosition(e, chart);
-        var axis = options.axis || 'xy';
-        return getIntersectItems(chart, position, axis, useFinalPosition);
-      },
-      nearest: function nearest(chart, e, options, useFinalPosition) {
-        var position = getRelativePosition(e, chart);
-        var axis = options.axis || 'xy';
-        return getNearestItems(chart, position, axis, options.intersect, useFinalPosition);
-      },
-      x: function x(chart, e, options, useFinalPosition) {
-        options.axis = 'x';
-        return getAxisItems(chart, e, options, useFinalPosition);
       },
-      y: function y(chart, e, options, useFinalPosition) {
-        options.axis = 'y';
-        return getAxisItems(chart, e, options, useFinalPosition);
+      _value_: {
+        type: 'linear',
+        beginAtZero: true
       }
     }
-  };
-  var STATIC_POSITIONS = ['left', 'top', 'right', 'bottom'];
-
-  function filterByPosition(array, position) {
-    return array.filter(function (v) {
-      return v.pos === position;
-    });
-  }
-
-  function filterDynamicPositionByAxis(array, axis) {
-    return array.filter(function (v) {
-      return STATIC_POSITIONS.indexOf(v.pos) === -1 && v.box.axis === axis;
-    });
-  }
-
-  function sortByWeight(array, reverse) {
-    return array.sort(function (a, b) {
-      var v0 = reverse ? b : a;
-      var v1 = reverse ? a : b;
-      return v0.weight === v1.weight ? v0.index - v1.index : v0.weight - v1.weight;
-    });
-  }
-
-  function wrapBoxes(boxes) {
-    var layoutBoxes = [];
-    var i, ilen, box;
-
-    for (i = 0, ilen = (boxes || []).length; i < ilen; ++i) {
-      box = boxes[i];
-      layoutBoxes.push({
-        index: i,
-        box: box,
-        pos: box.position,
-        horizontal: box.isHorizontal(),
-        weight: box.weight
-      });
+  });
+  var BubbleController = /*#__PURE__*/function (_DatasetController2) {
+    _inherits$w(BubbleController, _DatasetController2);
+    var _super2 = _createSuper$w(BubbleController);
+    function BubbleController() {
+      _classCallCheck$x(this, BubbleController);
+      return _super2.apply(this, arguments);
     }
-
-    return layoutBoxes;
-  }
-
-  function setLayoutDims(layouts, params) {
-    var i, ilen, layout;
-
-    for (i = 0, ilen = layouts.length; i < ilen; ++i) {
-      layout = layouts[i];
-
-      if (layout.horizontal) {
-        layout.width = layout.box.fullSize && params.availableWidth;
-        layout.height = params.hBoxMaxHeight;
-      } else {
-        layout.width = params.vBoxMaxWidth;
-        layout.height = layout.box.fullSize && params.availableHeight;
+    _createClass$x(BubbleController, [{
+      key: "initialize",
+      value: function initialize() {
+        this.enableOptionSharing = true;
+        _get(_getPrototypeOf$w(BubbleController.prototype), "initialize", this).call(this);
+      }
+    }, {
+      key: "parsePrimitiveData",
+      value: function parsePrimitiveData(meta, data, start, count) {
+        var parsed = _get(_getPrototypeOf$w(BubbleController.prototype), "parsePrimitiveData", this).call(this, meta, data, start, count);
+        for (var i = 0; i < parsed.length; i++) {
+          parsed[i]._custom = this.resolveDataElementOptions(i + start).radius;
+        }
+        return parsed;
+      }
+    }, {
+      key: "parseArrayData",
+      value: function parseArrayData(meta, data, start, count) {
+        var parsed = _get(_getPrototypeOf$w(BubbleController.prototype), "parseArrayData", this).call(this, meta, data, start, count);
+        for (var i = 0; i < parsed.length; i++) {
+          var item = data[start + i];
+          parsed[i]._custom = valueOrDefault(item[2], this.resolveDataElementOptions(i + start).radius);
+        }
+        return parsed;
+      }
+    }, {
+      key: "parseObjectData",
+      value: function parseObjectData(meta, data, start, count) {
+        var parsed = _get(_getPrototypeOf$w(BubbleController.prototype), "parseObjectData", this).call(this, meta, data, start, count);
+        for (var i = 0; i < parsed.length; i++) {
+          var item = data[start + i];
+          parsed[i]._custom = valueOrDefault(item && item.r && +item.r, this.resolveDataElementOptions(i + start).radius);
+        }
+        return parsed;
+      }
+    }, {
+      key: "getMaxOverflow",
+      value: function getMaxOverflow() {
+        var data = this._cachedMeta.data;
+        var max = 0;
+        for (var i = data.length - 1; i >= 0; --i) {
+          max = Math.max(max, data[i].size(this.resolveDataElementOptions(i)) / 2);
+        }
+        return max > 0 && max;
+      }
+    }, {
+      key: "getLabelAndValue",
+      value: function getLabelAndValue(index) {
+        var meta = this._cachedMeta;
+        var labels = this.chart.data.labels || [];
+        var xScale = meta.xScale,
+          yScale = meta.yScale;
+        var parsed = this.getParsed(index);
+        var x = xScale.getLabelForValue(parsed.x);
+        var y = yScale.getLabelForValue(parsed.y);
+        var r = parsed._custom;
+        return {
+          label: labels[index] || '',
+          value: '(' + x + ', ' + y + (r ? ', ' + r : '') + ')'
+        };
+      }
+    }, {
+      key: "update",
+      value: function update(mode) {
+        var points = this._cachedMeta.data;
+        this.updateElements(points, 0, points.length, mode);
+      }
+    }, {
+      key: "updateElements",
+      value: function updateElements(points, start, count, mode) {
+        var reset = mode === 'reset';
+        var _this$_cachedMeta2 = this._cachedMeta,
+          iScale = _this$_cachedMeta2.iScale,
+          vScale = _this$_cachedMeta2.vScale;
+        var _this$_getSharedOptio2 = this._getSharedOptions(start, mode),
+          sharedOptions = _this$_getSharedOptio2.sharedOptions,
+          includeOptions = _this$_getSharedOptio2.includeOptions;
+        var iAxis = iScale.axis;
+        var vAxis = vScale.axis;
+        for (var i = start; i < start + count; i++) {
+          var point = points[i];
+          var parsed = !reset && this.getParsed(i);
+          var properties = {};
+          var iPixel = properties[iAxis] = reset ? iScale.getPixelForDecimal(0.5) : iScale.getPixelForValue(parsed[iAxis]);
+          var vPixel = properties[vAxis] = reset ? vScale.getBasePixel() : vScale.getPixelForValue(parsed[vAxis]);
+          properties.skip = isNaN(iPixel) || isNaN(vPixel);
+          if (includeOptions) {
+            properties.options = sharedOptions || this.resolveDataElementOptions(i, point.active ? 'active' : mode);
+            if (reset) {
+              properties.options.radius = 0;
+            }
+          }
+          this.updateElement(point, i, properties, mode);
+        }
+      }
+    }, {
+      key: "resolveDataElementOptions",
+      value: function resolveDataElementOptions(index, mode) {
+        var parsed = this.getParsed(index);
+        var values = _get(_getPrototypeOf$w(BubbleController.prototype), "resolveDataElementOptions", this).call(this, index, mode);
+        if (values.$shared) {
+          values = Object.assign({}, values, {
+            $shared: false
+          });
+        }
+        var radius = values.radius;
+        if (mode !== 'active') {
+          values.radius = 0;
+        }
+        values.radius += valueOrDefault(parsed && parsed._custom, radius);
+        return values;
+      }
+    }]);
+    return BubbleController;
+  }(DatasetController);
+  _defineProperty$w(BubbleController, "id", 'bubble');
+  _defineProperty$w(BubbleController, "defaults", {
+    datasetElementType: false,
+    dataElementType: 'point',
+    animations: {
+      numbers: {
+        type: 'number',
+        properties: ['x', 'y', 'borderWidth', 'radius']
       }
     }
-  }
-
-  function buildLayoutBoxes(boxes) {
-    var layoutBoxes = wrapBoxes(boxes);
-    var fullSize = sortByWeight(layoutBoxes.filter(function (wrap) {
-      return wrap.box.fullSize;
-    }), true);
-    var left = sortByWeight(filterByPosition(layoutBoxes, 'left'), true);
-    var right = sortByWeight(filterByPosition(layoutBoxes, 'right'));
-    var top = sortByWeight(filterByPosition(layoutBoxes, 'top'), true);
-    var bottom = sortByWeight(filterByPosition(layoutBoxes, 'bottom'));
-    var centerHorizontal = filterDynamicPositionByAxis(layoutBoxes, 'x');
-    var centerVertical = filterDynamicPositionByAxis(layoutBoxes, 'y');
-    return {
-      fullSize: fullSize,
-      leftAndTop: left.concat(top),
-      rightAndBottom: right.concat(centerVertical).concat(bottom).concat(centerHorizontal),
-      chartArea: filterByPosition(layoutBoxes, 'chartArea'),
-      vertical: left.concat(right).concat(centerVertical),
-      horizontal: top.concat(bottom).concat(centerHorizontal)
-    };
-  }
-
-  function getCombinedMax(maxPadding, chartArea, a, b) {
-    return Math.max(maxPadding[a], chartArea[a]) + Math.max(maxPadding[b], chartArea[b]);
-  }
-
-  function updateMaxPadding(maxPadding, boxPadding) {
-    maxPadding.top = Math.max(maxPadding.top, boxPadding.top);
-    maxPadding.left = Math.max(maxPadding.left, boxPadding.left);
-    maxPadding.bottom = Math.max(maxPadding.bottom, boxPadding.bottom);
-    maxPadding.right = Math.max(maxPadding.right, boxPadding.right);
-  }
-
-  function updateDims(chartArea, params, layout) {
-    var box = layout.box;
-    var maxPadding = chartArea.maxPadding;
-
-    if (isObject(layout.pos)) {
-      return {
-        same: false,
-        other: false
-      };
-    }
-
-    if (layout.size) {
-      chartArea[layout.pos] -= layout.size;
+  });
+  _defineProperty$w(BubbleController, "overrides", {
+    scales: {
+      x: {
+        type: 'linear'
+      },
+      y: {
+        type: 'linear'
+      }
     }
-
-    layout.size = layout.horizontal ? box.height : box.width;
-    chartArea[layout.pos] += layout.size;
-
-    if (box.getPadding) {
-      updateMaxPadding(maxPadding, box.getPadding());
+  });
+  function getRatioAndOffset(rotation, circumference, cutout) {
+    var ratioX = 1;
+    var ratioY = 1;
+    var offsetX = 0;
+    var offsetY = 0;
+    if (circumference < TAU) {
+      var startAngle = rotation;
+      var endAngle = startAngle + circumference;
+      var startX = Math.cos(startAngle);
+      var startY = Math.sin(startAngle);
+      var endX = Math.cos(endAngle);
+      var endY = Math.sin(endAngle);
+      var calcMax = function calcMax(angle, a, b) {
+        return _angleBetween(angle, startAngle, endAngle, true) ? 1 : Math.max(a, a * cutout, b, b * cutout);
+      };
+      var calcMin = function calcMin(angle, a, b) {
+        return _angleBetween(angle, startAngle, endAngle, true) ? -1 : Math.min(a, a * cutout, b, b * cutout);
+      };
+      var maxX = calcMax(0, startX, endX);
+      var maxY = calcMax(HALF_PI, startY, endY);
+      var minX = calcMin(PI, startX, endX);
+      var minY = calcMin(PI + HALF_PI, startY, endY);
+      ratioX = (maxX - minX) / 2;
+      ratioY = (maxY - minY) / 2;
+      offsetX = -(maxX + minX) / 2;
+      offsetY = -(maxY + minY) / 2;
     }
-
-    var newWidth = Math.max(0, params.outerWidth - getCombinedMax(maxPadding, chartArea, 'left', 'right'));
-    var newHeight = Math.max(0, params.outerHeight - getCombinedMax(maxPadding, chartArea, 'top', 'bottom'));
-    var widthChanged = newWidth !== chartArea.w;
-    var heightChanged = newHeight !== chartArea.h;
-    chartArea.w = newWidth;
-    chartArea.h = newHeight;
-    return layout.horizontal ? {
-      same: widthChanged,
-      other: heightChanged
-    } : {
-      same: heightChanged,
-      other: widthChanged
+    return {
+      ratioX: ratioX,
+      ratioY: ratioY,
+      offsetX: offsetX,
+      offsetY: offsetY
     };
   }
-
-  function handleMaxPadding(chartArea) {
-    var maxPadding = chartArea.maxPadding;
-
-    function updatePos(pos) {
-      var change = Math.max(maxPadding[pos] - chartArea[pos], 0);
-      chartArea[pos] += change;
-      return change;
+  var DoughnutController = /*#__PURE__*/function (_DatasetController3) {
+    _inherits$w(DoughnutController, _DatasetController3);
+    var _super3 = _createSuper$w(DoughnutController);
+    function DoughnutController(chart, datasetIndex) {
+      var _this4;
+      _classCallCheck$x(this, DoughnutController);
+      _this4 = _super3.call(this, chart, datasetIndex);
+      _this4.enableOptionSharing = true;
+      _this4.innerRadius = undefined;
+      _this4.outerRadius = undefined;
+      _this4.offsetX = undefined;
+      _this4.offsetY = undefined;
+      return _this4;
     }
-
-    chartArea.y += updatePos('top');
-    chartArea.x += updatePos('left');
-    updatePos('right');
-    updatePos('bottom');
-  }
-
-  function getMargins(horizontal, chartArea) {
-    var maxPadding = chartArea.maxPadding;
-
-    function marginForPositions(positions) {
-      var margin = {
-        left: 0,
-        top: 0,
-        right: 0,
-        bottom: 0
-      };
-      positions.forEach(function (pos) {
-        margin[pos] = Math.max(chartArea[pos], maxPadding[pos]);
-      });
-      return margin;
-    }
-
-    return horizontal ? marginForPositions(['left', 'right']) : marginForPositions(['top', 'bottom']);
-  }
-
-  function fitBoxes(boxes, chartArea, params) {
-    var refitBoxes = [];
-    var i, ilen, layout, box, refit, changed;
-
-    for (i = 0, ilen = boxes.length, refit = 0; i < ilen; ++i) {
-      layout = boxes[i];
-      box = layout.box;
-      box.update(layout.width || chartArea.w, layout.height || chartArea.h, getMargins(layout.horizontal, chartArea));
-
-      var _updateDims = updateDims(chartArea, params, layout),
-          same = _updateDims.same,
-          other = _updateDims.other;
-
-      refit |= same && refitBoxes.length;
-      changed = changed || other;
-
-      if (!box.fullSize) {
-        refitBoxes.push(layout);
+    _createClass$x(DoughnutController, [{
+      key: "linkScales",
+      value: function linkScales() {}
+    }, {
+      key: "parse",
+      value: function parse(start, count) {
+        var data = this.getDataset().data;
+        var meta = this._cachedMeta;
+        if (this._parsing === false) {
+          meta._parsed = data;
+        } else {
+          var getter = function getter(i) {
+            return +data[i];
+          };
+          if (isObject(data[start])) {
+            var _this$_parsing$key = this._parsing.key,
+              key = _this$_parsing$key === void 0 ? 'value' : _this$_parsing$key;
+            getter = function getter(i) {
+              return +resolveObjectKey(data[i], key);
+            };
+          }
+          var i, ilen;
+          for (i = start, ilen = start + count; i < ilen; ++i) {
+            meta._parsed[i] = getter(i);
+          }
+        }
       }
-    }
-
-    return refit && fitBoxes(refitBoxes, chartArea, params) || changed;
-  }
-
-  function placeBoxes(boxes, chartArea, params) {
-    var userPadding = params.padding;
-    var x = chartArea.x;
-    var y = chartArea.y;
-    var i, ilen, layout, box;
-
-    for (i = 0, ilen = boxes.length; i < ilen; ++i) {
-      layout = boxes[i];
-      box = layout.box;
-
-      if (layout.horizontal) {
-        box.left = box.fullSize ? userPadding.left : chartArea.left;
-        box.right = box.fullSize ? params.outerWidth - userPadding.right : chartArea.left + chartArea.w;
-        box.top = y;
-        box.bottom = y + box.height;
-        box.width = box.right - box.left;
-        y = box.bottom;
-      } else {
-        box.left = x;
-        box.right = x + box.width;
-        box.top = box.fullSize ? userPadding.top : chartArea.top;
-        box.bottom = box.fullSize ? params.outerHeight - userPadding.right : chartArea.top + chartArea.h;
-        box.height = box.bottom - box.top;
-        x = box.right;
+    }, {
+      key: "_getRotation",
+      value: function _getRotation() {
+        return toRadians(this.options.rotation - 90);
       }
-    }
-
-    chartArea.x = x;
-    chartArea.y = y;
-  }
-
-  defaults.set('layout', {
-    padding: {
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    }
-  });
-  var layouts = {
-    addBox: function addBox(chart, item) {
-      if (!chart.boxes) {
-        chart.boxes = [];
+    }, {
+      key: "_getCircumference",
+      value: function _getCircumference() {
+        return toRadians(this.options.circumference);
       }
-
-      item.fullSize = item.fullSize || false;
-      item.position = item.position || 'top';
-      item.weight = item.weight || 0;
-
-      item._layers = item._layers || function () {
-        return [{
-          z: 0,
-          draw: function draw(chartArea) {
-            item.draw(chartArea);
+    }, {
+      key: "_getRotationExtents",
+      value: function _getRotationExtents() {
+        var min = TAU;
+        var max = -TAU;
+        for (var i = 0; i < this.chart.data.datasets.length; ++i) {
+          if (this.chart.isDatasetVisible(i) && this.chart.getDatasetMeta(i).type === this._type) {
+            var controller = this.chart.getDatasetMeta(i).controller;
+            var rotation = controller._getRotation();
+            var circumference = controller._getCircumference();
+            min = Math.min(min, rotation);
+            max = Math.max(max, rotation + circumference);
           }
-        }];
-      };
-
-      chart.boxes.push(item);
-    },
-    removeBox: function removeBox(chart, layoutItem) {
-      var index = chart.boxes ? chart.boxes.indexOf(layoutItem) : -1;
-
-      if (index !== -1) {
-        chart.boxes.splice(index, 1);
-      }
-    },
-    configure: function configure(chart, item, options) {
-      item.fullSize = options.fullSize;
-      item.position = options.position;
-      item.weight = options.weight;
-    },
-    update: function update(chart, width, height, minPadding) {
-      if (!chart) {
-        return;
-      }
-
-      var padding = toPadding(chart.options.layout.padding);
-      var availableWidth = width - padding.width;
-      var availableHeight = height - padding.height;
-      var boxes = buildLayoutBoxes(chart.boxes);
-      var verticalBoxes = boxes.vertical;
-      var horizontalBoxes = boxes.horizontal;
-      each(chart.boxes, function (box) {
-        if (typeof box.beforeLayout === 'function') {
-          box.beforeLayout();
         }
-      });
-      var visibleVerticalBoxCount = verticalBoxes.reduce(function (total, wrap) {
-        return wrap.box.options && wrap.box.options.display === false ? total : total + 1;
-      }, 0) || 1;
-      var params = Object.freeze({
-        outerWidth: width,
-        outerHeight: height,
-        padding: padding,
-        availableWidth: availableWidth,
-        availableHeight: availableHeight,
-        vBoxMaxWidth: availableWidth / 2 / visibleVerticalBoxCount,
-        hBoxMaxHeight: availableHeight / 2
-      });
-      var maxPadding = Object.assign({}, padding);
-      updateMaxPadding(maxPadding, toPadding(minPadding));
-      var chartArea = Object.assign({
-        maxPadding: maxPadding,
-        w: availableWidth,
-        h: availableHeight,
-        x: padding.left,
-        y: padding.top
-      }, padding);
-      setLayoutDims(verticalBoxes.concat(horizontalBoxes), params);
-      fitBoxes(boxes.fullSize, chartArea, params);
-      fitBoxes(verticalBoxes, chartArea, params);
-
-      if (fitBoxes(horizontalBoxes, chartArea, params)) {
-        fitBoxes(verticalBoxes, chartArea, params);
+        return {
+          rotation: min,
+          circumference: max - min
+        };
       }
-
-      handleMaxPadding(chartArea);
-      placeBoxes(boxes.leftAndTop, chartArea, params);
-      chartArea.x += chartArea.w;
-      chartArea.y += chartArea.h;
-      placeBoxes(boxes.rightAndBottom, chartArea, params);
-      chart.chartArea = {
-        left: chartArea.left,
-        top: chartArea.top,
-        right: chartArea.left + chartArea.w,
-        bottom: chartArea.top + chartArea.h,
-        height: chartArea.h,
-        width: chartArea.w
-      };
-      each(boxes.chartArea, function (layout) {
-        var box = layout.box;
-        Object.assign(box, chart.chartArea);
-        box.update(chartArea.w, chartArea.h);
-      });
-    }
-  };
-
-  var BasePlatform = /*#__PURE__*/function () {
-    function BasePlatform() {
-      _classCallCheck(this, BasePlatform);
-    }
-
-    _createClass(BasePlatform, [{
-      key: "acquireContext",
-      value: function acquireContext(canvas, aspectRatio) {}
     }, {
-      key: "releaseContext",
-      value: function releaseContext(context) {
-        return false;
+      key: "update",
+      value: function update(mode) {
+        var chart = this.chart;
+        var chartArea = chart.chartArea;
+        var meta = this._cachedMeta;
+        var arcs = meta.data;
+        var spacing = this.getMaxBorderWidth() + this.getMaxOffset(arcs) + this.options.spacing;
+        var maxSize = Math.max((Math.min(chartArea.width, chartArea.height) - spacing) / 2, 0);
+        var cutout = Math.min(toPercentage(this.options.cutout, maxSize), 1);
+        var chartWeight = this._getRingWeight(this.index);
+        var _this$_getRotationExt = this._getRotationExtents(),
+          circumference = _this$_getRotationExt.circumference,
+          rotation = _this$_getRotationExt.rotation;
+        var _getRatioAndOffset = getRatioAndOffset(rotation, circumference, cutout),
+          ratioX = _getRatioAndOffset.ratioX,
+          ratioY = _getRatioAndOffset.ratioY,
+          offsetX = _getRatioAndOffset.offsetX,
+          offsetY = _getRatioAndOffset.offsetY;
+        var maxWidth = (chartArea.width - spacing) / ratioX;
+        var maxHeight = (chartArea.height - spacing) / ratioY;
+        var maxRadius = Math.max(Math.min(maxWidth, maxHeight) / 2, 0);
+        var outerRadius = toDimension(this.options.radius, maxRadius);
+        var innerRadius = Math.max(outerRadius * cutout, 0);
+        var radiusLength = (outerRadius - innerRadius) / this._getVisibleDatasetWeightTotal();
+        this.offsetX = offsetX * outerRadius;
+        this.offsetY = offsetY * outerRadius;
+        meta.total = this.calculateTotal();
+        this.outerRadius = outerRadius - radiusLength * this._getRingWeightOffset(this.index);
+        this.innerRadius = Math.max(this.outerRadius - radiusLength * chartWeight, 0);
+        this.updateElements(arcs, 0, arcs.length, mode);
       }
     }, {
-      key: "addEventListener",
-      value: function addEventListener(chart, type, listener) {}
+      key: "_circumference",
+      value: function _circumference(i, reset) {
+        var opts = this.options;
+        var meta = this._cachedMeta;
+        var circumference = this._getCircumference();
+        if (reset && opts.animation.animateRotate || !this.chart.getDataVisibility(i) || meta._parsed[i] === null || meta.data[i].hidden) {
+          return 0;
+        }
+        return this.calculateCircumference(meta._parsed[i] * circumference / TAU);
+      }
     }, {
-      key: "removeEventListener",
-      value: function removeEventListener(chart, type, listener) {}
+      key: "updateElements",
+      value: function updateElements(arcs, start, count, mode) {
+        var reset = mode === 'reset';
+        var chart = this.chart;
+        var chartArea = chart.chartArea;
+        var opts = chart.options;
+        var animationOpts = opts.animation;
+        var centerX = (chartArea.left + chartArea.right) / 2;
+        var centerY = (chartArea.top + chartArea.bottom) / 2;
+        var animateScale = reset && animationOpts.animateScale;
+        var innerRadius = animateScale ? 0 : this.innerRadius;
+        var outerRadius = animateScale ? 0 : this.outerRadius;
+        var _this$_getSharedOptio3 = this._getSharedOptions(start, mode),
+          sharedOptions = _this$_getSharedOptio3.sharedOptions,
+          includeOptions = _this$_getSharedOptio3.includeOptions;
+        var startAngle = this._getRotation();
+        var i;
+        for (i = 0; i < start; ++i) {
+          startAngle += this._circumference(i, reset);
+        }
+        for (i = start; i < start + count; ++i) {
+          var circumference = this._circumference(i, reset);
+          var arc = arcs[i];
+          var properties = {
+            x: centerX + this.offsetX,
+            y: centerY + this.offsetY,
+            startAngle: startAngle,
+            endAngle: startAngle + circumference,
+            circumference: circumference,
+            outerRadius: outerRadius,
+            innerRadius: innerRadius
+          };
+          if (includeOptions) {
+            properties.options = sharedOptions || this.resolveDataElementOptions(i, arc.active ? 'active' : mode);
+          }
+          startAngle += circumference;
+          this.updateElement(arc, i, properties, mode);
+        }
+      }
     }, {
-      key: "getDevicePixelRatio",
-      value: function getDevicePixelRatio() {
-        return 1;
+      key: "calculateTotal",
+      value: function calculateTotal() {
+        var meta = this._cachedMeta;
+        var metaData = meta.data;
+        var total = 0;
+        var i;
+        for (i = 0; i < metaData.length; i++) {
+          var value = meta._parsed[i];
+          if (value !== null && !isNaN(value) && this.chart.getDataVisibility(i) && !metaData[i].hidden) {
+            total += Math.abs(value);
+          }
+        }
+        return total;
       }
     }, {
-      key: "getMaximumSize",
-      value: function getMaximumSize(element, width, height, aspectRatio) {
-        width = Math.max(0, width || element.width);
-        height = height || element.height;
-        return {
-          width: width,
-          height: Math.max(0, aspectRatio ? Math.floor(width / aspectRatio) : height)
-        };
+      key: "calculateCircumference",
+      value: function calculateCircumference(value) {
+        var total = this._cachedMeta.total;
+        if (total > 0 && !isNaN(value)) {
+          return TAU * (Math.abs(value) / total);
+        }
+        return 0;
       }
     }, {
-      key: "isAttached",
-      value: function isAttached(canvas) {
-        return true;
-      }
-    }]);
-
-    return BasePlatform;
-  }();
-
-  var BasicPlatform = /*#__PURE__*/function (_BasePlatform) {
-    _inherits(BasicPlatform, _BasePlatform);
-
-    var _super9 = _createSuper(BasicPlatform);
-
-    function BasicPlatform() {
-      _classCallCheck(this, BasicPlatform);
-
-      return _super9.apply(this, arguments);
-    }
-
-    _createClass(BasicPlatform, [{
-      key: "acquireContext",
-      value: function acquireContext(item) {
-        return item && item.getContext && item.getContext('2d') || null;
+      key: "getLabelAndValue",
+      value: function getLabelAndValue(index) {
+        var meta = this._cachedMeta;
+        var chart = this.chart;
+        var labels = chart.data.labels || [];
+        var value = formatNumber(meta._parsed[index], chart.options.locale);
+        return {
+          label: labels[index] || '',
+          value: value
+        };
       }
-    }]);
-
-    return BasicPlatform;
-  }(BasePlatform);
-
-  var EXPANDO_KEY = '$chartjs';
-  var EVENT_TYPES = {
-    touchstart: 'mousedown',
-    touchmove: 'mousemove',
-    touchend: 'mouseup',
-    pointerenter: 'mouseenter',
-    pointerdown: 'mousedown',
-    pointermove: 'mousemove',
-    pointerup: 'mouseup',
-    pointerleave: 'mouseout',
-    pointerout: 'mouseout'
-  };
-
-  var isNullOrEmpty = function isNullOrEmpty(value) {
-    return value === null || value === '';
-  };
-
-  function initCanvas(canvas, aspectRatio) {
-    var style = canvas.style;
-    var renderHeight = canvas.getAttribute('height');
-    var renderWidth = canvas.getAttribute('width');
-    canvas[EXPANDO_KEY] = {
-      initial: {
-        height: renderHeight,
-        width: renderWidth,
-        style: {
-          display: style.display,
-          height: style.height,
-          width: style.width
+    }, {
+      key: "getMaxBorderWidth",
+      value: function getMaxBorderWidth(arcs) {
+        var max = 0;
+        var chart = this.chart;
+        var i, ilen, meta, controller, options;
+        if (!arcs) {
+          for (i = 0, ilen = chart.data.datasets.length; i < ilen; ++i) {
+            if (chart.isDatasetVisible(i)) {
+              meta = chart.getDatasetMeta(i);
+              arcs = meta.data;
+              controller = meta.controller;
+              break;
+            }
+          }
         }
+        if (!arcs) {
+          return 0;
+        }
+        for (i = 0, ilen = arcs.length; i < ilen; ++i) {
+          options = controller.resolveDataElementOptions(i);
+          if (options.borderAlign !== 'inner') {
+            max = Math.max(max, options.borderWidth || 0, options.hoverBorderWidth || 0);
+          }
+        }
+        return max;
       }
-    };
-    style.display = style.display || 'block';
-    style.boxSizing = style.boxSizing || 'border-box';
-
-    if (isNullOrEmpty(renderWidth)) {
-      var displayWidth = readUsedSize(canvas, 'width');
-
-      if (displayWidth !== undefined) {
-        canvas.width = displayWidth;
-      }
-    }
-
-    if (isNullOrEmpty(renderHeight)) {
-      if (canvas.style.height === '') {
-        canvas.height = canvas.width / (aspectRatio || 2);
-      } else {
-        var displayHeight = readUsedSize(canvas, 'height');
-
-        if (displayHeight !== undefined) {
-          canvas.height = displayHeight;
+    }, {
+      key: "getMaxOffset",
+      value: function getMaxOffset(arcs) {
+        var max = 0;
+        for (var i = 0, ilen = arcs.length; i < ilen; ++i) {
+          var options = this.resolveDataElementOptions(i);
+          max = Math.max(max, options.offset || 0, options.hoverOffset || 0);
         }
+        return max;
       }
-    }
-
-    return canvas;
-  }
-
-  var eventListenerOptions = supportsEventListenerOptions ? {
-    passive: true
-  } : false;
-
-  function addListener(node, type, listener) {
-    node.addEventListener(type, listener, eventListenerOptions);
-  }
-
-  function removeListener(chart, type, listener) {
-    chart.canvas.removeEventListener(type, listener, eventListenerOptions);
-  }
-
-  function fromNativeEvent(event, chart) {
-    var type = EVENT_TYPES[event.type] || event.type;
-
-    var _getRelativePosition$ = getRelativePosition$1(event, chart),
-        x = _getRelativePosition$.x,
-        y = _getRelativePosition$.y;
-
-    return {
-      type: type,
-      chart: chart,
-      native: event,
-      x: x !== undefined ? x : null,
-      y: y !== undefined ? y : null
-    };
-  }
-
-  function createAttachObserver(chart, type, listener) {
-    var canvas = chart.canvas;
-
-    var container = canvas && _getParentNode(canvas);
-
-    var element = container || canvas;
-    var observer = new MutationObserver(function (entries) {
-      var parent = _getParentNode(element);
-
-      entries.forEach(function (entry) {
-        for (var i = 0; i < entry.addedNodes.length; i++) {
-          var added = entry.addedNodes[i];
-
-          if (added === element || added === parent) {
-            listener(entry.target);
+    }, {
+      key: "_getRingWeightOffset",
+      value: function _getRingWeightOffset(datasetIndex) {
+        var ringWeightOffset = 0;
+        for (var i = 0; i < datasetIndex; ++i) {
+          if (this.chart.isDatasetVisible(i)) {
+            ringWeightOffset += this._getRingWeight(i);
           }
         }
-      });
-    });
-    observer.observe(document, {
-      childList: true,
-      subtree: true
-    });
-    return observer;
-  }
-
-  function createDetachObserver(chart, type, listener) {
-    var canvas = chart.canvas;
-
-    var container = canvas && _getParentNode(canvas);
-
-    if (!container) {
-      return;
+        return ringWeightOffset;
+      }
+    }, {
+      key: "_getRingWeight",
+      value: function _getRingWeight(datasetIndex) {
+        return Math.max(valueOrDefault(this.chart.data.datasets[datasetIndex].weight, 1), 0);
+      }
+    }, {
+      key: "_getVisibleDatasetWeightTotal",
+      value: function _getVisibleDatasetWeightTotal() {
+        return this._getRingWeightOffset(this.chart.data.datasets.length) || 1;
+      }
+    }]);
+    return DoughnutController;
+  }(DatasetController);
+  _defineProperty$w(DoughnutController, "id", 'doughnut');
+  _defineProperty$w(DoughnutController, "defaults", {
+    datasetElementType: false,
+    dataElementType: 'arc',
+    animation: {
+      animateRotate: true,
+      animateScale: false
+    },
+    animations: {
+      numbers: {
+        type: 'number',
+        properties: ['circumference', 'endAngle', 'innerRadius', 'outerRadius', 'startAngle', 'x', 'y', 'offset', 'borderWidth', 'spacing']
+      }
+    },
+    cutout: '50%',
+    rotation: 0,
+    circumference: 360,
+    radius: '100%',
+    spacing: 0,
+    indexAxis: 'r'
+  });
+  _defineProperty$w(DoughnutController, "descriptors", {
+    _scriptable: function _scriptable(name) {
+      return name !== 'spacing';
+    },
+    _indexable: function _indexable(name) {
+      return name !== 'spacing';
     }
-
-    var observer = new MutationObserver(function (entries) {
-      entries.forEach(function (entry) {
-        for (var i = 0; i < entry.removedNodes.length; i++) {
-          if (entry.removedNodes[i] === canvas) {
-            listener();
-            break;
+  });
+  _defineProperty$w(DoughnutController, "overrides", {
+    aspectRatio: 1,
+    plugins: {
+      legend: {
+        labels: {
+          generateLabels: function generateLabels(chart) {
+            var data = chart.data;
+            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,
+                  lineWidth: style.borderWidth,
+                  pointStyle: pointStyle,
+                  hidden: !chart.getDataVisibility(i),
+                  index: i
+                };
+              });
+            }
+            return [];
           }
+        },
+        onClick: function onClick(e, legendItem, legend) {
+          legend.chart.toggleDataVisibility(legendItem.index);
+          legend.chart.update();
         }
-      });
-    });
-    observer.observe(container, {
-      childList: true
-    });
-    return observer;
-  }
-
-  var drpListeningCharts = new Map();
-  var oldDevicePixelRatio = 0;
-
-  function onWindowResize() {
-    var dpr = window.devicePixelRatio;
-
-    if (dpr === oldDevicePixelRatio) {
-      return;
+      }
     }
-
-    oldDevicePixelRatio = dpr;
-    drpListeningCharts.forEach(function (resize, chart) {
-      if (chart.currentDevicePixelRatio !== dpr) {
-        resize();
-      }
-    });
-  }
-
-  function listenDevicePixelRatioChanges(chart, resize) {
-    if (!drpListeningCharts.size) {
-      window.addEventListener('resize', onWindowResize);
-    }
-
-    drpListeningCharts.set(chart, resize);
-  }
-
-  function unlistenDevicePixelRatioChanges(chart) {
-    drpListeningCharts.delete(chart);
-
-    if (!drpListeningCharts.size) {
-      window.removeEventListener('resize', onWindowResize);
-    }
-  }
-
-  function createResizeObserver(chart, type, listener) {
-    var canvas = chart.canvas;
-
-    var container = canvas && _getParentNode(canvas);
-
-    if (!container) {
-      return;
-    }
-
-    var resize = throttled(function (width, height) {
-      var w = container.clientWidth;
-      listener(width, height);
-
-      if (w < container.clientWidth) {
-        listener();
-      }
-    }, window);
-    var observer = new ResizeObserver(function (entries) {
-      var entry = entries[0];
-      var width = entry.contentRect.width;
-      var height = entry.contentRect.height;
-
-      if (width === 0 && height === 0) {
-        return;
-      }
-
-      resize(width, height);
-    });
-    observer.observe(container);
-    listenDevicePixelRatioChanges(chart, resize);
-    return observer;
-  }
-
-  function releaseObserver(chart, type, observer) {
-    if (observer) {
-      observer.disconnect();
-    }
-
-    if (type === 'resize') {
-      unlistenDevicePixelRatioChanges(chart);
-    }
-  }
-
-  function createProxyAndListen(chart, type, listener) {
-    var canvas = chart.canvas;
-    var proxy = throttled(function (event) {
-      if (chart.ctx !== null) {
-        listener(fromNativeEvent(event, chart));
-      }
-    }, chart, function (args) {
-      var event = args[0];
-      return [event, event.offsetX, event.offsetY];
-    });
-    addListener(canvas, type, proxy);
-    return proxy;
-  }
-
-  var DomPlatform = /*#__PURE__*/function (_BasePlatform2) {
-    _inherits(DomPlatform, _BasePlatform2);
-
-    var _super10 = _createSuper(DomPlatform);
-
-    function DomPlatform() {
-      _classCallCheck(this, DomPlatform);
-
-      return _super10.apply(this, arguments);
+  });
+  var LineController = /*#__PURE__*/function (_DatasetController4) {
+    _inherits$w(LineController, _DatasetController4);
+    var _super4 = _createSuper$w(LineController);
+    function LineController() {
+      _classCallCheck$x(this, LineController);
+      return _super4.apply(this, arguments);
     }
-
-    _createClass(DomPlatform, [{
-      key: "acquireContext",
-      value: function acquireContext(canvas, aspectRatio) {
-        var context = canvas && canvas.getContext && canvas.getContext('2d');
-
-        if (context && context.canvas === canvas) {
-          initCanvas(canvas, aspectRatio);
-          return context;
-        }
-
-        return null;
+    _createClass$x(LineController, [{
+      key: "initialize",
+      value: function initialize() {
+        this.enableOptionSharing = true;
+        this.supportsDecimation = true;
+        _get(_getPrototypeOf$w(LineController.prototype), "initialize", this).call(this);
       }
     }, {
-      key: "releaseContext",
-      value: function releaseContext(context) {
-        var canvas = context.canvas;
-
-        if (!canvas[EXPANDO_KEY]) {
-          return false;
+      key: "update",
+      value: function update(mode) {
+        var meta = this._cachedMeta;
+        var line = meta.dataset,
+          _meta$data = meta.data,
+          points = _meta$data === void 0 ? [] : _meta$data,
+          _dataset = meta._dataset;
+        var animationsDisabled = this.chart._animationsDisabled;
+        var _getStartAndCountOfVi = _getStartAndCountOfVisiblePoints(meta, points, animationsDisabled),
+          start = _getStartAndCountOfVi.start,
+          count = _getStartAndCountOfVi.count;
+        this._drawStart = start;
+        this._drawCount = count;
+        if (_scaleRangesChanged(meta)) {
+          start = 0;
+          count = points.length;
         }
-
-        var initial = canvas[EXPANDO_KEY].initial;
-        ['height', 'width'].forEach(function (prop) {
-          var value = initial[prop];
-
-          if (isNullOrUndef(value)) {
-            canvas.removeAttribute(prop);
-          } else {
-            canvas.setAttribute(prop, value);
-          }
-        });
-        var style = initial.style || {};
-        Object.keys(style).forEach(function (key) {
-          canvas.style[key] = style[key];
-        });
-        canvas.width = canvas.width;
-        delete canvas[EXPANDO_KEY];
-        return true;
-      }
-    }, {
-      key: "addEventListener",
-      value: function addEventListener(chart, type, listener) {
-        this.removeEventListener(chart, type);
-        var proxies = chart.$proxies || (chart.$proxies = {});
-        var handlers = {
-          attach: createAttachObserver,
-          detach: createDetachObserver,
-          resize: createResizeObserver
-        };
-        var handler = handlers[type] || createProxyAndListen;
-        proxies[type] = handler(chart, type, listener);
-      }
-    }, {
-      key: "removeEventListener",
-      value: function removeEventListener(chart, type) {
-        var proxies = chart.$proxies || (chart.$proxies = {});
-        var proxy = proxies[type];
-
-        if (!proxy) {
-          return;
+        line._chart = this.chart;
+        line._datasetIndex = this.index;
+        line._decimated = !!_dataset._decimated;
+        line.points = points;
+        var options = this.resolveDatasetElementOptions(mode);
+        if (!this.options.showLine) {
+          options.borderWidth = 0;
         }
-
-        var handlers = {
-          attach: releaseObserver,
-          detach: releaseObserver,
-          resize: releaseObserver
-        };
-        var handler = handlers[type] || removeListener;
-        handler(chart, type, proxy);
-        proxies[type] = undefined;
+        options.segment = this.options.segment;
+        this.updateElement(line, undefined, {
+          animated: !animationsDisabled,
+          options: options
+        }, mode);
+        this.updateElements(points, start, count, mode);
       }
     }, {
-      key: "getDevicePixelRatio",
-      value: function getDevicePixelRatio() {
-        return window.devicePixelRatio;
+      key: "updateElements",
+      value: function updateElements(points, start, count, mode) {
+        var reset = mode === 'reset';
+        var _this$_cachedMeta3 = this._cachedMeta,
+          iScale = _this$_cachedMeta3.iScale,
+          vScale = _this$_cachedMeta3.vScale,
+          _stacked = _this$_cachedMeta3._stacked,
+          _dataset = _this$_cachedMeta3._dataset;
+        var _this$_getSharedOptio4 = this._getSharedOptions(start, mode),
+          sharedOptions = _this$_getSharedOptio4.sharedOptions,
+          includeOptions = _this$_getSharedOptio4.includeOptions;
+        var iAxis = iScale.axis;
+        var vAxis = vScale.axis;
+        var _this$options2 = this.options,
+          spanGaps = _this$options2.spanGaps,
+          segment = _this$options2.segment;
+        var maxGapLength = isNumber(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;
+        var directUpdate = this.chart._animationsDisabled || reset || mode === 'none';
+        var end = start + count;
+        var pointsCount = points.length;
+        var prevParsed = start > 0 && this.getParsed(start - 1);
+        for (var i = 0; i < pointsCount; ++i) {
+          var point = points[i];
+          var properties = directUpdate ? point : {};
+          if (i < start || i >= end) {
+            properties.skip = true;
+            continue;
+          }
+          var parsed = this.getParsed(i);
+          var nullData = isNullOrUndef(parsed[vAxis]);
+          var iPixel = properties[iAxis] = iScale.getPixelForValue(parsed[iAxis], i);
+          var vPixel = properties[vAxis] = reset || nullData ? vScale.getBasePixel() : vScale.getPixelForValue(_stacked ? this.applyStack(vScale, parsed, _stacked) : parsed[vAxis], i);
+          properties.skip = isNaN(iPixel) || isNaN(vPixel) || nullData;
+          properties.stop = i > 0 && Math.abs(parsed[iAxis] - prevParsed[iAxis]) > maxGapLength;
+          if (segment) {
+            properties.parsed = parsed;
+            properties.raw = _dataset.data[i];
+          }
+          if (includeOptions) {
+            properties.options = sharedOptions || this.resolveDataElementOptions(i, point.active ? 'active' : mode);
+          }
+          if (!directUpdate) {
+            this.updateElement(point, i, properties, mode);
+          }
+          prevParsed = parsed;
+        }
       }
     }, {
-      key: "getMaximumSize",
-      value: function getMaximumSize$1(canvas, width, height, aspectRatio) {
-        return getMaximumSize(canvas, width, height, aspectRatio);
+      key: "getMaxOverflow",
+      value: function getMaxOverflow() {
+        var meta = this._cachedMeta;
+        var dataset = meta.dataset;
+        var border = dataset.options && dataset.options.borderWidth || 0;
+        var data = meta.data || [];
+        if (!data.length) {
+          return border;
+        }
+        var firstPoint = data[0].size(this.resolveDataElementOptions(0));
+        var lastPoint = data[data.length - 1].size(this.resolveDataElementOptions(data.length - 1));
+        return Math.max(border, firstPoint, lastPoint) / 2;
       }
     }, {
-      key: "isAttached",
-      value: function isAttached(canvas) {
-        var container = _getParentNode(canvas);
-
-        return !!(container && _getParentNode(container));
+      key: "draw",
+      value: function draw() {
+        var meta = this._cachedMeta;
+        meta.dataset.updateControlPoints(this.chart.chartArea, meta.iScale.axis);
+        _get(_getPrototypeOf$w(LineController.prototype), "draw", this).call(this);
       }
     }]);
-
-    return DomPlatform;
-  }(BasePlatform);
-
-  var Element = /*#__PURE__*/function () {
-    function Element() {
-      _classCallCheck(this, Element);
-
-      this.x = undefined;
-      this.y = undefined;
-      this.active = false;
-      this.options = undefined;
-      this.$animations = undefined;
+    return LineController;
+  }(DatasetController);
+  _defineProperty$w(LineController, "id", 'line');
+  _defineProperty$w(LineController, "defaults", {
+    datasetElementType: 'line',
+    dataElementType: 'point',
+    showLine: true,
+    spanGaps: false
+  });
+  _defineProperty$w(LineController, "overrides", {
+    scales: {
+      _index_: {
+        type: 'category'
+      },
+      _value_: {
+        type: 'linear'
+      }
     }
-
-    _createClass(Element, [{
-      key: "tooltipPosition",
-      value: function tooltipPosition(useFinalPosition) {
-        var _this$getProps = this.getProps(['x', 'y'], useFinalPosition),
-            x = _this$getProps.x,
-            y = _this$getProps.y;
-
+  });
+  var PolarAreaController = /*#__PURE__*/function (_DatasetController5) {
+    _inherits$w(PolarAreaController, _DatasetController5);
+    var _super5 = _createSuper$w(PolarAreaController);
+    function PolarAreaController(chart, datasetIndex) {
+      var _this5;
+      _classCallCheck$x(this, PolarAreaController);
+      _this5 = _super5.call(this, chart, datasetIndex);
+      _this5.innerRadius = undefined;
+      _this5.outerRadius = undefined;
+      return _this5;
+    }
+    _createClass$x(PolarAreaController, [{
+      key: "getLabelAndValue",
+      value: function getLabelAndValue(index) {
+        var meta = this._cachedMeta;
+        var chart = this.chart;
+        var labels = chart.data.labels || [];
+        var value = formatNumber(meta._parsed[index].r, chart.options.locale);
         return {
-          x: x,
-          y: y
+          label: labels[index] || '',
+          value: value
         };
       }
     }, {
-      key: "hasValue",
-      value: function hasValue() {
-        return isNumber(this.x) && isNumber(this.y);
+      key: "parseObjectData",
+      value: function parseObjectData(meta, data, start, count) {
+        return _parseObjectDataRadialScale.bind(this)(meta, data, start, count);
       }
     }, {
-      key: "getProps",
-      value: function getProps(props, final) {
-        var me = this;
-        var anims = this.$animations;
-
-        if (!final || !anims) {
-          return me;
-        }
-
-        var ret = {};
-        props.forEach(function (prop) {
-          ret[prop] = anims[prop] && anims[prop].active() ? anims[prop]._to : me[prop];
+      key: "update",
+      value: function update(mode) {
+        var arcs = this._cachedMeta.data;
+        this._updateRadius();
+        this.updateElements(arcs, 0, arcs.length, mode);
+      }
+    }, {
+      key: "getMinMax",
+      value: function getMinMax() {
+        var _this6 = this;
+        var meta = this._cachedMeta;
+        var range = {
+          min: Number.POSITIVE_INFINITY,
+          max: Number.NEGATIVE_INFINITY
+        };
+        meta.data.forEach(function (element, index) {
+          var parsed = _this6.getParsed(index).r;
+          if (!isNaN(parsed) && _this6.chart.getDataVisibility(index)) {
+            if (parsed < range.min) {
+              range.min = parsed;
+            }
+            if (parsed > range.max) {
+              range.max = parsed;
+            }
+          }
         });
-        return ret;
+        return range;
       }
-    }]);
-
-    return Element;
-  }();
-
-  Element.defaults = {};
-  Element.defaultRoutes = undefined;
-  var formatters$2 = {
-    values: function values(value) {
-      return isArray(value) ? value : '' + value;
-    },
-    numeric: function numeric(tickValue, index, ticks) {
-      if (tickValue === 0) {
-        return '0';
+    }, {
+      key: "_updateRadius",
+      value: function _updateRadius() {
+        var chart = this.chart;
+        var chartArea = chart.chartArea;
+        var opts = chart.options;
+        var minSize = Math.min(chartArea.right - chartArea.left, chartArea.bottom - chartArea.top);
+        var outerRadius = Math.max(minSize / 2, 0);
+        var innerRadius = Math.max(opts.cutoutPercentage ? outerRadius / 100 * opts.cutoutPercentage : 1, 0);
+        var radiusLength = (outerRadius - innerRadius) / chart.getVisibleDatasetCount();
+        this.outerRadius = outerRadius - radiusLength * this.index;
+        this.innerRadius = this.outerRadius - radiusLength;
       }
-
-      var locale = this.chart.options.locale;
-      var notation;
-      var delta = tickValue;
-
-      if (ticks.length > 1) {
-        var maxTick = Math.max(Math.abs(ticks[0].value), Math.abs(ticks[ticks.length - 1].value));
-
-        if (maxTick < 1e-4 || maxTick > 1e+15) {
-          notation = 'scientific';
+    }, {
+      key: "updateElements",
+      value: function updateElements(arcs, start, count, mode) {
+        var reset = mode === 'reset';
+        var chart = this.chart;
+        var opts = chart.options;
+        var animationOpts = opts.animation;
+        var scale = this._cachedMeta.rScale;
+        var centerX = scale.xCenter;
+        var centerY = scale.yCenter;
+        var datasetStartAngle = scale.getIndexAngle(0) - 0.5 * PI;
+        var angle = datasetStartAngle;
+        var i;
+        var defaultAngle = 360 / this.countVisibleElements();
+        for (i = 0; i < start; ++i) {
+          angle += this._computeAngle(i, mode, defaultAngle);
+        }
+        for (i = start; i < start + count; i++) {
+          var arc = arcs[i];
+          var startAngle = angle;
+          var endAngle = angle + this._computeAngle(i, mode, defaultAngle);
+          var outerRadius = chart.getDataVisibility(i) ? scale.getDistanceFromCenterForValue(this.getParsed(i).r) : 0;
+          angle = endAngle;
+          if (reset) {
+            if (animationOpts.animateScale) {
+              outerRadius = 0;
+            }
+            if (animationOpts.animateRotate) {
+              startAngle = endAngle = datasetStartAngle;
+            }
+          }
+          var properties = {
+            x: centerX,
+            y: centerY,
+            innerRadius: 0,
+            outerRadius: outerRadius,
+            startAngle: startAngle,
+            endAngle: endAngle,
+            options: this.resolveDataElementOptions(i, arc.active ? 'active' : mode)
+          };
+          this.updateElement(arc, i, properties, mode);
         }
-
-        delta = calculateDelta(tickValue, ticks);
-      }
-
-      var logDelta = log10(Math.abs(delta));
-      var numDecimal = Math.max(Math.min(-1 * Math.floor(logDelta), 20), 0);
-      var options = {
-        notation: notation,
-        minimumFractionDigits: numDecimal,
-        maximumFractionDigits: numDecimal
-      };
-      Object.assign(options, this.options.ticks.format);
-      return formatNumber(tickValue, locale, options);
-    },
-    logarithmic: function logarithmic(tickValue, index, ticks) {
-      if (tickValue === 0) {
-        return '0';
       }
-
-      var remain = tickValue / Math.pow(10, Math.floor(log10(tickValue)));
-
-      if (remain === 1 || remain === 2 || remain === 5) {
-        return formatters$2.numeric.call(this, tickValue, index, ticks);
+    }, {
+      key: "countVisibleElements",
+      value: function countVisibleElements() {
+        var _this7 = this;
+        var meta = this._cachedMeta;
+        var count = 0;
+        meta.data.forEach(function (element, index) {
+          if (!isNaN(_this7.getParsed(index).r) && _this7.chart.getDataVisibility(index)) {
+            count++;
+          }
+        });
+        return count;
       }
-
-      return '';
-    }
-  };
-
-  function calculateDelta(tickValue, ticks) {
-    var delta = ticks.length > 3 ? ticks[2].value - ticks[1].value : ticks[1].value - ticks[0].value;
-
-    if (Math.abs(delta) > 1 && tickValue !== Math.floor(tickValue)) {
-      delta = tickValue - Math.floor(tickValue);
-    }
-
-    return delta;
-  }
-
-  var Ticks = {
-    formatters: formatters$2
-  };
-  defaults.set('scale', {
-    display: true,
-    offset: false,
-    reverse: false,
-    beginAtZero: false,
-    bounds: 'ticks',
-    grace: 0,
-    grid: {
-      display: true,
-      lineWidth: 1,
-      drawBorder: true,
-      drawOnChartArea: true,
-      drawTicks: true,
-      tickLength: 8,
-      tickWidth: function tickWidth(_ctx, options) {
-        return options.lineWidth;
-      },
-      tickColor: function tickColor(_ctx, options) {
-        return options.color;
-      },
-      offset: false,
-      borderDash: [],
-      borderDashOffset: 0.0,
-      borderColor: function borderColor(_ctx, options) {
-        return options.color;
-      },
-      borderWidth: function borderWidth(_ctx, options) {
-        return options.lineWidth;
+    }, {
+      key: "_computeAngle",
+      value: function _computeAngle(index, mode, defaultAngle) {
+        return this.chart.getDataVisibility(index) ? toRadians(this.resolveDataElementOptions(index, mode).angle || defaultAngle) : 0;
       }
+    }]);
+    return PolarAreaController;
+  }(DatasetController);
+  _defineProperty$w(PolarAreaController, "id", 'polarArea');
+  _defineProperty$w(PolarAreaController, "defaults", {
+    dataElementType: 'arc',
+    animation: {
+      animateRotate: true,
+      animateScale: true
     },
-    title: {
-      display: false,
-      text: '',
-      padding: {
-        top: 4,
-        bottom: 4
+    animations: {
+      numbers: {
+        type: 'number',
+        properties: ['x', 'y', 'startAngle', 'endAngle', 'innerRadius', 'outerRadius']
       }
     },
-    ticks: {
-      minRotation: 0,
-      maxRotation: 50,
-      mirror: false,
-      textStrokeWidth: 0,
-      textStrokeColor: '',
-      padding: 3,
-      display: true,
-      autoSkip: true,
-      autoSkipPadding: 3,
-      labelOffset: 0,
-      callback: Ticks.formatters.values,
-      minor: {},
-      major: {},
-      align: 'center',
-      crossAlign: 'near'
-    }
+    indexAxis: 'r',
+    startAngle: 0
   });
-  defaults.route('scale.ticks', 'color', '', 'color');
-  defaults.route('scale.grid', 'color', '', 'borderColor');
-  defaults.route('scale.title', 'color', '', 'color');
-  defaults.describe('scale', {
-    _fallback: false,
-    _scriptable: function _scriptable(name) {
-      return !name.startsWith('before') && !name.startsWith('after') && name !== 'callback' && name !== 'parser';
+  _defineProperty$w(PolarAreaController, "overrides", {
+    aspectRatio: 1,
+    plugins: {
+      legend: {
+        labels: {
+          generateLabels: function generateLabels(chart) {
+            var data = chart.data;
+            if (data.labels.length && data.datasets.length) {
+              var _chart$legend$options3 = chart.legend.options.labels,
+                pointStyle = _chart$legend$options3.pointStyle,
+                color = _chart$legend$options3.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,
+                  lineWidth: style.borderWidth,
+                  pointStyle: pointStyle,
+                  hidden: !chart.getDataVisibility(i),
+                  index: i
+                };
+              });
+            }
+            return [];
+          }
+        },
+        onClick: function onClick(e, legendItem, legend) {
+          legend.chart.toggleDataVisibility(legendItem.index);
+          legend.chart.update();
+        }
+      }
     },
-    _indexable: function _indexable(name) {
-      return name !== 'borderDash' && name !== 'tickBorderDash';
+    scales: {
+      r: {
+        type: 'radialLinear',
+        angleLines: {
+          display: false
+        },
+        beginAtZero: true,
+        grid: {
+          circular: true
+        },
+        pointLabels: {
+          display: false
+        },
+        startAngle: 0
+      }
     }
   });
-  defaults.describe('scales', {
-    _fallback: 'scale'
+  var PieController = /*#__PURE__*/function (_DoughnutController) {
+    _inherits$w(PieController, _DoughnutController);
+    var _super6 = _createSuper$w(PieController);
+    function PieController() {
+      _classCallCheck$x(this, PieController);
+      return _super6.apply(this, arguments);
+    }
+    return _createClass$x(PieController);
+  }(DoughnutController);
+  _defineProperty$w(PieController, "id", 'pie');
+  _defineProperty$w(PieController, "defaults", {
+    cutout: 0,
+    rotation: 0,
+    circumference: 360,
+    radius: '100%'
   });
-
-  function autoSkip(scale, ticks) {
-    var tickOpts = scale.options.ticks;
-    var ticksLimit = tickOpts.maxTicksLimit || determineMaxTicks(scale);
-    var majorIndices = tickOpts.major.enabled ? getMajorIndices(ticks) : [];
-    var numMajorIndices = majorIndices.length;
-    var first = majorIndices[0];
-    var last = majorIndices[numMajorIndices - 1];
-    var newTicks = [];
-
-    if (numMajorIndices > ticksLimit) {
-      skipMajors(ticks, newTicks, majorIndices, numMajorIndices / ticksLimit);
-      return newTicks;
+  var RadarController = /*#__PURE__*/function (_DatasetController6) {
+    _inherits$w(RadarController, _DatasetController6);
+    var _super7 = _createSuper$w(RadarController);
+    function RadarController() {
+      _classCallCheck$x(this, RadarController);
+      return _super7.apply(this, arguments);
     }
-
-    var spacing = calculateSpacing(majorIndices, ticks, ticksLimit);
-
-    if (numMajorIndices > 0) {
-      var i, ilen;
-      var avgMajorSpacing = numMajorIndices > 1 ? Math.round((last - first) / (numMajorIndices - 1)) : null;
-      skip(ticks, newTicks, spacing, isNullOrUndef(avgMajorSpacing) ? 0 : first - avgMajorSpacing, first);
-
-      for (i = 0, ilen = numMajorIndices - 1; i < ilen; i++) {
-        skip(ticks, newTicks, spacing, majorIndices[i], majorIndices[i + 1]);
+    _createClass$x(RadarController, [{
+      key: "getLabelAndValue",
+      value: function getLabelAndValue(index) {
+        var vScale = this._cachedMeta.vScale;
+        var parsed = this.getParsed(index);
+        return {
+          label: vScale.getLabels()[index],
+          value: '' + vScale.getLabelForValue(parsed[vScale.axis])
+        };
       }
-
-      skip(ticks, newTicks, spacing, last, isNullOrUndef(avgMajorSpacing) ? ticks.length : last + avgMajorSpacing);
-      return newTicks;
-    }
-
-    skip(ticks, newTicks, spacing);
-    return newTicks;
-  }
-
-  function determineMaxTicks(scale) {
-    var offset = scale.options.offset;
-
-    var tickLength = scale._tickSize();
-
-    var maxScale = scale._length / tickLength + (offset ? 0 : 1);
-    var maxChart = scale._maxLength / tickLength;
-    return Math.floor(Math.min(maxScale, maxChart));
-  }
-
-  function calculateSpacing(majorIndices, ticks, ticksLimit) {
-    var evenMajorSpacing = getEvenSpacing(majorIndices);
-    var spacing = ticks.length / ticksLimit;
-
-    if (!evenMajorSpacing) {
-      return Math.max(spacing, 1);
-    }
-
-    var factors = _factorize(evenMajorSpacing);
-
-    for (var i = 0, ilen = factors.length - 1; i < ilen; i++) {
-      var factor = factors[i];
-
-      if (factor > spacing) {
-        return factor;
+    }, {
+      key: "parseObjectData",
+      value: function parseObjectData(meta, data, start, count) {
+        return _parseObjectDataRadialScale.bind(this)(meta, data, start, count);
       }
-    }
-
-    return Math.max(spacing, 1);
-  }
-
-  function getMajorIndices(ticks) {
-    var result = [];
-    var i, ilen;
-
-    for (i = 0, ilen = ticks.length; i < ilen; i++) {
-      if (ticks[i].major) {
-        result.push(i);
+    }, {
+      key: "update",
+      value: function update(mode) {
+        var meta = this._cachedMeta;
+        var line = meta.dataset;
+        var points = meta.data || [];
+        var labels = meta.iScale.getLabels();
+        line.points = points;
+        if (mode !== 'resize') {
+          var options = this.resolveDatasetElementOptions(mode);
+          if (!this.options.showLine) {
+            options.borderWidth = 0;
+          }
+          var properties = {
+            _loop: true,
+            _fullLoop: labels.length === points.length,
+            options: options
+          };
+          this.updateElement(line, undefined, properties, mode);
+        }
+        this.updateElements(points, 0, points.length, mode);
       }
-    }
-
-    return result;
-  }
-
-  function skipMajors(ticks, newTicks, majorIndices, spacing) {
-    var count = 0;
-    var next = majorIndices[0];
-    var i;
-    spacing = Math.ceil(spacing);
-
-    for (i = 0; i < ticks.length; i++) {
-      if (i === next) {
-        newTicks.push(ticks[i]);
-        count++;
-        next = majorIndices[count * spacing];
+    }, {
+      key: "updateElements",
+      value: function updateElements(points, start, count, mode) {
+        var scale = this._cachedMeta.rScale;
+        var reset = mode === 'reset';
+        for (var i = start; i < start + count; i++) {
+          var point = points[i];
+          var options = this.resolveDataElementOptions(i, point.active ? 'active' : mode);
+          var pointPosition = scale.getPointPositionForValue(i, this.getParsed(i).r);
+          var x = reset ? scale.xCenter : pointPosition.x;
+          var y = reset ? scale.yCenter : pointPosition.y;
+          var properties = {
+            x: x,
+            y: y,
+            angle: pointPosition.angle,
+            skip: isNaN(x) || isNaN(y),
+            options: options
+          };
+          this.updateElement(point, i, properties, mode);
+        }
       }
-    }
-  }
-
-  function skip(ticks, newTicks, spacing, majorStart, majorEnd) {
-    var start = valueOrDefault(majorStart, 0);
-    var end = Math.min(valueOrDefault(majorEnd, ticks.length), ticks.length);
-    var count = 0;
-    var length, i, next;
-    spacing = Math.ceil(spacing);
-
-    if (majorEnd) {
-      length = majorEnd - majorStart;
-      spacing = length / Math.floor(length / spacing);
-    }
-
-    next = start;
-
-    while (next < 0) {
-      count++;
-      next = Math.round(start + count * spacing);
-    }
-
-    for (i = Math.max(start, 0); i < end; i++) {
-      if (i === next) {
-        newTicks.push(ticks[i]);
-        count++;
-        next = Math.round(start + count * spacing);
+    }]);
+    return RadarController;
+  }(DatasetController);
+  _defineProperty$w(RadarController, "id", 'radar');
+  _defineProperty$w(RadarController, "defaults", {
+    datasetElementType: 'line',
+    dataElementType: 'point',
+    indexAxis: 'r',
+    showLine: true,
+    elements: {
+      line: {
+        fill: 'start'
       }
     }
-  }
-
-  function getEvenSpacing(arr) {
-    var len = arr.length;
-    var i, diff;
-
-    if (len < 2) {
-      return false;
-    }
-
-    for (diff = arr[0], i = 1; i < len; ++i) {
-      if (arr[i] - arr[i - 1] !== diff) {
-        return false;
+  });
+  _defineProperty$w(RadarController, "overrides", {
+    aspectRatio: 1,
+    scales: {
+      r: {
+        type: 'radialLinear'
       }
     }
-
-    return diff;
-  }
-
-  var reverseAlign = function reverseAlign(align) {
-    return align === 'left' ? 'right' : align === 'right' ? 'left' : align;
-  };
-
-  var offsetFromEdge = function offsetFromEdge(scale, edge, offset) {
-    return edge === 'top' || edge === 'left' ? scale[edge] + offset : scale[edge] - offset;
-  };
-
-  function sample(arr, numItems) {
-    var result = [];
-    var increment = arr.length / numItems;
-    var len = arr.length;
-    var i = 0;
-
-    for (; i < len; i += increment) {
-      result.push(arr[Math.floor(i)]);
+  });
+  var ScatterController = /*#__PURE__*/function (_DatasetController7) {
+    _inherits$w(ScatterController, _DatasetController7);
+    var _super8 = _createSuper$w(ScatterController);
+    function ScatterController() {
+      _classCallCheck$x(this, ScatterController);
+      return _super8.apply(this, arguments);
     }
-
-    return result;
-  }
-
-  function getPixelForGridLine(scale, index, offsetGridLines) {
-    var length = scale.ticks.length;
-    var validIndex = Math.min(index, length - 1);
-    var start = scale._startPixel;
-    var end = scale._endPixel;
-    var epsilon = 1e-6;
-    var lineValue = scale.getPixelForTick(validIndex);
-    var offset;
-
-    if (offsetGridLines) {
-      if (length === 1) {
-        offset = Math.max(lineValue - start, end - lineValue);
-      } else if (index === 0) {
-        offset = (scale.getPixelForTick(1) - lineValue) / 2;
-      } else {
-        offset = (lineValue - scale.getPixelForTick(validIndex - 1)) / 2;
+    _createClass$x(ScatterController, [{
+      key: "getLabelAndValue",
+      value: function getLabelAndValue(index) {
+        var meta = this._cachedMeta;
+        var labels = this.chart.data.labels || [];
+        var xScale = meta.xScale,
+          yScale = meta.yScale;
+        var parsed = this.getParsed(index);
+        var x = xScale.getLabelForValue(parsed.x);
+        var y = yScale.getLabelForValue(parsed.y);
+        return {
+          label: labels[index] || '',
+          value: '(' + x + ', ' + y + ')'
+        };
       }
-
-      lineValue += validIndex < index ? offset : -offset;
-
-      if (lineValue < start - epsilon || lineValue > end + epsilon) {
-        return;
+    }, {
+      key: "update",
+      value: function update(mode) {
+        var meta = this._cachedMeta;
+        var _meta$data2 = meta.data,
+          points = _meta$data2 === void 0 ? [] : _meta$data2;
+        var animationsDisabled = this.chart._animationsDisabled;
+        var _getStartAndCountOfVi2 = _getStartAndCountOfVisiblePoints(meta, points, animationsDisabled),
+          start = _getStartAndCountOfVi2.start,
+          count = _getStartAndCountOfVi2.count;
+        this._drawStart = start;
+        this._drawCount = count;
+        if (_scaleRangesChanged(meta)) {
+          start = 0;
+          count = points.length;
+        }
+        if (this.options.showLine) {
+          var line = meta.dataset,
+            _dataset = meta._dataset;
+          line._chart = this.chart;
+          line._datasetIndex = this.index;
+          line._decimated = !!_dataset._decimated;
+          line.points = points;
+          var options = this.resolveDatasetElementOptions(mode);
+          options.segment = this.options.segment;
+          this.updateElement(line, undefined, {
+            animated: !animationsDisabled,
+            options: options
+          }, mode);
+        }
+        this.updateElements(points, start, count, mode);
       }
-    }
-
-    return lineValue;
-  }
-
-  function garbageCollect(caches, length) {
-    each(caches, function (cache) {
-      var gc = cache.gc;
-      var gcLen = gc.length / 2;
-      var i;
-
-      if (gcLen > length) {
-        for (i = 0; i < gcLen; ++i) {
-          delete cache.data[gc[i]];
+    }, {
+      key: "addElements",
+      value: function addElements() {
+        var showLine = this.options.showLine;
+        if (!this.datasetElementType && showLine) {
+          this.datasetElementType = this.chart.registry.getElement('line');
         }
-
-        gc.splice(0, gcLen);
-      }
-    });
-  }
-
-  function getTickMarkLength(options) {
-    return options.drawTicks ? options.tickLength : 0;
-  }
-
-  function getTitleHeight(options, fallback) {
-    if (!options.display) {
-      return 0;
-    }
-
-    var font = toFont(options.font, fallback);
-    var padding = toPadding(options.padding);
-    var lines = isArray(options.text) ? options.text.length : 1;
-    return lines * font.lineHeight + padding.height;
-  }
-
-  function createScaleContext(parent, scale) {
-    return Object.assign(Object.create(parent), {
-      scale: scale,
-      type: 'scale'
-    });
-  }
-
-  function createTickContext(parent, index, tick) {
-    return Object.assign(Object.create(parent), {
-      tick: tick,
-      index: index,
-      type: 'tick'
-    });
-  }
-
-  function titleAlign(align, position, reverse) {
-    var ret = _toLeftRightCenter(align);
-
-    if (reverse && position !== 'right' || !reverse && position === 'right') {
-      ret = reverseAlign(ret);
-    }
-
-    return ret;
-  }
-
-  function titleArgs(scale, offset, position, align) {
-    var top = scale.top,
-        left = scale.left,
-        bottom = scale.bottom,
-        right = scale.right;
-    var rotation = 0;
-    var maxWidth, titleX, titleY;
-
-    if (scale.isHorizontal()) {
-      titleX = _alignStartEnd(align, left, right);
-      titleY = offsetFromEdge(scale, position, offset);
-      maxWidth = right - left;
-    } else {
-      titleX = offsetFromEdge(scale, position, offset);
-      titleY = _alignStartEnd(align, bottom, top);
-      rotation = position === 'left' ? -HALF_PI : HALF_PI;
-    }
-
-    return {
-      titleX: titleX,
-      titleY: titleY,
-      maxWidth: maxWidth,
-      rotation: rotation
-    };
-  }
-
-  var Scale = /*#__PURE__*/function (_Element) {
-    _inherits(Scale, _Element);
-
-    var _super11 = _createSuper(Scale);
-
-    function Scale(cfg) {
-      var _this4;
-
-      _classCallCheck(this, Scale);
-
-      _this4 = _super11.call(this);
-      _this4.id = cfg.id;
-      _this4.type = cfg.type;
-      _this4.options = undefined;
-      _this4.ctx = cfg.ctx;
-      _this4.chart = cfg.chart;
-      _this4.top = undefined;
-      _this4.bottom = undefined;
-      _this4.left = undefined;
-      _this4.right = undefined;
-      _this4.width = undefined;
-      _this4.height = undefined;
-      _this4._margins = {
-        left: 0,
-        right: 0,
-        top: 0,
-        bottom: 0
-      };
-      _this4.maxWidth = undefined;
-      _this4.maxHeight = undefined;
-      _this4.paddingTop = undefined;
-      _this4.paddingBottom = undefined;
-      _this4.paddingLeft = undefined;
-      _this4.paddingRight = undefined;
-      _this4.axis = undefined;
-      _this4.labelRotation = undefined;
-      _this4.min = undefined;
-      _this4.max = undefined;
-      _this4.ticks = [];
-      _this4._gridLineItems = null;
-      _this4._labelItems = null;
-      _this4._labelSizes = null;
-      _this4._length = 0;
-      _this4._maxLength = 0;
-      _this4._longestTextCache = {};
-      _this4._startPixel = undefined;
-      _this4._endPixel = undefined;
-      _this4._reversePixels = false;
-      _this4._userMax = undefined;
-      _this4._userMin = undefined;
-      _this4._suggestedMax = undefined;
-      _this4._suggestedMin = undefined;
-      _this4._ticksLength = 0;
-      _this4._borderValue = 0;
-      _this4._cache = {};
-      _this4._dataLimitsCached = false;
-      _this4.$context = undefined;
-      return _this4;
-    }
-
-    _createClass(Scale, [{
-      key: "init",
-      value: function init(options) {
-        var me = this;
-        me.options = options;
-        me.axis = options.axis;
-        me._userMin = me.parse(options.min);
-        me._userMax = me.parse(options.max);
-        me._suggestedMin = me.parse(options.suggestedMin);
-        me._suggestedMax = me.parse(options.suggestedMax);
-      }
-    }, {
-      key: "parse",
-      value: function parse(raw, index) {
-        return raw;
-      }
-    }, {
-      key: "getUserBounds",
-      value: function getUserBounds() {
-        var _userMin = this._userMin,
-            _userMax = this._userMax,
-            _suggestedMin = this._suggestedMin,
-            _suggestedMax = this._suggestedMax;
-        _userMin = finiteOrDefault(_userMin, Number.POSITIVE_INFINITY);
-        _userMax = finiteOrDefault(_userMax, Number.NEGATIVE_INFINITY);
-        _suggestedMin = finiteOrDefault(_suggestedMin, Number.POSITIVE_INFINITY);
-        _suggestedMax = finiteOrDefault(_suggestedMax, Number.NEGATIVE_INFINITY);
-        return {
-          min: finiteOrDefault(_userMin, _suggestedMin),
-          max: finiteOrDefault(_userMax, _suggestedMax),
-          minDefined: isNumberFinite(_userMin),
-          maxDefined: isNumberFinite(_userMax)
-        };
+        _get(_getPrototypeOf$w(ScatterController.prototype), "addElements", this).call(this);
       }
     }, {
-      key: "getMinMax",
-      value: function getMinMax(canStack) {
-        var me = this;
-
-        var _me$getUserBounds = me.getUserBounds(),
-            min = _me$getUserBounds.min,
-            max = _me$getUserBounds.max,
-            minDefined = _me$getUserBounds.minDefined,
-            maxDefined = _me$getUserBounds.maxDefined;
-
-        var range;
-
-        if (minDefined && maxDefined) {
-          return {
-            min: min,
-            max: max
-          };
-        }
-
-        var metas = me.getMatchingVisibleMetas();
-
-        for (var i = 0, ilen = metas.length; i < ilen; ++i) {
-          range = metas[i].controller.getMinMax(me, canStack);
-
-          if (!minDefined) {
-            min = Math.min(min, range.min);
+      key: "updateElements",
+      value: function updateElements(points, start, count, mode) {
+        var reset = mode === 'reset';
+        var _this$_cachedMeta4 = this._cachedMeta,
+          iScale = _this$_cachedMeta4.iScale,
+          vScale = _this$_cachedMeta4.vScale,
+          _stacked = _this$_cachedMeta4._stacked,
+          _dataset = _this$_cachedMeta4._dataset;
+        var firstOpts = this.resolveDataElementOptions(start, mode);
+        var sharedOptions = this.getSharedOptions(firstOpts);
+        var includeOptions = this.includeOptions(mode, sharedOptions);
+        var iAxis = iScale.axis;
+        var vAxis = vScale.axis;
+        var _this$options3 = this.options,
+          spanGaps = _this$options3.spanGaps,
+          segment = _this$options3.segment;
+        var maxGapLength = isNumber(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;
+        var directUpdate = this.chart._animationsDisabled || reset || mode === 'none';
+        var prevParsed = start > 0 && this.getParsed(start - 1);
+        for (var i = start; i < start + count; ++i) {
+          var point = points[i];
+          var parsed = this.getParsed(i);
+          var properties = directUpdate ? point : {};
+          var nullData = isNullOrUndef(parsed[vAxis]);
+          var iPixel = properties[iAxis] = iScale.getPixelForValue(parsed[iAxis], i);
+          var vPixel = properties[vAxis] = reset || nullData ? vScale.getBasePixel() : vScale.getPixelForValue(_stacked ? this.applyStack(vScale, parsed, _stacked) : parsed[vAxis], i);
+          properties.skip = isNaN(iPixel) || isNaN(vPixel) || nullData;
+          properties.stop = i > 0 && Math.abs(parsed[iAxis] - prevParsed[iAxis]) > maxGapLength;
+          if (segment) {
+            properties.parsed = parsed;
+            properties.raw = _dataset.data[i];
           }
-
-          if (!maxDefined) {
-            max = Math.max(max, range.max);
+          if (includeOptions) {
+            properties.options = sharedOptions || this.resolveDataElementOptions(i, point.active ? 'active' : mode);
           }
+          if (!directUpdate) {
+            this.updateElement(point, i, properties, mode);
+          }
+          prevParsed = parsed;
         }
-
-        return {
-          min: finiteOrDefault(min, finiteOrDefault(max, min)),
-          max: finiteOrDefault(max, finiteOrDefault(min, max))
-        };
-      }
-    }, {
-      key: "getPadding",
-      value: function getPadding() {
-        var me = this;
-        return {
-          left: me.paddingLeft || 0,
-          top: me.paddingTop || 0,
-          right: me.paddingRight || 0,
-          bottom: me.paddingBottom || 0
-        };
-      }
-    }, {
-      key: "getTicks",
-      value: function getTicks() {
-        return this.ticks;
-      }
-    }, {
-      key: "getLabels",
-      value: function getLabels() {
-        var data = this.chart.data;
-        return this.options.labels || (this.isHorizontal() ? data.xLabels : data.yLabels) || data.labels || [];
-      }
-    }, {
-      key: "beforeLayout",
-      value: function beforeLayout() {
-        this._cache = {};
-        this._dataLimitsCached = false;
-      }
-    }, {
-      key: "beforeUpdate",
-      value: function beforeUpdate() {
-        callback(this.options.beforeUpdate, [this]);
+        this.updateSharedOptions(sharedOptions, mode, firstOpts);
       }
     }, {
-      key: "update",
-      value: function update(maxWidth, maxHeight, margins) {
-        var me = this;
-        var tickOpts = me.options.ticks;
-        var sampleSize = tickOpts.sampleSize;
-        me.beforeUpdate();
-        me.maxWidth = maxWidth;
-        me.maxHeight = maxHeight;
-        me._margins = margins = Object.assign({
-          left: 0,
-          right: 0,
-          top: 0,
-          bottom: 0
-        }, margins);
-        me.ticks = null;
-        me._labelSizes = null;
-        me._gridLineItems = null;
-        me._labelItems = null;
-        me.beforeSetDimensions();
-        me.setDimensions();
-        me.afterSetDimensions();
-        me._maxLength = me.isHorizontal() ? me.width + margins.left + margins.right : me.height + margins.top + margins.bottom;
-
-        if (!me._dataLimitsCached) {
-          me.beforeDataLimits();
-          me.determineDataLimits();
-          me.afterDataLimits();
-          me._dataLimitsCached = true;
-        }
-
-        me.beforeBuildTicks();
-        me.ticks = me.buildTicks() || [];
-        me.afterBuildTicks();
-        var samplingEnabled = sampleSize < me.ticks.length;
-
-        me._convertTicksToLabels(samplingEnabled ? sample(me.ticks, sampleSize) : me.ticks);
-
-        me.configure();
-        me.beforeCalculateLabelRotation();
-        me.calculateLabelRotation();
-        me.afterCalculateLabelRotation();
-
-        if (tickOpts.display && (tickOpts.autoSkip || tickOpts.source === 'auto')) {
-          me.ticks = autoSkip(me, me.ticks);
-          me._labelSizes = null;
+      key: "getMaxOverflow",
+      value: function getMaxOverflow() {
+        var meta = this._cachedMeta;
+        var data = meta.data || [];
+        if (!this.options.showLine) {
+          var max = 0;
+          for (var i = data.length - 1; i >= 0; --i) {
+            max = Math.max(max, data[i].size(this.resolveDataElementOptions(i)) / 2);
+          }
+          return max > 0 && max;
         }
-
-        if (samplingEnabled) {
-          me._convertTicksToLabels(me.ticks);
+        var dataset = meta.dataset;
+        var border = dataset.options && dataset.options.borderWidth || 0;
+        if (!data.length) {
+          return border;
         }
-
-        me.beforeFit();
-        me.fit();
-        me.afterFit();
-        me.afterUpdate();
+        var firstPoint = data[0].size(this.resolveDataElementOptions(0));
+        var lastPoint = data[data.length - 1].size(this.resolveDataElementOptions(data.length - 1));
+        return Math.max(border, firstPoint, lastPoint) / 2;
       }
-    }, {
-      key: "configure",
-      value: function configure() {
-        var me = this;
-        var reversePixels = me.options.reverse;
-        var startPixel, endPixel;
-
-        if (me.isHorizontal()) {
-          startPixel = me.left;
-          endPixel = me.right;
-        } else {
-          startPixel = me.top;
-          endPixel = me.bottom;
-          reversePixels = !reversePixels;
-        }
-
-        me._startPixel = startPixel;
-        me._endPixel = endPixel;
-        me._reversePixels = reversePixels;
-        me._length = endPixel - startPixel;
-        me._alignToPixels = me.options.alignToPixels;
+    }]);
+    return ScatterController;
+  }(DatasetController);
+  _defineProperty$w(ScatterController, "id", 'scatter');
+  _defineProperty$w(ScatterController, "defaults", {
+    datasetElementType: false,
+    dataElementType: 'point',
+    showLine: false,
+    fill: false
+  });
+  _defineProperty$w(ScatterController, "overrides", {
+    interaction: {
+      mode: 'point'
+    },
+    scales: {
+      x: {
+        type: 'linear'
+      },
+      y: {
+        type: 'linear'
       }
+    }
+  });
+  var controllers = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    BarController: BarController,
+    BubbleController: BubbleController,
+    DoughnutController: DoughnutController,
+    LineController: LineController,
+    PolarAreaController: PolarAreaController,
+    PieController: PieController,
+    RadarController: RadarController,
+    ScatterController: ScatterController
+  });
+
+  /**
+   * @namespace Chart._adapters
+   * @since 2.8.0
+   * @private
+   */
+  function _abstract() {
+    throw new Error('This method is not implemented: Check that a complete date adapter is provided.');
+  }
+  /**
+   * Date adapter (current used by the time scale)
+   * @namespace Chart._adapters._date
+   * @memberof Chart._adapters
+   * @private
+   */
+  var DateAdapterBase = /*#__PURE__*/function () {
+    function DateAdapterBase(options) {
+      _classCallCheck$x(this, DateAdapterBase);
+      this.options = options || {};
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    _createClass$x(DateAdapterBase, [{
+      key: "init",
+      value: function init() {}
     }, {
-      key: "afterUpdate",
-      value: function afterUpdate() {
-        callback(this.options.afterUpdate, [this]);
+      key: "formats",
+      value: function formats() {
+        return _abstract();
       }
     }, {
-      key: "beforeSetDimensions",
-      value: function beforeSetDimensions() {
-        callback(this.options.beforeSetDimensions, [this]);
+      key: "parse",
+      value: function parse() {
+        return _abstract();
       }
     }, {
-      key: "setDimensions",
-      value: function setDimensions() {
-        var me = this;
-
-        if (me.isHorizontal()) {
-          me.width = me.maxWidth;
-          me.left = 0;
-          me.right = me.width;
-        } else {
-          me.height = me.maxHeight;
-          me.top = 0;
-          me.bottom = me.height;
-        }
-
-        me.paddingLeft = 0;
-        me.paddingTop = 0;
-        me.paddingRight = 0;
-        me.paddingBottom = 0;
+      key: "format",
+      value: function format() {
+        return _abstract();
       }
     }, {
-      key: "afterSetDimensions",
-      value: function afterSetDimensions() {
-        callback(this.options.afterSetDimensions, [this]);
+      key: "add",
+      value: function add() {
+        return _abstract();
       }
     }, {
-      key: "_callHooks",
-      value: function _callHooks(name) {
-        var me = this;
-        me.chart.notifyPlugins(name, me.getContext());
-        callback(me.options[name], [me]);
+      key: "diff",
+      value: function diff() {
+        return _abstract();
       }
     }, {
-      key: "beforeDataLimits",
-      value: function beforeDataLimits() {
-        this._callHooks('beforeDataLimits');
+      key: "startOf",
+      value: function startOf() {
+        return _abstract();
       }
     }, {
-      key: "determineDataLimits",
-      value: function determineDataLimits() {}
-    }, {
-      key: "afterDataLimits",
-      value: function afterDataLimits() {
-        this._callHooks('afterDataLimits');
+      key: "endOf",
+      value: function endOf() {
+        return _abstract();
       }
-    }, {
-      key: "beforeBuildTicks",
-      value: function beforeBuildTicks() {
-        this._callHooks('beforeBuildTicks');
+    }], [{
+      key: "override",
+      value:
+      /**
+      * Override default date adapter methods.
+      * Accepts type parameter to define options type.
+      * @example
+      * Chart._adapters._date.override<{myAdapterOption: string}>({
+      *   init() {
+      *     console.log(this.options.myAdapterOption);
+      *   }
+      * })
+      */
+      function override(members) {
+        Object.assign(DateAdapterBase.prototype, members);
       }
-    }, {
-      key: "buildTicks",
-      value: function buildTicks() {
-        return [];
+    }]);
+    return DateAdapterBase;
+  }();
+  var adapters = {
+    _date: DateAdapterBase
+  };
+  function binarySearch(metaset, axis, value, intersect) {
+    var controller = metaset.controller,
+      data = metaset.data,
+      _sorted = metaset._sorted;
+    var iScale = controller._cachedMeta.iScale;
+    if (iScale && axis === iScale.axis && axis !== 'r' && _sorted && data.length) {
+      var lookupMethod = iScale._reversePixels ? _rlookupByKey : _lookupByKey;
+      if (!intersect) {
+        return lookupMethod(data, axis, value);
+      } else if (controller._sharedOptions) {
+        var el = data[0];
+        var range = typeof el.getRange === 'function' && el.getRange(axis);
+        if (range) {
+          var start = lookupMethod(data, axis, value - range);
+          var end = lookupMethod(data, axis, value + range);
+          return {
+            lo: start.lo,
+            hi: end.hi
+          };
+        }
       }
-    }, {
-      key: "afterBuildTicks",
-      value: function afterBuildTicks() {
-        this._callHooks('afterBuildTicks');
+    }
+    return {
+      lo: 0,
+      hi: data.length - 1
+    };
+  }
+  function evaluateInteractionItems(chart, axis, position, handler, intersect) {
+    var metasets = chart.getSortedVisibleDatasetMetas();
+    var value = position[axis];
+    for (var i = 0, ilen = metasets.length; i < ilen; ++i) {
+      var _metasets$i = metasets[i],
+        _index2 = _metasets$i.index,
+        data = _metasets$i.data;
+      var _binarySearch = binarySearch(metasets[i], axis, value, intersect),
+        lo = _binarySearch.lo,
+        hi = _binarySearch.hi;
+      for (var j = lo; j <= hi; ++j) {
+        var element = data[j];
+        if (!element.skip) {
+          handler(element, _index2, j);
+        }
       }
-    }, {
-      key: "beforeTickToLabelConversion",
-      value: function beforeTickToLabelConversion() {
-        callback(this.options.beforeTickToLabelConversion, [this]);
+    }
+  }
+  function getDistanceMetricForAxis(axis) {
+    var useX = axis.indexOf('x') !== -1;
+    var useY = axis.indexOf('y') !== -1;
+    return function (pt1, pt2) {
+      var deltaX = useX ? Math.abs(pt1.x - pt2.x) : 0;
+      var deltaY = useY ? Math.abs(pt1.y - pt2.y) : 0;
+      return Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));
+    };
+  }
+  function getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible) {
+    var items = [];
+    if (!includeInvisible && !chart.isPointInArea(position)) {
+      return items;
+    }
+    var evaluationFunc = function evaluationFunc(element, datasetIndex, index) {
+      if (!includeInvisible && !_isPointInArea(element, chart.chartArea, 0)) {
+        return;
       }
-    }, {
-      key: "generateTickLabels",
-      value: function generateTickLabels(ticks) {
-        var me = this;
-        var tickOpts = me.options.ticks;
-        var i, ilen, tick;
-
-        for (i = 0, ilen = ticks.length; i < ilen; i++) {
-          tick = ticks[i];
-          tick.label = callback(tickOpts.callback, [tick.value, i, ticks], me);
-        }
+      if (element.inRange(position.x, position.y, useFinalPosition)) {
+        items.push({
+          element: element,
+          datasetIndex: datasetIndex,
+          index: index
+        });
       }
-    }, {
-      key: "afterTickToLabelConversion",
-      value: function afterTickToLabelConversion() {
-        callback(this.options.afterTickToLabelConversion, [this]);
+    };
+    evaluateInteractionItems(chart, axis, position, evaluationFunc, true);
+    return items;
+  }
+  function getNearestRadialItems(chart, position, axis, useFinalPosition) {
+    var items = [];
+    function evaluationFunc(element, datasetIndex, index) {
+      var _element$getProps = element.getProps(['startAngle', 'endAngle'], useFinalPosition),
+        startAngle = _element$getProps.startAngle,
+        endAngle = _element$getProps.endAngle;
+      var _getAngleFromPoint = getAngleFromPoint(element, {
+          x: position.x,
+          y: position.y
+        }),
+        angle = _getAngleFromPoint.angle;
+      if (_angleBetween(angle, startAngle, endAngle)) {
+        items.push({
+          element: element,
+          datasetIndex: datasetIndex,
+          index: index
+        });
       }
-    }, {
-      key: "beforeCalculateLabelRotation",
-      value: function beforeCalculateLabelRotation() {
-        callback(this.options.beforeCalculateLabelRotation, [this]);
+    }
+    evaluateInteractionItems(chart, axis, position, evaluationFunc);
+    return items;
+  }
+  function getNearestCartesianItems(chart, position, axis, intersect, useFinalPosition, includeInvisible) {
+    var items = [];
+    var distanceMetric = getDistanceMetricForAxis(axis);
+    var minDistance = Number.POSITIVE_INFINITY;
+    function evaluationFunc(element, datasetIndex, index) {
+      var inRange = element.inRange(position.x, position.y, useFinalPosition);
+      if (intersect && !inRange) {
+        return;
       }
-    }, {
-      key: "calculateLabelRotation",
-      value: function calculateLabelRotation() {
-        var me = this;
-        var options = me.options;
-        var tickOpts = options.ticks;
-        var numTicks = me.ticks.length;
-        var minRotation = tickOpts.minRotation || 0;
-        var maxRotation = tickOpts.maxRotation;
-        var labelRotation = minRotation;
-        var tickWidth, maxHeight, maxLabelDiagonal;
-
-        if (!me._isVisible() || !tickOpts.display || minRotation >= maxRotation || numTicks <= 1 || !me.isHorizontal()) {
-          me.labelRotation = minRotation;
-          return;
-        }
-
-        var labelSizes = me._getLabelSizes();
-
-        var maxLabelWidth = labelSizes.widest.width;
-        var maxLabelHeight = labelSizes.highest.height;
-
-        var maxWidth = _limitValue(me.chart.width - maxLabelWidth, 0, me.maxWidth);
-
-        tickWidth = options.offset ? me.maxWidth / numTicks : maxWidth / (numTicks - 1);
-
-        if (maxLabelWidth + 6 > tickWidth) {
-          tickWidth = maxWidth / (numTicks - (options.offset ? 0.5 : 1));
-          maxHeight = me.maxHeight - getTickMarkLength(options.grid) - tickOpts.padding - getTitleHeight(options.title, me.chart.options.font);
-          maxLabelDiagonal = Math.sqrt(maxLabelWidth * maxLabelWidth + maxLabelHeight * maxLabelHeight);
-          labelRotation = toDegrees(Math.min(Math.asin(Math.min((labelSizes.highest.height + 6) / tickWidth, 1)), Math.asin(Math.min(maxHeight / maxLabelDiagonal, 1)) - Math.asin(maxLabelHeight / maxLabelDiagonal)));
-          labelRotation = Math.max(minRotation, Math.min(maxRotation, labelRotation));
-        }
-
-        me.labelRotation = labelRotation;
+      var center = element.getCenterPoint(useFinalPosition);
+      var pointInArea = !!includeInvisible || chart.isPointInArea(center);
+      if (!pointInArea && !inRange) {
+        return;
       }
-    }, {
-      key: "afterCalculateLabelRotation",
-      value: function afterCalculateLabelRotation() {
-        callback(this.options.afterCalculateLabelRotation, [this]);
+      var distance = distanceMetric(position, center);
+      if (distance < minDistance) {
+        items = [{
+          element: element,
+          datasetIndex: datasetIndex,
+          index: index
+        }];
+        minDistance = distance;
+      } else if (distance === minDistance) {
+        items.push({
+          element: element,
+          datasetIndex: datasetIndex,
+          index: index
+        });
       }
-    }, {
-      key: "beforeFit",
-      value: function beforeFit() {
-        callback(this.options.beforeFit, [this]);
+    }
+    evaluateInteractionItems(chart, axis, position, evaluationFunc);
+    return items;
+  }
+  function getNearestItems(chart, position, axis, intersect, useFinalPosition, includeInvisible) {
+    if (!includeInvisible && !chart.isPointInArea(position)) {
+      return [];
+    }
+    return axis === 'r' && !intersect ? getNearestRadialItems(chart, position, axis, useFinalPosition) : getNearestCartesianItems(chart, position, axis, intersect, useFinalPosition, includeInvisible);
+  }
+  function getAxisItems(chart, position, axis, intersect, useFinalPosition) {
+    var items = [];
+    var rangeMethod = axis === 'x' ? 'inXRange' : 'inYRange';
+    var intersectsItem = false;
+    evaluateInteractionItems(chart, axis, position, function (element, datasetIndex, index) {
+      if (element[rangeMethod](position[axis], useFinalPosition)) {
+        items.push({
+          element: element,
+          datasetIndex: datasetIndex,
+          index: index
+        });
+        intersectsItem = intersectsItem || element.inRange(position.x, position.y, useFinalPosition);
       }
-    }, {
-      key: "fit",
-      value: function fit() {
-        var me = this;
-        var minSize = {
-          width: 0,
-          height: 0
-        };
-        var chart = me.chart,
-            _me$options2 = me.options,
-            tickOpts = _me$options2.ticks,
-            titleOpts = _me$options2.title,
-            gridOpts = _me$options2.grid;
-
-        var display = me._isVisible();
-
-        var isHorizontal = me.isHorizontal();
-
-        if (display) {
-          var titleHeight = getTitleHeight(titleOpts, chart.options.font);
-
-          if (isHorizontal) {
-            minSize.width = me.maxWidth;
-            minSize.height = getTickMarkLength(gridOpts) + titleHeight;
-          } else {
-            minSize.height = me.maxHeight;
-            minSize.width = getTickMarkLength(gridOpts) + titleHeight;
+    });
+    if (intersect && !intersectsItem) {
+      return [];
+    }
+    return items;
+  }
+  var Interaction = {
+    evaluateInteractionItems: evaluateInteractionItems,
+    modes: {
+      index: function index(chart, e, options, useFinalPosition) {
+        var position = getRelativePosition(e, chart);
+        var axis = options.axis || 'x';
+        var includeInvisible = options.includeInvisible || false;
+        var items = options.intersect ? getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible) : getNearestItems(chart, position, axis, false, useFinalPosition, includeInvisible);
+        var elements = [];
+        if (!items.length) {
+          return [];
+        }
+        chart.getSortedVisibleDatasetMetas().forEach(function (meta) {
+          var index = items[0].index;
+          var element = meta.data[index];
+          if (element && !element.skip) {
+            elements.push({
+              element: element,
+              datasetIndex: meta.index,
+              index: index
+            });
           }
-
-          if (tickOpts.display && me.ticks.length) {
-            var _me$_getLabelSizes = me._getLabelSizes(),
-                first = _me$_getLabelSizes.first,
-                last = _me$_getLabelSizes.last,
-                widest = _me$_getLabelSizes.widest,
-                highest = _me$_getLabelSizes.highest;
-
-            var tickPadding = tickOpts.padding * 2;
-            var angleRadians = toRadians(me.labelRotation);
-            var cos = Math.cos(angleRadians);
-            var sin = Math.sin(angleRadians);
-
-            if (isHorizontal) {
-              var labelHeight = sin * widest.width + cos * highest.height;
-              minSize.height = Math.min(me.maxHeight, minSize.height + labelHeight + tickPadding);
-            } else {
-              var labelWidth = tickOpts.mirror ? 0 : cos * widest.width + sin * highest.height;
-              minSize.width = Math.min(me.maxWidth, minSize.width + labelWidth + tickPadding);
-            }
-
-            me._calculatePadding(first, last, sin, cos);
+        });
+        return elements;
+      },
+      dataset: function dataset(chart, e, options, useFinalPosition) {
+        var position = getRelativePosition(e, chart);
+        var axis = options.axis || 'xy';
+        var includeInvisible = options.includeInvisible || false;
+        var items = options.intersect ? getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible) : getNearestItems(chart, position, axis, false, useFinalPosition, includeInvisible);
+        if (items.length > 0) {
+          var datasetIndex = items[0].datasetIndex;
+          var data = chart.getDatasetMeta(datasetIndex).data;
+          items = [];
+          for (var i = 0; i < data.length; ++i) {
+            items.push({
+              element: data[i],
+              datasetIndex: datasetIndex,
+              index: i
+            });
           }
         }
-
-        me._handleMargins();
-
-        if (isHorizontal) {
-          me.width = me._length = chart.width - me._margins.left - me._margins.right;
-          me.height = minSize.height;
-        } else {
-          me.width = minSize.width;
-          me.height = me._length = chart.height - me._margins.top - me._margins.bottom;
-        }
+        return items;
+      },
+      point: function point(chart, e, options, useFinalPosition) {
+        var position = getRelativePosition(e, chart);
+        var axis = options.axis || 'xy';
+        var includeInvisible = options.includeInvisible || false;
+        return getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible);
+      },
+      nearest: function nearest(chart, e, options, useFinalPosition) {
+        var position = getRelativePosition(e, chart);
+        var axis = options.axis || 'xy';
+        var includeInvisible = options.includeInvisible || false;
+        return getNearestItems(chart, position, axis, options.intersect, useFinalPosition, includeInvisible);
+      },
+      x: function x(chart, e, options, useFinalPosition) {
+        var position = getRelativePosition(e, chart);
+        return getAxisItems(chart, position, 'x', options.intersect, useFinalPosition);
+      },
+      y: function y(chart, e, options, useFinalPosition) {
+        var position = getRelativePosition(e, chart);
+        return getAxisItems(chart, position, 'y', options.intersect, useFinalPosition);
       }
-    }, {
-      key: "_calculatePadding",
-      value: function _calculatePadding(first, last, sin, cos) {
-        var me = this;
-        var _me$options3 = me.options,
-            _me$options3$ticks = _me$options3.ticks,
-            align = _me$options3$ticks.align,
-            padding = _me$options3$ticks.padding,
-            position = _me$options3.position;
-        var isRotated = me.labelRotation !== 0;
-        var labelsBelowTicks = position !== 'top' && me.axis === 'x';
-
-        if (me.isHorizontal()) {
-          var offsetLeft = me.getPixelForTick(0) - me.left;
-          var offsetRight = me.right - me.getPixelForTick(me.ticks.length - 1);
-          var paddingLeft = 0;
-          var paddingRight = 0;
-
-          if (isRotated) {
-            if (labelsBelowTicks) {
-              paddingLeft = cos * first.width;
-              paddingRight = sin * last.height;
-            } else {
-              paddingLeft = sin * first.height;
-              paddingRight = cos * last.width;
-            }
-          } else if (align === 'start') {
-            paddingRight = last.width;
-          } else if (align === 'end') {
-            paddingLeft = first.width;
-          } else {
-            paddingLeft = first.width / 2;
-            paddingRight = last.width / 2;
-          }
-
-          me.paddingLeft = Math.max((paddingLeft - offsetLeft + padding) * me.width / (me.width - offsetLeft), 0);
-          me.paddingRight = Math.max((paddingRight - offsetRight + padding) * me.width / (me.width - offsetRight), 0);
-        } else {
-          var paddingTop = last.height / 2;
-          var paddingBottom = first.height / 2;
-
-          if (align === 'start') {
-            paddingTop = 0;
-            paddingBottom = first.height;
-          } else if (align === 'end') {
-            paddingTop = last.height;
-            paddingBottom = 0;
-          }
-
-          me.paddingTop = paddingTop + padding;
-          me.paddingBottom = paddingBottom + padding;
+    }
+  };
+  var STATIC_POSITIONS = ['left', 'top', 'right', 'bottom'];
+  function filterByPosition(array, position) {
+    return array.filter(function (v) {
+      return v.pos === position;
+    });
+  }
+  function filterDynamicPositionByAxis(array, axis) {
+    return array.filter(function (v) {
+      return STATIC_POSITIONS.indexOf(v.pos) === -1 && v.box.axis === axis;
+    });
+  }
+  function sortByWeight(array, reverse) {
+    return array.sort(function (a, b) {
+      var v0 = reverse ? b : a;
+      var v1 = reverse ? a : b;
+      return v0.weight === v1.weight ? v0.index - v1.index : v0.weight - v1.weight;
+    });
+  }
+  function wrapBoxes(boxes) {
+    var layoutBoxes = [];
+    var i, ilen, box, pos, stack, stackWeight;
+    for (i = 0, ilen = (boxes || []).length; i < ilen; ++i) {
+      box = boxes[i];
+      var _box = box;
+      pos = _box.position;
+      var _box$options = _box.options;
+      stack = _box$options.stack;
+      var _box$options$stackWei = _box$options.stackWeight;
+      stackWeight = _box$options$stackWei === void 0 ? 1 : _box$options$stackWei;
+      layoutBoxes.push({
+        index: i,
+        box: box,
+        pos: pos,
+        horizontal: box.isHorizontal(),
+        weight: box.weight,
+        stack: stack && pos + stack,
+        stackWeight: stackWeight
+      });
+    }
+    return layoutBoxes;
+  }
+  function buildStacks(layouts) {
+    var stacks = {};
+    var _iterator5 = _createForOfIteratorHelper$1(layouts),
+      _step5;
+    try {
+      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+        var wrap = _step5.value;
+        var stack = wrap.stack,
+          pos = wrap.pos,
+          stackWeight = wrap.stackWeight;
+        if (!stack || !STATIC_POSITIONS.includes(pos)) {
+          continue;
         }
+        var _stack = stacks[stack] || (stacks[stack] = {
+          count: 0,
+          placed: 0,
+          weight: 0,
+          size: 0
+        });
+        _stack.count++;
+        _stack.weight += stackWeight;
       }
-    }, {
-      key: "_handleMargins",
-      value: function _handleMargins() {
-        var me = this;
-
-        if (me._margins) {
-          me._margins.left = Math.max(me.paddingLeft, me._margins.left);
-          me._margins.top = Math.max(me.paddingTop, me._margins.top);
-          me._margins.right = Math.max(me.paddingRight, me._margins.right);
-          me._margins.bottom = Math.max(me.paddingBottom, me._margins.bottom);
-        }
+    } catch (err) {
+      _iterator5.e(err);
+    } finally {
+      _iterator5.f();
+    }
+    return stacks;
+  }
+  function setLayoutDims(layouts, params) {
+    var stacks = buildStacks(layouts);
+    var vBoxMaxWidth = params.vBoxMaxWidth,
+      hBoxMaxHeight = params.hBoxMaxHeight;
+    var i, ilen, layout;
+    for (i = 0, ilen = layouts.length; i < ilen; ++i) {
+      layout = layouts[i];
+      var fullSize = layout.box.fullSize;
+      var stack = stacks[layout.stack];
+      var factor = stack && layout.stackWeight / stack.weight;
+      if (layout.horizontal) {
+        layout.width = factor ? factor * vBoxMaxWidth : fullSize && params.availableWidth;
+        layout.height = hBoxMaxHeight;
+      } else {
+        layout.width = vBoxMaxWidth;
+        layout.height = factor ? factor * hBoxMaxHeight : fullSize && params.availableHeight;
       }
-    }, {
-      key: "afterFit",
-      value: function afterFit() {
-        callback(this.options.afterFit, [this]);
+    }
+    return stacks;
+  }
+  function buildLayoutBoxes(boxes) {
+    var layoutBoxes = wrapBoxes(boxes);
+    var fullSize = sortByWeight(layoutBoxes.filter(function (wrap) {
+      return wrap.box.fullSize;
+    }), true);
+    var left = sortByWeight(filterByPosition(layoutBoxes, 'left'), true);
+    var right = sortByWeight(filterByPosition(layoutBoxes, 'right'));
+    var top = sortByWeight(filterByPosition(layoutBoxes, 'top'), true);
+    var bottom = sortByWeight(filterByPosition(layoutBoxes, 'bottom'));
+    var centerHorizontal = filterDynamicPositionByAxis(layoutBoxes, 'x');
+    var centerVertical = filterDynamicPositionByAxis(layoutBoxes, 'y');
+    return {
+      fullSize: fullSize,
+      leftAndTop: left.concat(top),
+      rightAndBottom: right.concat(centerVertical).concat(bottom).concat(centerHorizontal),
+      chartArea: filterByPosition(layoutBoxes, 'chartArea'),
+      vertical: left.concat(right).concat(centerVertical),
+      horizontal: top.concat(bottom).concat(centerHorizontal)
+    };
+  }
+  function getCombinedMax(maxPadding, chartArea, a, b) {
+    return Math.max(maxPadding[a], chartArea[a]) + Math.max(maxPadding[b], chartArea[b]);
+  }
+  function updateMaxPadding(maxPadding, boxPadding) {
+    maxPadding.top = Math.max(maxPadding.top, boxPadding.top);
+    maxPadding.left = Math.max(maxPadding.left, boxPadding.left);
+    maxPadding.bottom = Math.max(maxPadding.bottom, boxPadding.bottom);
+    maxPadding.right = Math.max(maxPadding.right, boxPadding.right);
+  }
+  function updateDims(chartArea, params, layout, stacks) {
+    var pos = layout.pos,
+      box = layout.box;
+    var maxPadding = chartArea.maxPadding;
+    if (!isObject(pos)) {
+      if (layout.size) {
+        chartArea[pos] -= layout.size;
       }
-    }, {
-      key: "isHorizontal",
-      value: function isHorizontal() {
-        var _this$options = this.options,
-            axis = _this$options.axis,
-            position = _this$options.position;
-        return position === 'top' || position === 'bottom' || axis === 'x';
+      var stack = stacks[layout.stack] || {
+        size: 0,
+        count: 1
+      };
+      stack.size = Math.max(stack.size, layout.horizontal ? box.height : box.width);
+      layout.size = stack.size / stack.count;
+      chartArea[pos] += layout.size;
+    }
+    if (box.getPadding) {
+      updateMaxPadding(maxPadding, box.getPadding());
+    }
+    var newWidth = Math.max(0, params.outerWidth - getCombinedMax(maxPadding, chartArea, 'left', 'right'));
+    var newHeight = Math.max(0, params.outerHeight - getCombinedMax(maxPadding, chartArea, 'top', 'bottom'));
+    var widthChanged = newWidth !== chartArea.w;
+    var heightChanged = newHeight !== chartArea.h;
+    chartArea.w = newWidth;
+    chartArea.h = newHeight;
+    return layout.horizontal ? {
+      same: widthChanged,
+      other: heightChanged
+    } : {
+      same: heightChanged,
+      other: widthChanged
+    };
+  }
+  function handleMaxPadding(chartArea) {
+    var maxPadding = chartArea.maxPadding;
+    function updatePos(pos) {
+      var change = Math.max(maxPadding[pos] - chartArea[pos], 0);
+      chartArea[pos] += change;
+      return change;
+    }
+    chartArea.y += updatePos('top');
+    chartArea.x += updatePos('left');
+    updatePos('right');
+    updatePos('bottom');
+  }
+  function getMargins(horizontal, chartArea) {
+    var maxPadding = chartArea.maxPadding;
+    function marginForPositions(positions) {
+      var margin = {
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0
+      };
+      positions.forEach(function (pos) {
+        margin[pos] = Math.max(chartArea[pos], maxPadding[pos]);
+      });
+      return margin;
+    }
+    return horizontal ? marginForPositions(['left', 'right']) : marginForPositions(['top', 'bottom']);
+  }
+  function fitBoxes(boxes, chartArea, params, stacks) {
+    var refitBoxes = [];
+    var i, ilen, layout, box, refit, changed;
+    for (i = 0, ilen = boxes.length, refit = 0; i < ilen; ++i) {
+      layout = boxes[i];
+      box = layout.box;
+      box.update(layout.width || chartArea.w, layout.height || chartArea.h, getMargins(layout.horizontal, chartArea));
+      var _updateDims = updateDims(chartArea, params, layout, stacks),
+        same = _updateDims.same,
+        other = _updateDims.other;
+      refit |= same && refitBoxes.length;
+      changed = changed || other;
+      if (!box.fullSize) {
+        refitBoxes.push(layout);
       }
-    }, {
-      key: "isFullSize",
-      value: function isFullSize() {
-        return this.options.fullSize;
+    }
+    return refit && fitBoxes(refitBoxes, chartArea, params, stacks) || changed;
+  }
+  function setBoxDims(box, left, top, width, height) {
+    box.top = top;
+    box.left = left;
+    box.right = left + width;
+    box.bottom = top + height;
+    box.width = width;
+    box.height = height;
+  }
+  function placeBoxes(boxes, chartArea, params, stacks) {
+    var userPadding = params.padding;
+    var x = chartArea.x,
+      y = chartArea.y;
+    var _iterator6 = _createForOfIteratorHelper$1(boxes),
+      _step6;
+    try {
+      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+        var layout = _step6.value;
+        var box = layout.box;
+        var stack = stacks[layout.stack] || {
+          count: 1,
+          placed: 0,
+          weight: 1
+        };
+        var weight = layout.stackWeight / stack.weight || 1;
+        if (layout.horizontal) {
+          var width = chartArea.w * weight;
+          var height = stack.size || box.height;
+          if (defined(stack.start)) {
+            y = stack.start;
+          }
+          if (box.fullSize) {
+            setBoxDims(box, userPadding.left, y, params.outerWidth - userPadding.right - userPadding.left, height);
+          } else {
+            setBoxDims(box, chartArea.left + stack.placed, y, width, height);
+          }
+          stack.start = y;
+          stack.placed += width;
+          y = box.bottom;
+        } else {
+          var height1 = chartArea.h * weight;
+          var width1 = stack.size || box.width;
+          if (defined(stack.start)) {
+            x = stack.start;
+          }
+          if (box.fullSize) {
+            setBoxDims(box, x, userPadding.top, width1, params.outerHeight - userPadding.bottom - userPadding.top);
+          } else {
+            setBoxDims(box, x, chartArea.top + stack.placed, width1, height1);
+          }
+          stack.start = x;
+          stack.placed += height1;
+          x = box.right;
+        }
       }
-    }, {
-      key: "_convertTicksToLabels",
-      value: function _convertTicksToLabels(ticks) {
-        var me = this;
-        me.beforeTickToLabelConversion();
-        me.generateTickLabels(ticks);
-        me.afterTickToLabelConversion();
+    } catch (err) {
+      _iterator6.e(err);
+    } finally {
+      _iterator6.f();
+    }
+    chartArea.x = x;
+    chartArea.y = y;
+  }
+  var layouts = {
+    addBox: function addBox(chart, item) {
+      if (!chart.boxes) {
+        chart.boxes = [];
       }
-    }, {
-      key: "_getLabelSizes",
-      value: function _getLabelSizes() {
-        var me = this;
-        var labelSizes = me._labelSizes;
-
-        if (!labelSizes) {
-          var sampleSize = me.options.ticks.sampleSize;
-          var ticks = me.ticks;
-
-          if (sampleSize < ticks.length) {
-            ticks = sample(ticks, sampleSize);
+      item.fullSize = item.fullSize || false;
+      item.position = item.position || 'top';
+      item.weight = item.weight || 0;
+      item._layers = item._layers || function () {
+        return [{
+          z: 0,
+          draw: function draw(chartArea) {
+            item.draw(chartArea);
           }
-
-          me._labelSizes = labelSizes = me._computeLabelSizes(ticks, ticks.length);
-        }
-
-        return labelSizes;
+        }];
+      };
+      chart.boxes.push(item);
+    },
+    removeBox: function removeBox(chart, layoutItem) {
+      var index = chart.boxes ? chart.boxes.indexOf(layoutItem) : -1;
+      if (index !== -1) {
+        chart.boxes.splice(index, 1);
       }
-    }, {
-      key: "_computeLabelSizes",
-      value: function _computeLabelSizes(ticks, length) {
-        var ctx = this.ctx,
-            caches = this._longestTextCache;
-        var widths = [];
-        var heights = [];
-        var widestLabelSize = 0;
-        var highestLabelSize = 0;
-        var i, j, jlen, label, tickFont, fontString, cache, lineHeight, width, height, nestedLabel;
-
-        for (i = 0; i < length; ++i) {
-          label = ticks[i].label;
-          tickFont = this._resolveTickFontOptions(i);
-          ctx.font = fontString = tickFont.string;
-          cache = caches[fontString] = caches[fontString] || {
-            data: {},
-            gc: []
-          };
-          lineHeight = tickFont.lineHeight;
-          width = height = 0;
-
-          if (!isNullOrUndef(label) && !isArray(label)) {
-            width = _measureText(ctx, cache.data, cache.gc, width, label);
-            height = lineHeight;
-          } else if (isArray(label)) {
-            for (j = 0, jlen = label.length; j < jlen; ++j) {
-              nestedLabel = label[j];
-
-              if (!isNullOrUndef(nestedLabel) && !isArray(nestedLabel)) {
-                width = _measureText(ctx, cache.data, cache.gc, width, nestedLabel);
-                height += lineHeight;
-              }
-            }
-          }
-
-          widths.push(width);
-          heights.push(height);
-          widestLabelSize = Math.max(width, widestLabelSize);
-          highestLabelSize = Math.max(height, highestLabelSize);
+    },
+    configure: function configure(chart, item, options) {
+      item.fullSize = options.fullSize;
+      item.position = options.position;
+      item.weight = options.weight;
+    },
+    update: function update(chart, width, height, minPadding) {
+      if (!chart) {
+        return;
+      }
+      var padding = toPadding(chart.options.layout.padding);
+      var availableWidth = Math.max(width - padding.width, 0);
+      var availableHeight = Math.max(height - padding.height, 0);
+      var boxes = buildLayoutBoxes(chart.boxes);
+      var verticalBoxes = boxes.vertical;
+      var horizontalBoxes = boxes.horizontal;
+      each(chart.boxes, function (box) {
+        if (typeof box.beforeLayout === 'function') {
+          box.beforeLayout();
         }
-
-        garbageCollect(caches, length);
-        var widest = widths.indexOf(widestLabelSize);
-        var highest = heights.indexOf(highestLabelSize);
-
-        var valueAt = function valueAt(idx) {
-          return {
-            width: widths[idx] || 0,
-            height: heights[idx] || 0
-          };
-        };
-
-        return {
-          first: valueAt(0),
-          last: valueAt(length - 1),
-          widest: valueAt(widest),
-          highest: valueAt(highest)
-        };
+      });
+      var visibleVerticalBoxCount = verticalBoxes.reduce(function (total, wrap) {
+        return wrap.box.options && wrap.box.options.display === false ? total : total + 1;
+      }, 0) || 1;
+      var params = Object.freeze({
+        outerWidth: width,
+        outerHeight: height,
+        padding: padding,
+        availableWidth: availableWidth,
+        availableHeight: availableHeight,
+        vBoxMaxWidth: availableWidth / 2 / visibleVerticalBoxCount,
+        hBoxMaxHeight: availableHeight / 2
+      });
+      var maxPadding = Object.assign({}, padding);
+      updateMaxPadding(maxPadding, toPadding(minPadding));
+      var chartArea = Object.assign({
+        maxPadding: maxPadding,
+        w: availableWidth,
+        h: availableHeight,
+        x: padding.left,
+        y: padding.top
+      }, padding);
+      var stacks = setLayoutDims(verticalBoxes.concat(horizontalBoxes), params);
+      fitBoxes(boxes.fullSize, chartArea, params, stacks);
+      fitBoxes(verticalBoxes, chartArea, params, stacks);
+      if (fitBoxes(horizontalBoxes, chartArea, params, stacks)) {
+        fitBoxes(verticalBoxes, chartArea, params, stacks);
       }
+      handleMaxPadding(chartArea);
+      placeBoxes(boxes.leftAndTop, chartArea, params, stacks);
+      chartArea.x += chartArea.w;
+      chartArea.y += chartArea.h;
+      placeBoxes(boxes.rightAndBottom, chartArea, params, stacks);
+      chart.chartArea = {
+        left: chartArea.left,
+        top: chartArea.top,
+        right: chartArea.left + chartArea.w,
+        bottom: chartArea.top + chartArea.h,
+        height: chartArea.h,
+        width: chartArea.w
+      };
+      each(boxes.chartArea, function (layout) {
+        var box = layout.box;
+        Object.assign(box, chart.chartArea);
+        box.update(chartArea.w, chartArea.h, {
+          left: 0,
+          top: 0,
+          right: 0,
+          bottom: 0
+        });
+      });
+    }
+  };
+  var BasePlatform = /*#__PURE__*/function () {
+    function BasePlatform() {
+      _classCallCheck$x(this, BasePlatform);
+    }
+    _createClass$x(BasePlatform, [{
+      key: "acquireContext",
+      value: function acquireContext(canvas, aspectRatio) {}
     }, {
-      key: "getLabelForValue",
-      value: function getLabelForValue(value) {
-        return value;
+      key: "releaseContext",
+      value: function releaseContext(context) {
+        return false;
       }
     }, {
-      key: "getPixelForValue",
-      value: function getPixelForValue(value, index) {
-        return NaN;
-      }
+      key: "addEventListener",
+      value: function addEventListener(chart, type, listener) {}
     }, {
-      key: "getValueForPixel",
-      value: function getValueForPixel(pixel) {}
+      key: "removeEventListener",
+      value: function removeEventListener(chart, type, listener) {}
     }, {
-      key: "getPixelForTick",
-      value: function getPixelForTick(index) {
-        var ticks = this.ticks;
-
-        if (index < 0 || index > ticks.length - 1) {
-          return null;
-        }
-
-        return this.getPixelForValue(ticks[index].value);
+      key: "getDevicePixelRatio",
+      value: function getDevicePixelRatio() {
+        return 1;
       }
     }, {
-      key: "getPixelForDecimal",
-      value: function getPixelForDecimal(decimal) {
-        var me = this;
-
-        if (me._reversePixels) {
-          decimal = 1 - decimal;
-        }
-
-        var pixel = me._startPixel + decimal * me._length;
-        return _int16Range(me._alignToPixels ? _alignPixel(me.chart, pixel, 0) : pixel);
+      key: "getMaximumSize",
+      value: function getMaximumSize(element, width, height, aspectRatio) {
+        width = Math.max(0, width || element.width);
+        height = height || element.height;
+        return {
+          width: width,
+          height: Math.max(0, aspectRatio ? Math.floor(width / aspectRatio) : height)
+        };
       }
     }, {
-      key: "getDecimalForPixel",
-      value: function getDecimalForPixel(pixel) {
-        var decimal = (pixel - this._startPixel) / this._length;
-        return this._reversePixels ? 1 - decimal : decimal;
+      key: "isAttached",
+      value: function isAttached(canvas) {
+        return true;
       }
     }, {
-      key: "getBasePixel",
-      value: function getBasePixel() {
-        return this.getPixelForValue(this.getBaseValue());
+      key: "updateConfig",
+      value: function updateConfig(config) {}
+    }]);
+    return BasePlatform;
+  }();
+  var BasicPlatform = /*#__PURE__*/function (_BasePlatform) {
+    _inherits$w(BasicPlatform, _BasePlatform);
+    var _super9 = _createSuper$w(BasicPlatform);
+    function BasicPlatform() {
+      _classCallCheck$x(this, BasicPlatform);
+      return _super9.apply(this, arguments);
+    }
+    _createClass$x(BasicPlatform, [{
+      key: "acquireContext",
+      value: function acquireContext(item) {
+        return item && item.getContext && item.getContext('2d') || null;
       }
     }, {
-      key: "getBaseValue",
-      value: function getBaseValue() {
-        var min = this.min,
-            max = this.max;
-        return min < 0 && max < 0 ? max : min > 0 && max > 0 ? min : 0;
+      key: "updateConfig",
+      value: function updateConfig(config) {
+        config.options.animation = false;
       }
-    }, {
-      key: "getContext",
-      value: function getContext(index) {
-        var me = this;
-        var ticks = me.ticks || [];
-
-        if (index >= 0 && index < ticks.length) {
-          var tick = ticks[index];
-          return tick.$context || (tick.$context = createTickContext(me.getContext(), index, tick));
+    }]);
+    return BasicPlatform;
+  }(BasePlatform);
+  var EXPANDO_KEY = '$chartjs';
+  var EVENT_TYPES = {
+    touchstart: 'mousedown',
+    touchmove: 'mousemove',
+    touchend: 'mouseup',
+    pointerenter: 'mouseenter',
+    pointerdown: 'mousedown',
+    pointermove: 'mousemove',
+    pointerup: 'mouseup',
+    pointerleave: 'mouseout',
+    pointerout: 'mouseout'
+  };
+  var isNullOrEmpty = function isNullOrEmpty(value) {
+    return value === null || value === '';
+  };
+  function initCanvas(canvas, aspectRatio) {
+    var style = canvas.style;
+    var renderHeight = canvas.getAttribute('height');
+    var renderWidth = canvas.getAttribute('width');
+    canvas[EXPANDO_KEY] = {
+      initial: {
+        height: renderHeight,
+        width: renderWidth,
+        style: {
+          display: style.display,
+          height: style.height,
+          width: style.width
         }
-
-        return me.$context || (me.$context = createScaleContext(me.chart.getContext(), me));
       }
-    }, {
-      key: "_tickSize",
-      value: function _tickSize() {
-        var me = this;
-        var optionTicks = me.options.ticks;
-        var rot = toRadians(me.labelRotation);
-        var cos = Math.abs(Math.cos(rot));
-        var sin = Math.abs(Math.sin(rot));
-
-        var labelSizes = me._getLabelSizes();
-
-        var padding = optionTicks.autoSkipPadding || 0;
-        var w = labelSizes ? labelSizes.widest.width + padding : 0;
-        var h = labelSizes ? labelSizes.highest.height + padding : 0;
-        return me.isHorizontal() ? h * cos > w * sin ? w / cos : h / sin : h * sin < w * cos ? h / cos : w / sin;
+    };
+    style.display = style.display || 'block';
+    style.boxSizing = style.boxSizing || 'border-box';
+    if (isNullOrEmpty(renderWidth)) {
+      var displayWidth = readUsedSize(canvas, 'width');
+      if (displayWidth !== undefined) {
+        canvas.width = displayWidth;
       }
-    }, {
-      key: "_isVisible",
-      value: function _isVisible() {
-        var display = this.options.display;
-
-        if (display !== 'auto') {
-          return !!display;
+    }
+    if (isNullOrEmpty(renderHeight)) {
+      if (canvas.style.height === '') {
+        canvas.height = canvas.width / (aspectRatio || 2);
+      } else {
+        var displayHeight = readUsedSize(canvas, 'height');
+        if (displayHeight !== undefined) {
+          canvas.height = displayHeight;
         }
-
-        return this.getMatchingVisibleMetas().length > 0;
       }
-    }, {
-      key: "_computeGridLineItems",
-      value: function _computeGridLineItems(chartArea) {
-        var me = this;
-        var axis = me.axis;
-        var chart = me.chart;
-        var options = me.options;
-        var grid = options.grid,
-            position = options.position;
-        var offset = grid.offset;
-        var isHorizontal = me.isHorizontal();
-        var ticks = me.ticks;
-        var ticksLength = ticks.length + (offset ? 1 : 0);
-        var tl = getTickMarkLength(grid);
-        var items = [];
-        var borderOpts = grid.setContext(me.getContext(0));
-        var axisWidth = borderOpts.drawBorder ? borderOpts.borderWidth : 0;
-        var axisHalfWidth = axisWidth / 2;
-
-        var alignBorderValue = function alignBorderValue(pixel) {
-          return _alignPixel(chart, pixel, axisWidth);
-        };
-
-        var borderValue, i, lineValue, alignedLineValue;
-        var tx1, ty1, tx2, ty2, x1, y1, x2, y2;
-
-        if (position === 'top') {
-          borderValue = alignBorderValue(me.bottom);
-          ty1 = me.bottom - tl;
-          ty2 = borderValue - axisHalfWidth;
-          y1 = alignBorderValue(chartArea.top) + axisHalfWidth;
-          y2 = chartArea.bottom;
-        } else if (position === 'bottom') {
-          borderValue = alignBorderValue(me.top);
-          y1 = chartArea.top;
-          y2 = alignBorderValue(chartArea.bottom) - axisHalfWidth;
-          ty1 = borderValue + axisHalfWidth;
-          ty2 = me.top + tl;
-        } else if (position === 'left') {
-          borderValue = alignBorderValue(me.right);
-          tx1 = me.right - tl;
-          tx2 = borderValue - axisHalfWidth;
-          x1 = alignBorderValue(chartArea.left) + axisHalfWidth;
-          x2 = chartArea.right;
-        } else if (position === 'right') {
-          borderValue = alignBorderValue(me.left);
-          x1 = chartArea.left;
-          x2 = alignBorderValue(chartArea.right) - axisHalfWidth;
-          tx1 = borderValue + axisHalfWidth;
-          tx2 = me.left + tl;
-        } else if (axis === 'x') {
-          if (position === 'center') {
-            borderValue = alignBorderValue((chartArea.top + chartArea.bottom) / 2 + 0.5);
-          } else if (isObject(position)) {
-            var positionAxisID = Object.keys(position)[0];
-            var value = position[positionAxisID];
-            borderValue = alignBorderValue(me.chart.scales[positionAxisID].getPixelForValue(value));
-          }
-
-          y1 = chartArea.top;
-          y2 = chartArea.bottom;
-          ty1 = borderValue + axisHalfWidth;
-          ty2 = ty1 + tl;
-        } else if (axis === 'y') {
-          if (position === 'center') {
-            borderValue = alignBorderValue((chartArea.left + chartArea.right) / 2);
-          } else if (isObject(position)) {
-            var _positionAxisID = Object.keys(position)[0];
-            var _value = position[_positionAxisID];
-            borderValue = alignBorderValue(me.chart.scales[_positionAxisID].getPixelForValue(_value));
-          }
-
-          tx1 = borderValue - axisHalfWidth;
-          tx2 = tx1 - tl;
-          x1 = chartArea.left;
-          x2 = chartArea.right;
-        }
-
-        for (i = 0; i < ticksLength; ++i) {
-          var optsAtIndex = grid.setContext(me.getContext(i));
-          var lineWidth = optsAtIndex.lineWidth;
-          var lineColor = optsAtIndex.color;
-          var borderDash = grid.borderDash || [];
-          var borderDashOffset = optsAtIndex.borderDashOffset;
-          var tickWidth = optsAtIndex.tickWidth;
-          var tickColor = optsAtIndex.tickColor;
-          var tickBorderDash = optsAtIndex.tickBorderDash || [];
-          var tickBorderDashOffset = optsAtIndex.tickBorderDashOffset;
-          lineValue = getPixelForGridLine(me, i, offset);
-
-          if (lineValue === undefined) {
-            continue;
-          }
-
-          alignedLineValue = _alignPixel(chart, lineValue, lineWidth);
-
-          if (isHorizontal) {
-            tx1 = tx2 = x1 = x2 = alignedLineValue;
-          } else {
-            ty1 = ty2 = y1 = y2 = alignedLineValue;
-          }
-
-          items.push({
-            tx1: tx1,
-            ty1: ty1,
-            tx2: tx2,
-            ty2: ty2,
-            x1: x1,
-            y1: y1,
-            x2: x2,
-            y2: y2,
-            width: lineWidth,
-            color: lineColor,
-            borderDash: borderDash,
-            borderDashOffset: borderDashOffset,
-            tickWidth: tickWidth,
-            tickColor: tickColor,
-            tickBorderDash: tickBorderDash,
-            tickBorderDashOffset: tickBorderDashOffset
-          });
+    }
+    return canvas;
+  }
+  var eventListenerOptions = supportsEventListenerOptions ? {
+    passive: true
+  } : false;
+  function addListener(node, type, listener) {
+    node.addEventListener(type, listener, eventListenerOptions);
+  }
+  function removeListener(chart, type, listener) {
+    chart.canvas.removeEventListener(type, listener, eventListenerOptions);
+  }
+  function fromNativeEvent(event, chart) {
+    var type = EVENT_TYPES[event.type] || event.type;
+    var _getRelativePosition = getRelativePosition(event, chart),
+      x = _getRelativePosition.x,
+      y = _getRelativePosition.y;
+    return {
+      type: type,
+      chart: chart,
+      "native": event,
+      x: x !== undefined ? x : null,
+      y: y !== undefined ? y : null
+    };
+  }
+  function nodeListContains(nodeList, canvas) {
+    var _iterator7 = _createForOfIteratorHelper$1(nodeList),
+      _step7;
+    try {
+      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+        var node = _step7.value;
+        if (node === canvas || node.contains(canvas)) {
+          return true;
         }
-
-        me._ticksLength = ticksLength;
-        me._borderValue = borderValue;
-        return items;
       }
-    }, {
-      key: "_computeLabelItems",
-      value: function _computeLabelItems(chartArea) {
-        var me = this;
-        var axis = me.axis;
-        var options = me.options;
-        var position = options.position,
-            optionTicks = options.ticks;
-        var isHorizontal = me.isHorizontal();
-        var ticks = me.ticks;
-        var align = optionTicks.align,
-            crossAlign = optionTicks.crossAlign,
-            padding = optionTicks.padding;
-        var tl = getTickMarkLength(options.grid);
-        var tickAndPadding = tl + padding;
-        var rotation = -toRadians(me.labelRotation);
-        var items = [];
-        var i, ilen, tick, label, x, y, textAlign, pixel, font, lineHeight, lineCount, textOffset;
-        var textBaseline = 'middle';
-
-        if (position === 'top') {
-          y = me.bottom - tickAndPadding;
-          textAlign = me._getXAxisLabelAlignment();
-        } else if (position === 'bottom') {
-          y = me.top + tickAndPadding;
-          textAlign = me._getXAxisLabelAlignment();
-        } else if (position === 'left') {
-          var ret = this._getYAxisLabelAlignment(tl);
-
-          textAlign = ret.textAlign;
-          x = ret.x;
-        } else if (position === 'right') {
-          var _ret = this._getYAxisLabelAlignment(tl);
-
-          textAlign = _ret.textAlign;
-          x = _ret.x;
-        } else if (axis === 'x') {
-          if (position === 'center') {
-            y = (chartArea.top + chartArea.bottom) / 2 + tickAndPadding;
-          } else if (isObject(position)) {
-            var positionAxisID = Object.keys(position)[0];
-            var value = position[positionAxisID];
-            y = me.chart.scales[positionAxisID].getPixelForValue(value) + tickAndPadding;
-          }
-
-          textAlign = me._getXAxisLabelAlignment();
-        } else if (axis === 'y') {
-          if (position === 'center') {
-            x = (chartArea.left + chartArea.right) / 2 - tickAndPadding;
-          } else if (isObject(position)) {
-            var _positionAxisID2 = Object.keys(position)[0];
-            var _value2 = position[_positionAxisID2];
-            x = me.chart.scales[_positionAxisID2].getPixelForValue(_value2);
-          }
-
-          textAlign = this._getYAxisLabelAlignment(tl).textAlign;
-        }
-
-        if (axis === 'y') {
-          if (align === 'start') {
-            textBaseline = 'top';
-          } else if (align === 'end') {
-            textBaseline = 'bottom';
-          }
-        }
-
-        var labelSizes = me._getLabelSizes();
-
-        for (i = 0, ilen = ticks.length; i < ilen; ++i) {
-          tick = ticks[i];
-          label = tick.label;
-          var optsAtIndex = optionTicks.setContext(me.getContext(i));
-          pixel = me.getPixelForTick(i) + optionTicks.labelOffset;
-          font = me._resolveTickFontOptions(i);
-          lineHeight = font.lineHeight;
-          lineCount = isArray(label) ? label.length : 1;
-          var halfCount = lineCount / 2;
-          var color = optsAtIndex.color;
-          var strokeColor = optsAtIndex.textStrokeColor;
-          var strokeWidth = optsAtIndex.textStrokeWidth;
-
-          if (isHorizontal) {
-            x = pixel;
-
-            if (position === 'top') {
-              if (crossAlign === 'near' || rotation !== 0) {
-                textOffset = -lineCount * lineHeight + lineHeight / 2;
-              } else if (crossAlign === 'center') {
-                textOffset = -labelSizes.highest.height / 2 - halfCount * lineHeight + lineHeight;
-              } else {
-                textOffset = -labelSizes.highest.height + lineHeight / 2;
-              }
-            } else {
-              if (crossAlign === 'near' || rotation !== 0) {
-                textOffset = lineHeight / 2;
-              } else if (crossAlign === 'center') {
-                textOffset = labelSizes.highest.height / 2 - halfCount * lineHeight;
-              } else {
-                textOffset = labelSizes.highest.height - lineCount * lineHeight;
-              }
-            }
-          } else {
-            y = pixel;
-            textOffset = (1 - lineCount) * lineHeight / 2;
-          }
-
-          items.push({
-            rotation: rotation,
-            label: label,
-            font: font,
-            color: color,
-            strokeColor: strokeColor,
-            strokeWidth: strokeWidth,
-            textOffset: textOffset,
-            textAlign: textAlign,
-            textBaseline: textBaseline,
-            translation: [x, y]
-          });
+    } catch (err) {
+      _iterator7.e(err);
+    } finally {
+      _iterator7.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;
+      try {
+        for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+          var entry = _step8.value;
+          trigger = trigger || nodeListContains(entry.addedNodes, canvas);
+          trigger = trigger && !nodeListContains(entry.removedNodes, canvas);
         }
-
-        return items;
+      } catch (err) {
+        _iterator8.e(err);
+      } finally {
+        _iterator8.f();
       }
-    }, {
-      key: "_getXAxisLabelAlignment",
-      value: function _getXAxisLabelAlignment() {
-        var me = this;
-        var _me$options4 = me.options,
-            position = _me$options4.position,
-            ticks = _me$options4.ticks;
-        var rotation = -toRadians(me.labelRotation);
-
-        if (rotation) {
-          return position === 'top' ? 'left' : 'right';
-        }
-
-        var align = 'center';
-
-        if (ticks.align === 'start') {
-          align = 'left';
-        } else if (ticks.align === 'end') {
-          align = 'right';
+      if (trigger) {
+        listener();
+      }
+    });
+    observer.observe(document, {
+      childList: true,
+      subtree: true
+    });
+    return observer;
+  }
+  function createDetachObserver(chart, type, listener) {
+    var canvas = chart.canvas;
+    var observer = new MutationObserver(function (entries) {
+      var trigger = false;
+      var _iterator9 = _createForOfIteratorHelper$1(entries),
+        _step9;
+      try {
+        for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+          var entry = _step9.value;
+          trigger = trigger || nodeListContains(entry.removedNodes, canvas);
+          trigger = trigger && !nodeListContains(entry.addedNodes, canvas);
         }
-
-        return align;
+      } catch (err) {
+        _iterator9.e(err);
+      } finally {
+        _iterator9.f();
       }
-    }, {
-      key: "_getYAxisLabelAlignment",
-      value: function _getYAxisLabelAlignment(tl) {
-        var me = this;
-        var _me$options5 = me.options,
-            position = _me$options5.position,
-            _me$options5$ticks = _me$options5.ticks,
-            crossAlign = _me$options5$ticks.crossAlign,
-            mirror = _me$options5$ticks.mirror,
-            padding = _me$options5$ticks.padding;
-
-        var labelSizes = me._getLabelSizes();
-
-        var tickAndPadding = tl + padding;
-        var widest = labelSizes.widest.width;
-        var textAlign;
-        var x;
-
-        if (position === 'left') {
-          if (mirror) {
-            textAlign = 'left';
-            x = me.right - padding;
-          } else {
-            x = me.right - tickAndPadding;
-
-            if (crossAlign === 'near') {
-              textAlign = 'right';
-            } else if (crossAlign === 'center') {
-              textAlign = 'center';
-              x -= widest / 2;
-            } else {
-              textAlign = 'left';
-              x = me.left;
-            }
-          }
-        } else if (position === 'right') {
-          if (mirror) {
-            textAlign = 'right';
-            x = me.left + padding;
+      if (trigger) {
+        listener();
+      }
+    });
+    observer.observe(document, {
+      childList: true,
+      subtree: true
+    });
+    return observer;
+  }
+  var drpListeningCharts = new Map();
+  var oldDevicePixelRatio = 0;
+  function onWindowResize() {
+    var dpr = window.devicePixelRatio;
+    if (dpr === oldDevicePixelRatio) {
+      return;
+    }
+    oldDevicePixelRatio = dpr;
+    drpListeningCharts.forEach(function (resize, chart) {
+      if (chart.currentDevicePixelRatio !== dpr) {
+        resize();
+      }
+    });
+  }
+  function listenDevicePixelRatioChanges(chart, resize) {
+    if (!drpListeningCharts.size) {
+      window.addEventListener('resize', onWindowResize);
+    }
+    drpListeningCharts.set(chart, resize);
+  }
+  function unlistenDevicePixelRatioChanges(chart) {
+    drpListeningCharts["delete"](chart);
+    if (!drpListeningCharts.size) {
+      window.removeEventListener('resize', onWindowResize);
+    }
+  }
+  function createResizeObserver(chart, type, listener) {
+    var canvas = chart.canvas;
+    var container = canvas && _getParentNode(canvas);
+    if (!container) {
+      return;
+    }
+    var resize = throttled(function (width, height) {
+      var w = container.clientWidth;
+      listener(width, height);
+      if (w < container.clientWidth) {
+        listener();
+      }
+    }, window);
+    var observer = new ResizeObserver(function (entries) {
+      var entry = entries[0];
+      var width = entry.contentRect.width;
+      var height = entry.contentRect.height;
+      if (width === 0 && height === 0) {
+        return;
+      }
+      resize(width, height);
+    });
+    observer.observe(container);
+    listenDevicePixelRatioChanges(chart, resize);
+    return observer;
+  }
+  function releaseObserver(chart, type, observer) {
+    if (observer) {
+      observer.disconnect();
+    }
+    if (type === 'resize') {
+      unlistenDevicePixelRatioChanges(chart);
+    }
+  }
+  function createProxyAndListen(chart, type, listener) {
+    var canvas = chart.canvas;
+    var proxy = throttled(function (event) {
+      if (chart.ctx !== null) {
+        listener(fromNativeEvent(event, chart));
+      }
+    }, chart);
+    addListener(canvas, type, proxy);
+    return proxy;
+  }
+  var DomPlatform = /*#__PURE__*/function (_BasePlatform2) {
+    _inherits$w(DomPlatform, _BasePlatform2);
+    var _super10 = _createSuper$w(DomPlatform);
+    function DomPlatform() {
+      _classCallCheck$x(this, DomPlatform);
+      return _super10.apply(this, arguments);
+    }
+    _createClass$x(DomPlatform, [{
+      key: "acquireContext",
+      value: function acquireContext(canvas, aspectRatio) {
+        var context = canvas && canvas.getContext && canvas.getContext('2d');
+        if (context && context.canvas === canvas) {
+          initCanvas(canvas, aspectRatio);
+          return context;
+        }
+        return null;
+      }
+    }, {
+      key: "releaseContext",
+      value: function releaseContext(context) {
+        var canvas = context.canvas;
+        if (!canvas[EXPANDO_KEY]) {
+          return false;
+        }
+        var initial = canvas[EXPANDO_KEY].initial;
+        ['height', 'width'].forEach(function (prop) {
+          var value = initial[prop];
+          if (isNullOrUndef(value)) {
+            canvas.removeAttribute(prop);
           } else {
-            x = me.left + tickAndPadding;
-
-            if (crossAlign === 'near') {
-              textAlign = 'left';
-            } else if (crossAlign === 'center') {
-              textAlign = 'center';
-              x += widest / 2;
-            } else {
-              textAlign = 'right';
-              x = me.right;
-            }
+            canvas.setAttribute(prop, value);
           }
-        } else {
-          textAlign = 'right';
-        }
-
-        return {
-          textAlign: textAlign,
-          x: x
+        });
+        var style = initial.style || {};
+        Object.keys(style).forEach(function (key) {
+          canvas.style[key] = style[key];
+        });
+        canvas.width = canvas.width;
+        delete canvas[EXPANDO_KEY];
+        return true;
+      }
+    }, {
+      key: "addEventListener",
+      value: function addEventListener(chart, type, listener) {
+        this.removeEventListener(chart, type);
+        var proxies = chart.$proxies || (chart.$proxies = {});
+        var handlers = {
+          attach: createAttachObserver,
+          detach: createDetachObserver,
+          resize: createResizeObserver
         };
+        var handler = handlers[type] || createProxyAndListen;
+        proxies[type] = handler(chart, type, listener);
       }
     }, {
-      key: "_computeLabelArea",
-      value: function _computeLabelArea() {
-        var me = this;
-
-        if (me.options.ticks.mirror) {
+      key: "removeEventListener",
+      value: function removeEventListener(chart, type) {
+        var proxies = chart.$proxies || (chart.$proxies = {});
+        var proxy = proxies[type];
+        if (!proxy) {
           return;
         }
-
-        var chart = me.chart;
-        var position = me.options.position;
-
-        if (position === 'left' || position === 'right') {
-          return {
-            top: 0,
-            left: me.left,
-            bottom: chart.height,
-            right: me.right
-          };
-        }
-
-        if (position === 'top' || position === 'bottom') {
-          return {
-            top: me.top,
-            left: 0,
-            bottom: me.bottom,
-            right: chart.width
-          };
-        }
+        var handlers = {
+          attach: releaseObserver,
+          detach: releaseObserver,
+          resize: releaseObserver
+        };
+        var handler = handlers[type] || removeListener;
+        handler(chart, type, proxy);
+        proxies[type] = undefined;
       }
     }, {
-      key: "drawBackground",
-      value: function drawBackground() {
-        var ctx = this.ctx,
-            backgroundColor = this.options.backgroundColor,
-            left = this.left,
-            top = this.top,
-            width = this.width,
-            height = this.height;
-
-        if (backgroundColor) {
-          ctx.save();
-          ctx.fillStyle = backgroundColor;
-          ctx.fillRect(left, top, width, height);
-          ctx.restore();
-        }
+      key: "getDevicePixelRatio",
+      value: function getDevicePixelRatio() {
+        return window.devicePixelRatio;
       }
     }, {
-      key: "getLineWidthForValue",
-      value: function getLineWidthForValue(value) {
-        var me = this;
-        var grid = me.options.grid;
-
-        if (!me._isVisible() || !grid.display) {
-          return 0;
-        }
-
-        var ticks = me.ticks;
-        var index = ticks.findIndex(function (t) {
-          return t.value === value;
-        });
-
-        if (index >= 0) {
-          var opts = grid.setContext(me.getContext(index));
-          return opts.lineWidth;
-        }
-
-        return 0;
+      key: "getMaximumSize",
+      value: function getMaximumSize$1(canvas, width, height, aspectRatio) {
+        return getMaximumSize(canvas, width, height, aspectRatio);
       }
     }, {
-      key: "drawGrid",
-      value: function drawGrid(chartArea) {
-        var me = this;
-        var grid = me.options.grid;
-        var ctx = me.ctx;
-        var chart = me.chart;
-        var borderOpts = grid.setContext(me.getContext(0));
-        var axisWidth = grid.drawBorder ? borderOpts.borderWidth : 0;
-
-        var items = me._gridLineItems || (me._gridLineItems = me._computeGridLineItems(chartArea));
-
-        var i, ilen;
-
-        var drawLine = function drawLine(p1, p2, style) {
-          if (!style.width || !style.color) {
-            return;
-          }
-
-          ctx.save();
-          ctx.lineWidth = style.width;
-          ctx.strokeStyle = style.color;
-          ctx.setLineDash(style.borderDash || []);
-          ctx.lineDashOffset = style.borderDashOffset;
-          ctx.beginPath();
-          ctx.moveTo(p1.x, p1.y);
-          ctx.lineTo(p2.x, p2.y);
-          ctx.stroke();
-          ctx.restore();
+      key: "isAttached",
+      value: function isAttached(canvas) {
+        var container = _getParentNode(canvas);
+        return !!(container && container.isConnected);
+      }
+    }]);
+    return DomPlatform;
+  }(BasePlatform);
+  function _detectPlatform(canvas) {
+    if (!_isDomSupported() || typeof OffscreenCanvas !== 'undefined' && canvas instanceof OffscreenCanvas) {
+      return BasicPlatform;
+    }
+    return DomPlatform;
+  }
+  var Element = /*#__PURE__*/function () {
+    function Element() {
+      _classCallCheck$x(this, Element);
+      _defineProperty$w(this, "active", false);
+    }
+    _createClass$x(Element, [{
+      key: "tooltipPosition",
+      value: function tooltipPosition(useFinalPosition) {
+        var _this$getProps = this.getProps(['x', 'y'], useFinalPosition),
+          x = _this$getProps.x,
+          y = _this$getProps.y;
+        return {
+          x: x,
+          y: y
         };
-
-        if (grid.display) {
-          for (i = 0, ilen = items.length; i < ilen; ++i) {
-            var item = items[i];
-
-            if (grid.drawOnChartArea) {
-              drawLine({
-                x: item.x1,
-                y: item.y1
-              }, {
-                x: item.x2,
-                y: item.y2
-              }, item);
-            }
-
-            if (grid.drawTicks) {
-              drawLine({
-                x: item.tx1,
-                y: item.ty1
-              }, {
-                x: item.tx2,
-                y: item.ty2
-              }, {
-                color: item.tickColor,
-                width: item.tickWidth,
-                borderDash: item.tickBorderDash,
-                borderDashOffset: item.tickBorderDashOffset
-              });
-            }
-          }
-        }
-
-        if (axisWidth) {
-          var edgeOpts = grid.setContext(me.getContext(me._ticksLength - 1));
-          var lastLineWidth = edgeOpts.lineWidth;
-          var borderValue = me._borderValue;
-          var x1, x2, y1, y2;
-
-          if (me.isHorizontal()) {
-            x1 = _alignPixel(chart, me.left, axisWidth) - axisWidth / 2;
-            x2 = _alignPixel(chart, me.right, lastLineWidth) + lastLineWidth / 2;
-            y1 = y2 = borderValue;
-          } else {
-            y1 = _alignPixel(chart, me.top, axisWidth) - axisWidth / 2;
-            y2 = _alignPixel(chart, me.bottom, lastLineWidth) + lastLineWidth / 2;
-            x1 = x2 = borderValue;
-          }
-
-          drawLine({
-            x: x1,
-            y: y1
-          }, {
-            x: x2,
-            y: y2
-          }, {
-            width: axisWidth,
-            color: edgeOpts.borderColor
-          });
-        }
       }
     }, {
-      key: "drawLabels",
-      value: function drawLabels(chartArea) {
-        var me = this;
-        var optionTicks = me.options.ticks;
-
-        if (!optionTicks.display) {
-          return;
-        }
-
-        var ctx = me.ctx;
-
-        var area = me._computeLabelArea();
-
-        if (area) {
-          clipArea(ctx, area);
-        }
-
-        var items = me._labelItems || (me._labelItems = me._computeLabelItems(chartArea));
-
-        var i, ilen;
-
-        for (i = 0, ilen = items.length; i < ilen; ++i) {
-          var item = items[i];
-          var tickFont = item.font;
-          var label = item.label;
-          var y = item.textOffset;
-          renderText(ctx, label, 0, y, tickFont, item);
-        }
-
-        if (area) {
-          unclipArea(ctx);
-        }
+      key: "hasValue",
+      value: function hasValue() {
+        return isNumber(this.x) && isNumber(this.y);
       }
     }, {
-      key: "drawTitle",
-      value: function drawTitle() {
-        var ctx = this.ctx,
-            _this$options2 = this.options,
-            position = _this$options2.position,
-            title = _this$options2.title,
-            reverse = _this$options2.reverse;
-
-        if (!title.display) {
-          return;
-        }
-
-        var font = toFont(title.font);
-        var padding = toPadding(title.padding);
-        var align = title.align;
-        var offset = font.lineHeight / 2;
-
-        if (position === 'bottom') {
-          offset += padding.bottom;
-
-          if (isArray(title.text)) {
-            offset += font.lineHeight * (title.text.length - 1);
-          }
-        } else {
-          offset += padding.top;
+      key: "getProps",
+      value: function getProps(props, _final) {
+        var _this8 = this;
+        var anims = this.$animations;
+        if (!_final || !anims) {
+          // let's not create an object, if not needed
+          return this;
         }
-
-        var _titleArgs = titleArgs(this, offset, position, align),
-            titleX = _titleArgs.titleX,
-            titleY = _titleArgs.titleY,
-            maxWidth = _titleArgs.maxWidth,
-            rotation = _titleArgs.rotation;
-
-        renderText(ctx, title.text, 0, 0, font, {
-          color: title.color,
-          maxWidth: maxWidth,
-          rotation: rotation,
-          textAlign: titleAlign(align, position, reverse),
-          textBaseline: 'middle',
-          translation: [titleX, titleY]
+        var ret = {};
+        props.forEach(function (prop) {
+          ret[prop] = anims[prop] && anims[prop].active() ? anims[prop]._to : _this8[prop];
         });
+        return ret;
       }
-    }, {
-      key: "draw",
-      value: function draw(chartArea) {
-        var me = this;
-
-        if (!me._isVisible()) {
-          return;
-        }
-
-        me.drawBackground();
-        me.drawGrid(chartArea);
-        me.drawTitle();
-        me.drawLabels(chartArea);
+    }]);
+    return Element;
+  }();
+  _defineProperty$w(Element, "defaults", {});
+  _defineProperty$w(Element, "defaultRoutes", undefined);
+  function autoSkip(scale, ticks) {
+    var tickOpts = scale.options.ticks;
+    var determinedMaxTicks = determineMaxTicks(scale);
+    var ticksLimit = Math.min(tickOpts.maxTicksLimit || determinedMaxTicks, determinedMaxTicks);
+    var majorIndices = tickOpts.major.enabled ? getMajorIndices(ticks) : [];
+    var numMajorIndices = majorIndices.length;
+    var first = majorIndices[0];
+    var last = majorIndices[numMajorIndices - 1];
+    var newTicks = [];
+    if (numMajorIndices > ticksLimit) {
+      skipMajors(ticks, newTicks, majorIndices, numMajorIndices / ticksLimit);
+      return newTicks;
+    }
+    var spacing = calculateSpacing(majorIndices, ticks, ticksLimit);
+    if (numMajorIndices > 0) {
+      var i, ilen;
+      var avgMajorSpacing = numMajorIndices > 1 ? Math.round((last - first) / (numMajorIndices - 1)) : null;
+      skip(ticks, newTicks, spacing, isNullOrUndef(avgMajorSpacing) ? 0 : first - avgMajorSpacing, first);
+      for (i = 0, ilen = numMajorIndices - 1; i < ilen; i++) {
+        skip(ticks, newTicks, spacing, majorIndices[i], majorIndices[i + 1]);
       }
-    }, {
-      key: "_layers",
-      value: function _layers() {
-        var me = this;
-        var opts = me.options;
-        var tz = opts.ticks && opts.ticks.z || 0;
-        var gz = opts.grid && opts.grid.z || 0;
-
-        if (!me._isVisible() || tz === gz || me.draw !== Scale.prototype.draw) {
-          return [{
-            z: tz,
-            draw: function draw(chartArea) {
-              me.draw(chartArea);
-            }
-          }];
-        }
-
-        return [{
-          z: gz,
-          draw: function draw(chartArea) {
-            me.drawBackground();
-            me.drawGrid(chartArea);
-            me.drawTitle();
-          }
-        }, {
-          z: tz,
-          draw: function draw(chartArea) {
-            me.drawLabels(chartArea);
-          }
-        }];
+      skip(ticks, newTicks, spacing, last, isNullOrUndef(avgMajorSpacing) ? ticks.length : last + avgMajorSpacing);
+      return newTicks;
+    }
+    skip(ticks, newTicks, spacing);
+    return newTicks;
+  }
+  function determineMaxTicks(scale) {
+    var offset = scale.options.offset;
+    var tickLength = scale._tickSize();
+    var maxScale = scale._length / tickLength + (offset ? 0 : 1);
+    var maxChart = scale._maxLength / tickLength;
+    return Math.floor(Math.min(maxScale, maxChart));
+  }
+  function calculateSpacing(majorIndices, ticks, ticksLimit) {
+    var evenMajorSpacing = getEvenSpacing(majorIndices);
+    var spacing = ticks.length / ticksLimit;
+    if (!evenMajorSpacing) {
+      return Math.max(spacing, 1);
+    }
+    var factors = _factorize(evenMajorSpacing);
+    for (var i = 0, ilen = factors.length - 1; i < ilen; i++) {
+      var factor = factors[i];
+      if (factor > spacing) {
+        return factor;
       }
-    }, {
-      key: "getMatchingVisibleMetas",
-      value: function getMatchingVisibleMetas(type) {
-        var me = this;
-        var metas = me.chart.getSortedVisibleDatasetMetas();
-        var axisID = me.axis + 'AxisID';
-        var result = [];
-        var i, ilen;
-
-        for (i = 0, ilen = metas.length; i < ilen; ++i) {
-          var meta = metas[i];
-
-          if (meta[axisID] === me.id && (!type || meta.type === type)) {
-            result.push(meta);
-          }
-        }
-
-        return result;
+    }
+    return Math.max(spacing, 1);
+  }
+  function getMajorIndices(ticks) {
+    var result = [];
+    var i, ilen;
+    for (i = 0, ilen = ticks.length; i < ilen; i++) {
+      if (ticks[i].major) {
+        result.push(i);
       }
-    }, {
-      key: "_resolveTickFontOptions",
-      value: function _resolveTickFontOptions(index) {
-        var opts = this.options.ticks.setContext(this.getContext(index));
-        return toFont(opts.font);
+    }
+    return result;
+  }
+  function skipMajors(ticks, newTicks, majorIndices, spacing) {
+    var count = 0;
+    var next = majorIndices[0];
+    var i;
+    spacing = Math.ceil(spacing);
+    for (i = 0; i < ticks.length; i++) {
+      if (i === next) {
+        newTicks.push(ticks[i]);
+        count++;
+        next = majorIndices[count * spacing];
       }
-    }]);
-
-    return Scale;
-  }(Element);
-
-  var TypedRegistry = /*#__PURE__*/function () {
-    function TypedRegistry(type, scope, override) {
-      _classCallCheck(this, TypedRegistry);
-
-      this.type = type;
-      this.scope = scope;
-      this.override = override;
-      this.items = Object.create(null);
     }
-
-    _createClass(TypedRegistry, [{
-      key: "isForType",
-      value: function isForType(type) {
-        return Object.prototype.isPrototypeOf.call(this.type.prototype, type.prototype);
+  }
+  function skip(ticks, newTicks, spacing, majorStart, majorEnd) {
+    var start = valueOrDefault(majorStart, 0);
+    var end = Math.min(valueOrDefault(majorEnd, ticks.length), ticks.length);
+    var count = 0;
+    var length, i, next;
+    spacing = Math.ceil(spacing);
+    if (majorEnd) {
+      length = majorEnd - majorStart;
+      spacing = length / Math.floor(length / spacing);
+    }
+    next = start;
+    while (next < 0) {
+      count++;
+      next = Math.round(start + count * spacing);
+    }
+    for (i = Math.max(start, 0); i < end; i++) {
+      if (i === next) {
+        newTicks.push(ticks[i]);
+        count++;
+        next = Math.round(start + count * spacing);
       }
-    }, {
-      key: "register",
-      value: function register(item) {
-        var me = this;
-        var proto = Object.getPrototypeOf(item);
-        var parentScope;
-
-        if (isIChartComponent(proto)) {
-          parentScope = me.register(proto);
-        }
-
-        var items = me.items;
-        var id = item.id;
-        var scope = me.scope + '.' + id;
-
-        if (!id) {
-          throw new Error('class does not have id: ' + item);
-        }
-
-        if (id in items) {
-          return scope;
-        }
-
-        items[id] = item;
-        registerDefaults(item, scope, parentScope);
-
-        if (me.override) {
-          defaults.override(item.id, item.overrides);
-        }
-
-        return scope;
+    }
+  }
+  function getEvenSpacing(arr) {
+    var len = arr.length;
+    var i, diff;
+    if (len < 2) {
+      return false;
+    }
+    for (diff = arr[0], i = 1; i < len; ++i) {
+      if (arr[i] - arr[i - 1] !== diff) {
+        return false;
       }
-    }, {
-      key: "get",
-      value: function get(id) {
-        return this.items[id];
+    }
+    return diff;
+  }
+  var reverseAlign = function reverseAlign(align) {
+    return align === 'left' ? 'right' : align === 'right' ? 'left' : align;
+  };
+  var offsetFromEdge = function offsetFromEdge(scale, edge, offset) {
+    return edge === 'top' || edge === 'left' ? scale[edge] + offset : scale[edge] - offset;
+  };
+  function sample(arr, numItems) {
+    var result = [];
+    var increment = arr.length / numItems;
+    var len = arr.length;
+    var i = 0;
+    for (; i < len; i += increment) {
+      result.push(arr[Math.floor(i)]);
+    }
+    return result;
+  }
+  function getPixelForGridLine(scale, index, offsetGridLines) {
+    var length = scale.ticks.length;
+    var validIndex = Math.min(index, length - 1);
+    var start = scale._startPixel;
+    var end = scale._endPixel;
+    var epsilon = 1e-6;
+    var lineValue = scale.getPixelForTick(validIndex);
+    var offset;
+    if (offsetGridLines) {
+      if (length === 1) {
+        offset = Math.max(lineValue - start, end - lineValue);
+      } else if (index === 0) {
+        offset = (scale.getPixelForTick(1) - lineValue) / 2;
+      } else {
+        offset = (lineValue - scale.getPixelForTick(validIndex - 1)) / 2;
       }
-    }, {
-      key: "unregister",
-      value: function unregister(item) {
-        var items = this.items;
-        var id = item.id;
-        var scope = this.scope;
-
-        if (id in items) {
-          delete items[id];
-        }
-
-        if (scope && id in defaults[scope]) {
-          delete defaults[scope][id];
-
-          if (this.override) {
-            delete overrides[id];
-          }
-        }
+      lineValue += validIndex < index ? offset : -offset;
+      if (lineValue < start - epsilon || lineValue > end + epsilon) {
+        return;
       }
-    }]);
-
-    return TypedRegistry;
-  }();
-
-  function registerDefaults(item, scope, parentScope) {
-    var itemDefaults = merge(Object.create(null), [parentScope ? defaults.get(parentScope) : {}, defaults.get(scope), item.defaults]);
-    defaults.set(scope, itemDefaults);
-
-    if (item.defaultRoutes) {
-      routeDefaults(scope, item.defaultRoutes);
     }
-
-    if (item.descriptors) {
-      defaults.describe(scope, item.descriptors);
+    return lineValue;
+  }
+  function garbageCollect(caches, length) {
+    each(caches, function (cache) {
+      var gc = cache.gc;
+      var gcLen = gc.length / 2;
+      var i;
+      if (gcLen > length) {
+        for (i = 0; i < gcLen; ++i) {
+          delete cache.data[gc[i]];
+        }
+        gc.splice(0, gcLen);
+      }
+    });
+  }
+  function getTickMarkLength(options) {
+    return options.drawTicks ? options.tickLength : 0;
+  }
+  function getTitleHeight(options, fallback) {
+    if (!options.display) {
+      return 0;
     }
+    var font = toFont(options.font, fallback);
+    var padding = toPadding(options.padding);
+    var lines = isArray(options.text) ? options.text.length : 1;
+    return lines * font.lineHeight + padding.height;
   }
-
-  function routeDefaults(scope, routes) {
-    Object.keys(routes).forEach(function (property) {
-      var propertyParts = property.split('.');
-      var sourceName = propertyParts.pop();
-      var sourceScope = [scope].concat(propertyParts).join('.');
-      var parts = routes[property].split('.');
-      var targetName = parts.pop();
-      var targetScope = parts.join('.');
-      defaults.route(sourceScope, sourceName, targetScope, targetName);
+  function createScaleContext(parent, scale) {
+    return createContext(parent, {
+      scale: scale,
+      type: 'scale'
     });
   }
-
-  function isIChartComponent(proto) {
-    return 'id' in proto && 'defaults' in proto;
+  function createTickContext(parent, index, tick) {
+    return createContext(parent, {
+      tick: tick,
+      index: index,
+      type: 'tick'
+    });
   }
-
-  var Registry = /*#__PURE__*/function () {
-    function Registry() {
-      _classCallCheck(this, Registry);
-
-      this.controllers = new TypedRegistry(DatasetController, 'datasets', true);
-      this.elements = new TypedRegistry(Element, 'elements');
-      this.plugins = new TypedRegistry(Object, 'plugins');
-      this.scales = new TypedRegistry(Scale, 'scales');
-      this._typedRegistries = [this.controllers, this.scales, this.elements];
+  function titleAlign(align, position, reverse) {
+    var ret = _toLeftRightCenter(align);
+    if (reverse && position !== 'right' || !reverse && position === 'right') {
+      ret = reverseAlign(ret);
     }
-
-    _createClass(Registry, [{
-      key: "add",
-      value: function add() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        this._each('register', args);
+    return ret;
+  }
+  function titleArgs(scale, offset, position, align) {
+    var top = scale.top,
+      left = scale.left,
+      bottom = scale.bottom,
+      right = scale.right,
+      chart = scale.chart;
+    var chartArea = chart.chartArea,
+      scales = chart.scales;
+    var rotation = 0;
+    var maxWidth, titleX, titleY;
+    var height = bottom - top;
+    var width = right - left;
+    if (scale.isHorizontal()) {
+      titleX = _alignStartEnd(align, left, right);
+      if (isObject(position)) {
+        var positionAxisID = Object.keys(position)[0];
+        var value = position[positionAxisID];
+        titleY = scales[positionAxisID].getPixelForValue(value) + height - offset;
+      } else if (position === 'center') {
+        titleY = (chartArea.bottom + chartArea.top) / 2 + height - offset;
+      } else {
+        titleY = offsetFromEdge(scale, position, offset);
       }
-    }, {
-      key: "remove",
-      value: function remove() {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-
-        this._each('unregister', args);
+      maxWidth = right - left;
+    } else {
+      if (isObject(position)) {
+        var positionAxisID1 = Object.keys(position)[0];
+        var value1 = position[positionAxisID1];
+        titleX = scales[positionAxisID1].getPixelForValue(value1) - width + offset;
+      } else if (position === 'center') {
+        titleX = (chartArea.left + chartArea.right) / 2 - width + offset;
+      } else {
+        titleX = offsetFromEdge(scale, position, offset);
       }
-    }, {
-      key: "addControllers",
-      value: function addControllers() {
-        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          args[_key3] = arguments[_key3];
-        }
-
-        this._each('register', args, this.controllers);
+      titleY = _alignStartEnd(align, bottom, top);
+      rotation = position === 'left' ? -HALF_PI : HALF_PI;
+    }
+    return {
+      titleX: titleX,
+      titleY: titleY,
+      maxWidth: maxWidth,
+      rotation: rotation
+    };
+  }
+  var Scale = /*#__PURE__*/function (_Element) {
+    _inherits$w(Scale, _Element);
+    var _super11 = _createSuper$w(Scale);
+    function Scale(cfg) {
+      var _this9;
+      _classCallCheck$x(this, Scale);
+      _this9 = _super11.call(this);
+      _this9.id = cfg.id;
+      _this9.type = cfg.type;
+      _this9.options = undefined;
+      _this9.ctx = cfg.ctx;
+      _this9.chart = cfg.chart;
+      _this9.top = undefined;
+      _this9.bottom = undefined;
+      _this9.left = undefined;
+      _this9.right = undefined;
+      _this9.width = undefined;
+      _this9.height = undefined;
+      _this9._margins = {
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0
+      };
+      _this9.maxWidth = undefined;
+      _this9.maxHeight = undefined;
+      _this9.paddingTop = undefined;
+      _this9.paddingBottom = undefined;
+      _this9.paddingLeft = undefined;
+      _this9.paddingRight = undefined;
+      _this9.axis = undefined;
+      _this9.labelRotation = undefined;
+      _this9.min = undefined;
+      _this9.max = undefined;
+      _this9._range = undefined;
+      _this9.ticks = [];
+      _this9._gridLineItems = null;
+      _this9._labelItems = null;
+      _this9._labelSizes = null;
+      _this9._length = 0;
+      _this9._maxLength = 0;
+      _this9._longestTextCache = {};
+      _this9._startPixel = undefined;
+      _this9._endPixel = undefined;
+      _this9._reversePixels = false;
+      _this9._userMax = undefined;
+      _this9._userMin = undefined;
+      _this9._suggestedMax = undefined;
+      _this9._suggestedMin = undefined;
+      _this9._ticksLength = 0;
+      _this9._borderValue = 0;
+      _this9._cache = {};
+      _this9._dataLimitsCached = false;
+      _this9.$context = undefined;
+      return _this9;
+    }
+    _createClass$x(Scale, [{
+      key: "init",
+      value: function init(options) {
+        this.options = options.setContext(this.getContext());
+        this.axis = options.axis;
+        this._userMin = this.parse(options.min);
+        this._userMax = this.parse(options.max);
+        this._suggestedMin = this.parse(options.suggestedMin);
+        this._suggestedMax = this.parse(options.suggestedMax);
       }
     }, {
-      key: "addElements",
-      value: function addElements() {
-        for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-          args[_key4] = arguments[_key4];
-        }
-
-        this._each('register', args, this.elements);
+      key: "parse",
+      value: function parse(raw, index) {
+        return raw;
       }
     }, {
-      key: "addPlugins",
-      value: function addPlugins() {
-        for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-          args[_key5] = arguments[_key5];
-        }
-
-        this._each('register', args, this.plugins);
+      key: "getUserBounds",
+      value: function getUserBounds() {
+        var _userMin = this._userMin,
+          _userMax = this._userMax,
+          _suggestedMin = this._suggestedMin,
+          _suggestedMax = this._suggestedMax;
+        _userMin = finiteOrDefault(_userMin, Number.POSITIVE_INFINITY);
+        _userMax = finiteOrDefault(_userMax, Number.NEGATIVE_INFINITY);
+        _suggestedMin = finiteOrDefault(_suggestedMin, Number.POSITIVE_INFINITY);
+        _suggestedMax = finiteOrDefault(_suggestedMax, Number.NEGATIVE_INFINITY);
+        return {
+          min: finiteOrDefault(_userMin, _suggestedMin),
+          max: finiteOrDefault(_userMax, _suggestedMax),
+          minDefined: isNumberFinite(_userMin),
+          maxDefined: isNumberFinite(_userMax)
+        };
       }
     }, {
-      key: "addScales",
-      value: function addScales() {
-        for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-          args[_key6] = arguments[_key6];
+      key: "getMinMax",
+      value: function getMinMax(canStack) {
+        var _this$getUserBounds = this.getUserBounds(),
+          min = _this$getUserBounds.min,
+          max = _this$getUserBounds.max,
+          minDefined = _this$getUserBounds.minDefined,
+          maxDefined = _this$getUserBounds.maxDefined;
+        var range;
+        if (minDefined && maxDefined) {
+          return {
+            min: min,
+            max: max
+          };
         }
-
-        this._each('register', args, this.scales);
+        var metas = this.getMatchingVisibleMetas();
+        for (var i = 0, ilen = metas.length; i < ilen; ++i) {
+          range = metas[i].controller.getMinMax(this, canStack);
+          if (!minDefined) {
+            min = Math.min(min, range.min);
+          }
+          if (!maxDefined) {
+            max = Math.max(max, range.max);
+          }
+        }
+        min = maxDefined && min > max ? max : min;
+        max = minDefined && min > max ? min : max;
+        return {
+          min: finiteOrDefault(min, finiteOrDefault(max, min)),
+          max: finiteOrDefault(max, finiteOrDefault(min, max))
+        };
       }
     }, {
-      key: "getController",
-      value: function getController(id) {
-        return this._get(id, this.controllers, 'controller');
+      key: "getPadding",
+      value: function getPadding() {
+        return {
+          left: this.paddingLeft || 0,
+          top: this.paddingTop || 0,
+          right: this.paddingRight || 0,
+          bottom: this.paddingBottom || 0
+        };
       }
     }, {
-      key: "getElement",
-      value: function getElement(id) {
-        return this._get(id, this.elements, 'element');
+      key: "getTicks",
+      value: function getTicks() {
+        return this.ticks;
       }
     }, {
-      key: "getPlugin",
-      value: function getPlugin(id) {
-        return this._get(id, this.plugins, 'plugin');
+      key: "getLabels",
+      value: function getLabels() {
+        var data = this.chart.data;
+        return this.options.labels || (this.isHorizontal() ? data.xLabels : data.yLabels) || data.labels || [];
       }
     }, {
-      key: "getScale",
-      value: function getScale(id) {
-        return this._get(id, this.scales, 'scale');
+      key: "getLabelItems",
+      value: function getLabelItems() {
+        var chartArea = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.chart.chartArea;
+        var items = this._labelItems || (this._labelItems = this._computeLabelItems(chartArea));
+        return items;
       }
     }, {
-      key: "removeControllers",
-      value: function removeControllers() {
-        for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
-          args[_key7] = arguments[_key7];
-        }
-
-        this._each('unregister', args, this.controllers);
+      key: "beforeLayout",
+      value: function beforeLayout() {
+        this._cache = {};
+        this._dataLimitsCached = false;
       }
     }, {
-      key: "removeElements",
-      value: function removeElements() {
-        for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
-          args[_key8] = arguments[_key8];
-        }
-
-        this._each('unregister', args, this.elements);
+      key: "beforeUpdate",
+      value: function beforeUpdate() {
+        callback(this.options.beforeUpdate, [this]);
       }
     }, {
-      key: "removePlugins",
-      value: function removePlugins() {
-        for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
-          args[_key9] = arguments[_key9];
+      key: "update",
+      value: function update(maxWidth, maxHeight, margins) {
+        var _this$options4 = this.options,
+          beginAtZero = _this$options4.beginAtZero,
+          grace = _this$options4.grace,
+          tickOpts = _this$options4.ticks;
+        var sampleSize = tickOpts.sampleSize;
+        this.beforeUpdate();
+        this.maxWidth = maxWidth;
+        this.maxHeight = maxHeight;
+        this._margins = margins = Object.assign({
+          left: 0,
+          right: 0,
+          top: 0,
+          bottom: 0
+        }, margins);
+        this.ticks = null;
+        this._labelSizes = null;
+        this._gridLineItems = null;
+        this._labelItems = null;
+        this.beforeSetDimensions();
+        this.setDimensions();
+        this.afterSetDimensions();
+        this._maxLength = this.isHorizontal() ? this.width + margins.left + margins.right : this.height + margins.top + margins.bottom;
+        if (!this._dataLimitsCached) {
+          this.beforeDataLimits();
+          this.determineDataLimits();
+          this.afterDataLimits();
+          this._range = _addGrace(this, grace, beginAtZero);
+          this._dataLimitsCached = true;
+        }
+        this.beforeBuildTicks();
+        this.ticks = this.buildTicks() || [];
+        this.afterBuildTicks();
+        var samplingEnabled = sampleSize < this.ticks.length;
+        this._convertTicksToLabels(samplingEnabled ? sample(this.ticks, sampleSize) : this.ticks);
+        this.configure();
+        this.beforeCalculateLabelRotation();
+        this.calculateLabelRotation();
+        this.afterCalculateLabelRotation();
+        if (tickOpts.display && (tickOpts.autoSkip || tickOpts.source === 'auto')) {
+          this.ticks = autoSkip(this, this.ticks);
+          this._labelSizes = null;
+          this.afterAutoSkip();
         }
-
-        this._each('unregister', args, this.plugins);
+        if (samplingEnabled) {
+          this._convertTicksToLabels(this.ticks);
+        }
+        this.beforeFit();
+        this.fit();
+        this.afterFit();
+        this.afterUpdate();
       }
     }, {
-      key: "removeScales",
-      value: function removeScales() {
-        for (var _len10 = arguments.length, args = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {
-          args[_key10] = arguments[_key10];
+      key: "configure",
+      value: function configure() {
+        var reversePixels = this.options.reverse;
+        var startPixel, endPixel;
+        if (this.isHorizontal()) {
+          startPixel = this.left;
+          endPixel = this.right;
+        } else {
+          startPixel = this.top;
+          endPixel = this.bottom;
+          reversePixels = !reversePixels;
         }
-
-        this._each('unregister', args, this.scales);
+        this._startPixel = startPixel;
+        this._endPixel = endPixel;
+        this._reversePixels = reversePixels;
+        this._length = endPixel - startPixel;
+        this._alignToPixels = this.options.alignToPixels;
       }
     }, {
-      key: "_each",
-      value: function _each(method, args, typedRegistry) {
-        var me = this;
-
-        _toConsumableArray(args).forEach(function (arg) {
-          var reg = typedRegistry || me._getRegistryForType(arg);
-
-          if (typedRegistry || reg.isForType(arg) || reg === me.plugins && arg.id) {
-            me._exec(method, reg, arg);
-          } else {
-            each(arg, function (item) {
-              var itemReg = typedRegistry || me._getRegistryForType(item);
-
-              me._exec(method, itemReg, item);
-            });
-          }
-        });
+      key: "afterUpdate",
+      value: function afterUpdate() {
+        callback(this.options.afterUpdate, [this]);
       }
     }, {
-      key: "_exec",
-      value: function _exec(method, registry, component) {
-        var camelMethod = _capitalize(method);
-
-        callback(component['before' + camelMethod], [], component);
-        registry[method](component);
-        callback(component['after' + camelMethod], [], component);
+      key: "beforeSetDimensions",
+      value: function beforeSetDimensions() {
+        callback(this.options.beforeSetDimensions, [this]);
       }
     }, {
-      key: "_getRegistryForType",
-      value: function _getRegistryForType(type) {
-        for (var i = 0; i < this._typedRegistries.length; i++) {
-          var reg = this._typedRegistries[i];
-
-          if (reg.isForType(type)) {
-            return reg;
-          }
+      key: "setDimensions",
+      value: function setDimensions() {
+        if (this.isHorizontal()) {
+          this.width = this.maxWidth;
+          this.left = 0;
+          this.right = this.width;
+        } else {
+          this.height = this.maxHeight;
+          this.top = 0;
+          this.bottom = this.height;
         }
-
-        return this.plugins;
+        this.paddingLeft = 0;
+        this.paddingTop = 0;
+        this.paddingRight = 0;
+        this.paddingBottom = 0;
       }
     }, {
-      key: "_get",
-      value: function _get(id, typedRegistry, type) {
-        var item = typedRegistry.get(id);
-
-        if (item === undefined) {
-          throw new Error('"' + id + '" is not a registered ' + type + '.');
-        }
-
-        return item;
+      key: "afterSetDimensions",
+      value: function afterSetDimensions() {
+        callback(this.options.afterSetDimensions, [this]);
       }
-    }]);
-
-    return Registry;
-  }();
-
-  var registry = new Registry();
-
-  var PluginService = /*#__PURE__*/function () {
-    function PluginService() {
-      _classCallCheck(this, PluginService);
-
-      this._init = [];
-    }
-
-    _createClass(PluginService, [{
-      key: "notify",
-      value: function notify(chart, hook, args) {
-        var me = this;
-
-        if (hook === 'beforeInit') {
-          me._init = me._createDescriptors(chart, true);
-
-          me._notify(me._init, chart, 'install');
-        }
-
-        var descriptors = me._descriptors(chart);
-
-        var result = me._notify(descriptors, chart, hook, args);
-
-        if (hook === 'destroy') {
-          me._notify(descriptors, chart, 'stop');
-
-          me._notify(me._init, chart, 'uninstall');
-        }
-
-        return result;
+    }, {
+      key: "_callHooks",
+      value: function _callHooks(name) {
+        this.chart.notifyPlugins(name, this.getContext());
+        callback(this.options[name], [this]);
       }
     }, {
-      key: "_notify",
-      value: function _notify(descriptors, chart, hook, args) {
-        args = args || {};
-
-        var _iterator3 = _createForOfIteratorHelper(descriptors),
-            _step3;
-
-        try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            var descriptor = _step3.value;
-            var plugin = descriptor.plugin;
-            var method = plugin[hook];
-            var params = [chart, args, descriptor.options];
-
-            if (callback(method, params, plugin) === false && args.cancelable) {
-              return false;
-            }
-          }
-        } catch (err) {
-          _iterator3.e(err);
-        } finally {
-          _iterator3.f();
-        }
-
-        return true;
+      key: "beforeDataLimits",
+      value: function beforeDataLimits() {
+        this._callHooks('beforeDataLimits');
       }
     }, {
-      key: "invalidate",
-      value: function invalidate() {
-        if (!isNullOrUndef(this._cache)) {
-          this._oldCache = this._cache;
-          this._cache = undefined;
-        }
+      key: "determineDataLimits",
+      value: function determineDataLimits() {}
+    }, {
+      key: "afterDataLimits",
+      value: function afterDataLimits() {
+        this._callHooks('afterDataLimits');
       }
     }, {
-      key: "_descriptors",
-      value: function _descriptors(chart) {
-        if (this._cache) {
-          return this._cache;
-        }
-
-        var descriptors = this._cache = this._createDescriptors(chart);
-
-        this._notifyStateChanges(chart);
-
-        return descriptors;
+      key: "beforeBuildTicks",
+      value: function beforeBuildTicks() {
+        this._callHooks('beforeBuildTicks');
       }
     }, {
-      key: "_createDescriptors",
-      value: function _createDescriptors(chart, all) {
-        var config = chart && chart.config;
-        var options = valueOrDefault(config.options && config.options.plugins, {});
-        var plugins = allPlugins(config);
-        return options === false && !all ? [] : createDescriptors(chart, plugins, options, all);
+      key: "buildTicks",
+      value: function buildTicks() {
+        return [];
       }
     }, {
-      key: "_notifyStateChanges",
-      value: function _notifyStateChanges(chart) {
-        var previousDescriptors = this._oldCache || [];
-        var descriptors = this._cache;
-
-        var diff = function diff(a, b) {
-          return a.filter(function (x) {
-            return !b.some(function (y) {
-              return x.plugin.id === y.plugin.id;
-            });
-          });
-        };
-
-        this._notify(diff(previousDescriptors, descriptors), chart, 'stop');
-
-        this._notify(diff(descriptors, previousDescriptors), chart, 'start');
-      }
-    }]);
-
-    return PluginService;
-  }();
-
-  function allPlugins(config) {
-    var plugins = [];
-    var keys = Object.keys(registry.plugins.items);
-
-    for (var i = 0; i < keys.length; i++) {
-      plugins.push(registry.getPlugin(keys[i]));
-    }
-
-    var local = config.plugins || [];
-
-    for (var _i = 0; _i < local.length; _i++) {
-      var plugin = local[_i];
-
-      if (plugins.indexOf(plugin) === -1) {
-        plugins.push(plugin);
-      }
-    }
-
-    return plugins;
-  }
-
-  function getOpts(options, all) {
-    if (!all && options === false) {
-      return null;
-    }
-
-    if (options === true) {
-      return {};
-    }
-
-    return options;
-  }
-
-  function createDescriptors(chart, plugins, options, all) {
-    var result = [];
-    var context = chart.getContext();
-
-    for (var i = 0; i < plugins.length; i++) {
-      var plugin = plugins[i];
-      var id = plugin.id;
-      var opts = getOpts(options[id], all);
-
-      if (opts === null) {
-        continue;
-      }
-
-      result.push({
-        plugin: plugin,
-        options: pluginOpts(chart.config, plugin, opts, context)
-      });
-    }
-
-    return result;
-  }
-
-  function pluginOpts(config, plugin, opts, context) {
-    var keys = config.pluginScopeKeys(plugin);
-    var scopes = config.getOptionScopes(opts, keys);
-    return config.createResolver(scopes, context, [''], {
-      scriptable: false,
-      indexable: false,
-      allKeys: true
-    });
-  }
-
-  function getIndexAxis(type, options) {
-    var datasetDefaults = defaults.datasets[type] || {};
-    var datasetOptions = (options.datasets || {})[type] || {};
-    return datasetOptions.indexAxis || options.indexAxis || datasetDefaults.indexAxis || 'x';
-  }
-
-  function getAxisFromDefaultScaleID(id, indexAxis) {
-    var axis = id;
-
-    if (id === '_index_') {
-      axis = indexAxis;
-    } else if (id === '_value_') {
-      axis = indexAxis === 'x' ? 'y' : 'x';
-    }
-
-    return axis;
-  }
-
-  function getDefaultScaleIDFromAxis(axis, indexAxis) {
-    return axis === indexAxis ? '_index_' : '_value_';
-  }
-
-  function axisFromPosition(position) {
-    if (position === 'top' || position === 'bottom') {
-      return 'x';
-    }
-
-    if (position === 'left' || position === 'right') {
-      return 'y';
-    }
-  }
-
-  function determineAxis(id, scaleOptions) {
-    if (id === 'x' || id === 'y') {
-      return id;
-    }
-
-    return scaleOptions.axis || axisFromPosition(scaleOptions.position) || id.charAt(0).toLowerCase();
-  }
-
-  function mergeScaleConfig(config, options) {
-    var chartDefaults = overrides[config.type] || {
-      scales: {}
-    };
-    var configScales = options.scales || {};
-    var chartIndexAxis = getIndexAxis(config.type, options);
-    var firstIDs = Object.create(null);
-    var scales = Object.create(null);
-    Object.keys(configScales).forEach(function (id) {
-      var scaleConf = configScales[id];
-      var axis = determineAxis(id, scaleConf);
-      var defaultId = getDefaultScaleIDFromAxis(axis, chartIndexAxis);
-      var defaultScaleOptions = chartDefaults.scales || {};
-      firstIDs[axis] = firstIDs[axis] || id;
-      scales[id] = mergeIf(Object.create(null), [{
-        axis: axis
-      }, scaleConf, defaultScaleOptions[axis], defaultScaleOptions[defaultId]]);
-    });
-    config.data.datasets.forEach(function (dataset) {
-      var type = dataset.type || config.type;
-      var indexAxis = dataset.indexAxis || getIndexAxis(type, options);
-      var datasetDefaults = overrides[type] || {};
-      var defaultScaleOptions = datasetDefaults.scales || {};
-      Object.keys(defaultScaleOptions).forEach(function (defaultID) {
-        var axis = getAxisFromDefaultScaleID(defaultID, indexAxis);
-        var id = dataset[axis + 'AxisID'] || firstIDs[axis] || axis;
-        scales[id] = scales[id] || Object.create(null);
-        mergeIf(scales[id], [{
-          axis: axis
-        }, configScales[id], defaultScaleOptions[defaultID]]);
-      });
-    });
-    Object.keys(scales).forEach(function (key) {
-      var scale = scales[key];
-      mergeIf(scale, [defaults.scales[scale.type], defaults.scale]);
-    });
-    return scales;
-  }
-
-  function initOptions(config) {
-    var options = config.options || (config.options = {});
-    options.plugins = valueOrDefault(options.plugins, {});
-    options.scales = mergeScaleConfig(config, options);
-  }
-
-  function initConfig(config) {
-    config = config || {};
-    var data = config.data = config.data || {
-      datasets: [],
-      labels: []
-    };
-    data.datasets = data.datasets || [];
-    data.labels = data.labels || [];
-    initOptions(config);
-    return config;
-  }
-
-  var keyCache = new Map();
-  var keysCached = new Set();
-
-  function cachedKeys(cacheKey, generate) {
-    var keys = keyCache.get(cacheKey);
-
-    if (!keys) {
-      keys = generate();
-      keyCache.set(cacheKey, keys);
-      keysCached.add(keys);
-    }
-
-    return keys;
-  }
-
-  var addIfFound = function addIfFound(set, obj, key) {
-    var opts = resolveObjectKey(obj, key);
-
-    if (opts !== undefined) {
-      set.add(opts);
-    }
-  };
-
-  var Config = /*#__PURE__*/function () {
-    function Config(config) {
-      _classCallCheck(this, Config);
-
-      this._config = initConfig(config);
-      this._scopeCache = new Map();
-      this._resolverCache = new Map();
-    }
-
-    _createClass(Config, [{
-      key: "type",
-      get: function get() {
-        return this._config.type;
-      },
-      set: function set(type) {
-        this._config.type = type;
+      key: "afterBuildTicks",
+      value: function afterBuildTicks() {
+        this._callHooks('afterBuildTicks');
       }
     }, {
-      key: "data",
-      get: function get() {
-        return this._config.data;
-      },
-      set: function set(data) {
-        this._config.data = data;
+      key: "beforeTickToLabelConversion",
+      value: function beforeTickToLabelConversion() {
+        callback(this.options.beforeTickToLabelConversion, [this]);
       }
     }, {
-      key: "options",
-      get: function get() {
-        return this._config.options;
-      },
-      set: function set(options) {
-        this._config.options = options;
+      key: "generateTickLabels",
+      value: function generateTickLabels(ticks) {
+        var tickOpts = this.options.ticks;
+        var i, ilen, tick;
+        for (i = 0, ilen = ticks.length; i < ilen; i++) {
+          tick = ticks[i];
+          tick.label = callback(tickOpts.callback, [tick.value, i, ticks], this);
+        }
       }
     }, {
-      key: "plugins",
-      get: function get() {
-        return this._config.plugins;
+      key: "afterTickToLabelConversion",
+      value: function afterTickToLabelConversion() {
+        callback(this.options.afterTickToLabelConversion, [this]);
       }
     }, {
-      key: "update",
-      value: function update() {
-        var config = this._config;
-        this.clearCache();
-        initOptions(config);
+      key: "beforeCalculateLabelRotation",
+      value: function beforeCalculateLabelRotation() {
+        callback(this.options.beforeCalculateLabelRotation, [this]);
       }
     }, {
-      key: "clearCache",
-      value: function clearCache() {
-        this._scopeCache.clear();
-
-        this._resolverCache.clear();
+      key: "calculateLabelRotation",
+      value: function calculateLabelRotation() {
+        var options = this.options;
+        var tickOpts = options.ticks;
+        var numTicks = this.ticks.length;
+        var minRotation = tickOpts.minRotation || 0;
+        var maxRotation = tickOpts.maxRotation;
+        var labelRotation = minRotation;
+        var tickWidth, maxHeight, maxLabelDiagonal;
+        if (!this._isVisible() || !tickOpts.display || minRotation >= maxRotation || numTicks <= 1 || !this.isHorizontal()) {
+          this.labelRotation = minRotation;
+          return;
+        }
+        var labelSizes = this._getLabelSizes();
+        var maxLabelWidth = labelSizes.widest.width;
+        var maxLabelHeight = labelSizes.highest.height;
+        var maxWidth = _limitValue(this.chart.width - maxLabelWidth, 0, this.maxWidth);
+        tickWidth = options.offset ? this.maxWidth / numTicks : maxWidth / (numTicks - 1);
+        if (maxLabelWidth + 6 > tickWidth) {
+          tickWidth = maxWidth / (numTicks - (options.offset ? 0.5 : 1));
+          maxHeight = this.maxHeight - getTickMarkLength(options.grid) - tickOpts.padding - getTitleHeight(options.title, this.chart.options.font);
+          maxLabelDiagonal = Math.sqrt(maxLabelWidth * maxLabelWidth + maxLabelHeight * maxLabelHeight);
+          labelRotation = toDegrees(Math.min(Math.asin(_limitValue((labelSizes.highest.height + 6) / tickWidth, -1, 1)), Math.asin(_limitValue(maxHeight / maxLabelDiagonal, -1, 1)) - Math.asin(_limitValue(maxLabelHeight / maxLabelDiagonal, -1, 1))));
+          labelRotation = Math.max(minRotation, Math.min(maxRotation, labelRotation));
+        }
+        this.labelRotation = labelRotation;
       }
     }, {
-      key: "datasetScopeKeys",
-      value: function datasetScopeKeys(datasetType) {
-        return cachedKeys(datasetType, function () {
-          return [["datasets.".concat(datasetType), '']];
-        });
+      key: "afterCalculateLabelRotation",
+      value: function afterCalculateLabelRotation() {
+        callback(this.options.afterCalculateLabelRotation, [this]);
       }
     }, {
-      key: "datasetAnimationScopeKeys",
-      value: function datasetAnimationScopeKeys(datasetType, transition) {
-        return cachedKeys("".concat(datasetType, ".transition.").concat(transition), function () {
-          return [["datasets.".concat(datasetType, ".transitions.").concat(transition), "transitions.".concat(transition)], ["datasets.".concat(datasetType), '']];
-        });
+      key: "afterAutoSkip",
+      value: function afterAutoSkip() {}
+    }, {
+      key: "beforeFit",
+      value: function beforeFit() {
+        callback(this.options.beforeFit, [this]);
       }
     }, {
-      key: "datasetElementScopeKeys",
-      value: function datasetElementScopeKeys(datasetType, elementType) {
-        return cachedKeys("".concat(datasetType, "-").concat(elementType), function () {
-          return [["datasets.".concat(datasetType, ".elements.").concat(elementType), "datasets.".concat(datasetType), "elements.".concat(elementType), '']];
-        });
+      key: "fit",
+      value: function fit() {
+        var minSize = {
+          width: 0,
+          height: 0
+        };
+        var chart = this.chart,
+          _this$options5 = this.options,
+          tickOpts = _this$options5.ticks,
+          titleOpts = _this$options5.title,
+          gridOpts = _this$options5.grid;
+        var display = this._isVisible();
+        var isHorizontal = this.isHorizontal();
+        if (display) {
+          var titleHeight = getTitleHeight(titleOpts, chart.options.font);
+          if (isHorizontal) {
+            minSize.width = this.maxWidth;
+            minSize.height = getTickMarkLength(gridOpts) + titleHeight;
+          } else {
+            minSize.height = this.maxHeight;
+            minSize.width = getTickMarkLength(gridOpts) + titleHeight;
+          }
+          if (tickOpts.display && this.ticks.length) {
+            var _this$_getLabelSizes = this._getLabelSizes(),
+              first = _this$_getLabelSizes.first,
+              last = _this$_getLabelSizes.last,
+              widest = _this$_getLabelSizes.widest,
+              highest = _this$_getLabelSizes.highest;
+            var tickPadding = tickOpts.padding * 2;
+            var angleRadians = toRadians(this.labelRotation);
+            var cos = Math.cos(angleRadians);
+            var sin = Math.sin(angleRadians);
+            if (isHorizontal) {
+              var labelHeight = tickOpts.mirror ? 0 : sin * widest.width + cos * highest.height;
+              minSize.height = Math.min(this.maxHeight, minSize.height + labelHeight + tickPadding);
+            } else {
+              var labelWidth = tickOpts.mirror ? 0 : cos * widest.width + sin * highest.height;
+              minSize.width = Math.min(this.maxWidth, minSize.width + labelWidth + tickPadding);
+            }
+            this._calculatePadding(first, last, sin, cos);
+          }
+        }
+        this._handleMargins();
+        if (isHorizontal) {
+          this.width = this._length = chart.width - this._margins.left - this._margins.right;
+          this.height = minSize.height;
+        } else {
+          this.width = minSize.width;
+          this.height = this._length = chart.height - this._margins.top - this._margins.bottom;
+        }
       }
     }, {
-      key: "pluginScopeKeys",
-      value: function pluginScopeKeys(plugin) {
-        var id = plugin.id;
-        var type = this.type;
-        return cachedKeys("".concat(type, "-plugin-").concat(id), function () {
-          return [["plugins.".concat(id)].concat(_toConsumableArray(plugin.additionalOptionScopes || []))];
-        });
+      key: "_calculatePadding",
+      value: function _calculatePadding(first, last, sin, cos) {
+        var _this$options6 = this.options,
+          _this$options6$ticks = _this$options6.ticks,
+          align = _this$options6$ticks.align,
+          padding = _this$options6$ticks.padding,
+          position = _this$options6.position;
+        var isRotated = this.labelRotation !== 0;
+        var labelsBelowTicks = position !== 'top' && this.axis === 'x';
+        if (this.isHorizontal()) {
+          var offsetLeft = this.getPixelForTick(0) - this.left;
+          var offsetRight = this.right - this.getPixelForTick(this.ticks.length - 1);
+          var paddingLeft = 0;
+          var paddingRight = 0;
+          if (isRotated) {
+            if (labelsBelowTicks) {
+              paddingLeft = cos * first.width;
+              paddingRight = sin * last.height;
+            } else {
+              paddingLeft = sin * first.height;
+              paddingRight = cos * last.width;
+            }
+          } else if (align === 'start') {
+            paddingRight = last.width;
+          } else if (align === 'end') {
+            paddingLeft = first.width;
+          } else if (align !== 'inner') {
+            paddingLeft = first.width / 2;
+            paddingRight = last.width / 2;
+          }
+          this.paddingLeft = Math.max((paddingLeft - offsetLeft + padding) * this.width / (this.width - offsetLeft), 0);
+          this.paddingRight = Math.max((paddingRight - offsetRight + padding) * this.width / (this.width - offsetRight), 0);
+        } else {
+          var paddingTop = last.height / 2;
+          var paddingBottom = first.height / 2;
+          if (align === 'start') {
+            paddingTop = 0;
+            paddingBottom = first.height;
+          } else if (align === 'end') {
+            paddingTop = last.height;
+            paddingBottom = 0;
+          }
+          this.paddingTop = paddingTop + padding;
+          this.paddingBottom = paddingBottom + padding;
+        }
       }
     }, {
-      key: "_cachedScopes",
-      value: function _cachedScopes(mainScope, resetCache) {
-        var _scopeCache = this._scopeCache;
-
-        var cache = _scopeCache.get(mainScope);
-
-        if (!cache || resetCache) {
-          cache = new Map();
-
-          _scopeCache.set(mainScope, cache);
+      key: "_handleMargins",
+      value: function _handleMargins() {
+        if (this._margins) {
+          this._margins.left = Math.max(this.paddingLeft, this._margins.left);
+          this._margins.top = Math.max(this.paddingTop, this._margins.top);
+          this._margins.right = Math.max(this.paddingRight, this._margins.right);
+          this._margins.bottom = Math.max(this.paddingBottom, this._margins.bottom);
         }
-
-        return cache;
       }
     }, {
-      key: "getOptionScopes",
-      value: function getOptionScopes(mainScope, keyLists, resetCache) {
-        var options = this.options,
-            type = this.type;
-
-        var cache = this._cachedScopes(mainScope, resetCache);
-
-        var cached = cache.get(keyLists);
-
-        if (cached) {
-          return cached;
-        }
-
-        var scopes = new Set();
-        keyLists.forEach(function (keys) {
-          if (mainScope) {
-            scopes.add(mainScope);
-            keys.forEach(function (key) {
-              return addIfFound(scopes, mainScope, key);
-            });
+      key: "afterFit",
+      value: function afterFit() {
+        callback(this.options.afterFit, [this]);
+      }
+    }, {
+      key: "isHorizontal",
+      value: function isHorizontal() {
+        var _this$options7 = this.options,
+          axis = _this$options7.axis,
+          position = _this$options7.position;
+        return position === 'top' || position === 'bottom' || axis === 'x';
+      }
+    }, {
+      key: "isFullSize",
+      value: function isFullSize() {
+        return this.options.fullSize;
+      }
+    }, {
+      key: "_convertTicksToLabels",
+      value: function _convertTicksToLabels(ticks) {
+        this.beforeTickToLabelConversion();
+        this.generateTickLabels(ticks);
+        var i, ilen;
+        for (i = 0, ilen = ticks.length; i < ilen; i++) {
+          if (isNullOrUndef(ticks[i].label)) {
+            ticks.splice(i, 1);
+            ilen--;
+            i--;
           }
-
-          keys.forEach(function (key) {
-            return addIfFound(scopes, options, key);
-          });
-          keys.forEach(function (key) {
-            return addIfFound(scopes, overrides[type] || {}, key);
-          });
-          keys.forEach(function (key) {
-            return addIfFound(scopes, defaults, key);
-          });
-          keys.forEach(function (key) {
-            return addIfFound(scopes, descriptors, key);
-          });
-        });
-
-        var array = _toConsumableArray(scopes);
-
-        if (keysCached.has(keyLists)) {
-          cache.set(keyLists, array);
         }
-
-        return array;
+        this.afterTickToLabelConversion();
       }
     }, {
-      key: "chartOptionScopes",
-      value: function chartOptionScopes() {
-        var options = this.options,
-            type = this.type;
-        return [options, overrides[type] || {}, defaults.datasets[type] || {}, {
-          type: type
-        }, defaults, descriptors];
+      key: "_getLabelSizes",
+      value: function _getLabelSizes() {
+        var labelSizes = this._labelSizes;
+        if (!labelSizes) {
+          var sampleSize = this.options.ticks.sampleSize;
+          var ticks = this.ticks;
+          if (sampleSize < ticks.length) {
+            ticks = sample(ticks, sampleSize);
+          }
+          this._labelSizes = labelSizes = this._computeLabelSizes(ticks, ticks.length);
+        }
+        return labelSizes;
       }
     }, {
-      key: "resolveNamedOptions",
-      value: function resolveNamedOptions(scopes, names, context) {
-        var prefixes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [''];
-        var result = {
-          $shared: true
-        };
-
-        var _getResolver = getResolver(this._resolverCache, scopes, prefixes),
-            resolver = _getResolver.resolver,
-            subPrefixes = _getResolver.subPrefixes;
-
-        var options = resolver;
-
-        if (needContext(resolver, names)) {
-          result.$shared = false;
-          context = isFunction(context) ? context() : context;
-          var subResolver = this.createResolver(scopes, context, subPrefixes);
-          options = _attachContext(resolver, context, subResolver);
-        }
-
-        var _iterator4 = _createForOfIteratorHelper(names),
-            _step4;
-
-        try {
-          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-            var prop = _step4.value;
-            result[prop] = options[prop];
+      key: "_computeLabelSizes",
+      value: function _computeLabelSizes(ticks, length) {
+        var ctx = this.ctx,
+          caches = this._longestTextCache;
+        var widths = [];
+        var heights = [];
+        var widestLabelSize = 0;
+        var highestLabelSize = 0;
+        var i, j, jlen, label, tickFont, fontString, cache, lineHeight, width, height, nestedLabel;
+        for (i = 0; i < length; ++i) {
+          label = ticks[i].label;
+          tickFont = this._resolveTickFontOptions(i);
+          ctx.font = fontString = tickFont.string;
+          cache = caches[fontString] = caches[fontString] || {
+            data: {},
+            gc: []
+          };
+          lineHeight = tickFont.lineHeight;
+          width = height = 0;
+          if (!isNullOrUndef(label) && !isArray(label)) {
+            width = _measureText(ctx, cache.data, cache.gc, width, label);
+            height = lineHeight;
+          } else if (isArray(label)) {
+            for (j = 0, jlen = label.length; j < jlen; ++j) {
+              nestedLabel = label[j];
+              if (!isNullOrUndef(nestedLabel) && !isArray(nestedLabel)) {
+                width = _measureText(ctx, cache.data, cache.gc, width, nestedLabel);
+                height += lineHeight;
+              }
+            }
           }
-        } catch (err) {
-          _iterator4.e(err);
-        } finally {
-          _iterator4.f();
+          widths.push(width);
+          heights.push(height);
+          widestLabelSize = Math.max(width, widestLabelSize);
+          highestLabelSize = Math.max(height, highestLabelSize);
         }
-
-        return result;
+        garbageCollect(caches, length);
+        var widest = widths.indexOf(widestLabelSize);
+        var highest = heights.indexOf(highestLabelSize);
+        var valueAt = function valueAt(idx) {
+          return {
+            width: widths[idx] || 0,
+            height: heights[idx] || 0
+          };
+        };
+        return {
+          first: valueAt(0),
+          last: valueAt(length - 1),
+          widest: valueAt(widest),
+          highest: valueAt(highest),
+          widths: widths,
+          heights: heights
+        };
       }
     }, {
-      key: "createResolver",
-      value: function createResolver(scopes, context) {
-        var prefixes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [''];
-        var descriptorDefaults = arguments.length > 3 ? arguments[3] : undefined;
-
-        var _getResolver2 = getResolver(this._resolverCache, scopes, prefixes),
-            resolver = _getResolver2.resolver;
-
-        return isObject(context) ? _attachContext(resolver, context, undefined, descriptorDefaults) : resolver;
-      }
-    }]);
-
-    return Config;
-  }();
-
-  function getResolver(resolverCache, scopes, prefixes) {
-    var cache = resolverCache.get(scopes);
-
-    if (!cache) {
-      cache = new Map();
-      resolverCache.set(scopes, cache);
-    }
-
-    var cacheKey = prefixes.join();
-    var cached = cache.get(cacheKey);
-
-    if (!cached) {
-      var resolver = _createResolver(scopes, prefixes);
-
-      cached = {
-        resolver: resolver,
-        subPrefixes: prefixes.filter(function (p) {
-          return !p.toLowerCase().includes('hover');
-        })
-      };
-      cache.set(cacheKey, cached);
-    }
-
-    return cached;
-  }
-
-  function needContext(proxy, names) {
-    var _descriptors2 = _descriptors(proxy),
-        isScriptable = _descriptors2.isScriptable,
-        isIndexable = _descriptors2.isIndexable;
-
-    var _iterator5 = _createForOfIteratorHelper(names),
-        _step5;
-
-    try {
-      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-        var prop = _step5.value;
-
-        if (isScriptable(prop) && isFunction(proxy[prop]) || isIndexable(prop) && isArray(proxy[prop])) {
-          return true;
-        }
-      }
-    } catch (err) {
-      _iterator5.e(err);
-    } finally {
-      _iterator5.f();
-    }
-
-    return false;
-  }
-
-  var version = "3.0.2";
-  var KNOWN_POSITIONS = ['top', 'bottom', 'left', 'right', 'chartArea'];
-
-  function positionIsHorizontal(position, axis) {
-    return position === 'top' || position === 'bottom' || KNOWN_POSITIONS.indexOf(position) === -1 && axis === 'x';
-  }
-
-  function compare2Level(l1, l2) {
-    return function (a, b) {
-      return a[l1] === b[l1] ? a[l2] - b[l2] : a[l1] - b[l1];
-    };
-  }
-
-  function onAnimationsComplete(context) {
-    var chart = context.chart;
-    var animationOptions = chart.options.animation;
-    chart.notifyPlugins('afterRender');
-    callback(animationOptions && animationOptions.onComplete, [context], chart);
-  }
-
-  function onAnimationProgress(context) {
-    var chart = context.chart;
-    var animationOptions = chart.options.animation;
-    callback(animationOptions && animationOptions.onProgress, [context], chart);
-  }
-
-  function isDomSupported() {
-    return typeof window !== 'undefined' && typeof document !== 'undefined';
-  }
-
-  function getCanvas(item) {
-    if (isDomSupported() && typeof item === 'string') {
-      item = document.getElementById(item);
-    } else if (item && item.length) {
-      item = item[0];
-    }
-
-    if (item && item.canvas) {
-      item = item.canvas;
-    }
-
-    return item;
-  }
-
-  var instances = {};
-
-  var getChart = function getChart(key) {
-    var canvas = getCanvas(key);
-    return Object.values(instances).filter(function (c) {
-      return c.canvas === canvas;
-    }).pop();
-  };
-
-  var Chart = /*#__PURE__*/function () {
-    function Chart(item, config) {
-      var _this5 = this;
-
-      _classCallCheck(this, Chart);
-
-      var me = this;
-      this.config = config = new Config(config);
-      var initialCanvas = getCanvas(item);
-      var existingChart = getChart(initialCanvas);
-
-      if (existingChart) {
-        throw new Error('Canvas is already in use. Chart with ID \'' + existingChart.id + '\'' + ' must be destroyed before the canvas can be reused.');
-      }
-
-      var options = config.createResolver(config.chartOptionScopes(), me.getContext());
-      this.platform = me._initializePlatform(initialCanvas, config);
-      var context = me.platform.acquireContext(initialCanvas, options.aspectRatio);
-      var canvas = context && context.canvas;
-      var height = canvas && canvas.height;
-      var width = canvas && canvas.width;
-      this.id = uid();
-      this.ctx = context;
-      this.canvas = canvas;
-      this.width = width;
-      this.height = height;
-      this._options = options;
-      this._aspectRatio = this.aspectRatio;
-      this._layers = [];
-      this._metasets = [];
-      this._stacks = undefined;
-      this.boxes = [];
-      this.currentDevicePixelRatio = undefined;
-      this.chartArea = undefined;
-      this._active = [];
-      this._lastEvent = undefined;
-      this._listeners = {};
-      this._sortedMetasets = [];
-      this.scales = {};
-      this.scale = undefined;
-      this._plugins = new PluginService();
-      this.$proxies = {};
-      this._hiddenIndices = {};
-      this.attached = false;
-      this._animationsDisabled = undefined;
-      this.$context = undefined;
-      this._doResize = debounce(function () {
-        return _this5.update('resize');
-      }, options.resizeDelay || 0);
-      instances[me.id] = me;
-
-      if (!context || !canvas) {
-        console.error("Failed to create chart: can't acquire context from the given item");
-        return;
-      }
-
-      animator.listen(me, 'complete', onAnimationsComplete);
-      animator.listen(me, 'progress', onAnimationProgress);
-
-      me._initialize();
-
-      if (me.attached) {
-        me.update();
-      }
-    }
-
-    _createClass(Chart, [{
-      key: "aspectRatio",
-      get: function get() {
-        var _this$options3 = this.options,
-            aspectRatio = _this$options3.aspectRatio,
-            maintainAspectRatio = _this$options3.maintainAspectRatio,
-            width = this.width,
-            height = this.height,
-            _aspectRatio = this._aspectRatio;
-
-        if (!isNullOrUndef(aspectRatio)) {
-          return aspectRatio;
-        }
-
-        if (maintainAspectRatio && _aspectRatio) {
-          return _aspectRatio;
-        }
-
-        return height ? width / height : null;
+      key: "getLabelForValue",
+      value: function getLabelForValue(value) {
+        return value;
       }
     }, {
-      key: "data",
-      get: function get() {
-        return this.config.data;
-      },
-      set: function set(data) {
-        this.config.data = data;
+      key: "getPixelForValue",
+      value: function getPixelForValue(value, index) {
+        return NaN;
       }
     }, {
-      key: "options",
-      get: function get() {
-        return this._options;
-      },
-      set: function set(options) {
-        this.config.options = options;
-      }
+      key: "getValueForPixel",
+      value: function getValueForPixel(pixel) {}
     }, {
-      key: "_initialize",
-      value: function _initialize() {
-        var me = this;
-        me.notifyPlugins('beforeInit');
-
-        if (me.options.responsive) {
-          me.resize();
-        } else {
-          retinaScale(me, me.options.devicePixelRatio);
+      key: "getPixelForTick",
+      value: function getPixelForTick(index) {
+        var ticks = this.ticks;
+        if (index < 0 || index > ticks.length - 1) {
+          return null;
         }
-
-        me.bindEvents();
-        me.notifyPlugins('afterInit');
-        return me;
+        return this.getPixelForValue(ticks[index].value);
       }
     }, {
-      key: "_initializePlatform",
-      value: function _initializePlatform(canvas, config) {
-        if (config.platform) {
-          return new config.platform();
-        } else if (!isDomSupported() || typeof OffscreenCanvas !== 'undefined' && canvas instanceof OffscreenCanvas) {
-          return new BasicPlatform();
+      key: "getPixelForDecimal",
+      value: function getPixelForDecimal(decimal) {
+        if (this._reversePixels) {
+          decimal = 1 - decimal;
         }
-
-        return new DomPlatform();
+        var pixel = this._startPixel + decimal * this._length;
+        return _int16Range(this._alignToPixels ? _alignPixel(this.chart, pixel, 0) : pixel);
       }
     }, {
-      key: "clear",
-      value: function clear() {
-        clearCanvas(this.canvas, this.ctx);
-        return this;
+      key: "getDecimalForPixel",
+      value: function getDecimalForPixel(pixel) {
+        var decimal = (pixel - this._startPixel) / this._length;
+        return this._reversePixels ? 1 - decimal : decimal;
       }
     }, {
-      key: "stop",
-      value: function stop() {
-        animator.stop(this);
-        return this;
+      key: "getBasePixel",
+      value: function getBasePixel() {
+        return this.getPixelForValue(this.getBaseValue());
       }
     }, {
-      key: "resize",
-      value: function resize(width, height) {
-        if (!animator.running(this)) {
-          this._resize(width, height);
-        } else {
-          this._resizeBeforeDraw = {
-            width: width,
-            height: height
-          };
-        }
+      key: "getBaseValue",
+      value: function getBaseValue() {
+        var min = this.min,
+          max = this.max;
+        return min < 0 && max < 0 ? max : min > 0 && max > 0 ? min : 0;
       }
     }, {
-      key: "_resize",
-      value: function _resize(width, height) {
-        var me = this;
-        var options = me.options;
-        var canvas = me.canvas;
-        var aspectRatio = options.maintainAspectRatio && me.aspectRatio;
-        var newSize = me.platform.getMaximumSize(canvas, width, height, aspectRatio);
-        var oldRatio = me.currentDevicePixelRatio;
-        var newRatio = options.devicePixelRatio || me.platform.getDevicePixelRatio();
-
-        if (me.width === newSize.width && me.height === newSize.height && oldRatio === newRatio) {
-          return;
-        }
-
-        me.width = newSize.width;
-        me.height = newSize.height;
-        me._aspectRatio = me.aspectRatio;
-        retinaScale(me, newRatio, true);
-        me.notifyPlugins('resize', {
-          size: newSize
-        });
-        callback(options.onResize, [me, newSize], me);
-
-        if (me.attached) {
-          if (me._doResize()) {
-            me.render();
-          }
+      key: "getContext",
+      value: function getContext(index) {
+        var ticks = this.ticks || [];
+        if (index >= 0 && index < ticks.length) {
+          var tick = ticks[index];
+          return tick.$context || (tick.$context = createTickContext(this.getContext(), index, tick));
         }
+        return this.$context || (this.$context = createScaleContext(this.chart.getContext(), this));
       }
     }, {
-      key: "ensureScalesHaveIDs",
-      value: function ensureScalesHaveIDs() {
-        var options = this.options;
-        var scalesOptions = options.scales || {};
-        each(scalesOptions, function (axisOptions, axisID) {
-          axisOptions.id = axisID;
-        });
+      key: "_tickSize",
+      value: function _tickSize() {
+        var optionTicks = this.options.ticks;
+        var rot = toRadians(this.labelRotation);
+        var cos = Math.abs(Math.cos(rot));
+        var sin = Math.abs(Math.sin(rot));
+        var labelSizes = this._getLabelSizes();
+        var padding = optionTicks.autoSkipPadding || 0;
+        var w = labelSizes ? labelSizes.widest.width + padding : 0;
+        var h = labelSizes ? labelSizes.highest.height + padding : 0;
+        return this.isHorizontal() ? h * cos > w * sin ? w / cos : h / sin : h * sin < w * cos ? h / cos : w / sin;
       }
     }, {
-      key: "buildOrUpdateScales",
-      value: function buildOrUpdateScales() {
-        var me = this;
-        var options = me.options;
-        var scaleOpts = options.scales;
-        var scales = me.scales;
-        var updated = Object.keys(scales).reduce(function (obj, id) {
-          obj[id] = false;
-          return obj;
-        }, {});
-        var items = [];
-
-        if (scaleOpts) {
-          items = items.concat(Object.keys(scaleOpts).map(function (id) {
-            var scaleOptions = scaleOpts[id];
-            var axis = determineAxis(id, scaleOptions);
-            var isRadial = axis === 'r';
-            var isHorizontal = axis === 'x';
-            return {
-              options: scaleOptions,
-              dposition: isRadial ? 'chartArea' : isHorizontal ? 'bottom' : 'left',
-              dtype: isRadial ? 'radialLinear' : isHorizontal ? 'category' : 'linear'
-            };
-          }));
-        }
-
-        each(items, function (item) {
-          var scaleOptions = item.options;
-          var id = scaleOptions.id;
-          var axis = determineAxis(id, scaleOptions);
-          var scaleType = valueOrDefault(scaleOptions.type, item.dtype);
-
-          if (scaleOptions.position === undefined || positionIsHorizontal(scaleOptions.position, axis) !== positionIsHorizontal(item.dposition)) {
-            scaleOptions.position = item.dposition;
-          }
-
-          updated[id] = true;
-          var scale = null;
-
-          if (id in scales && scales[id].type === scaleType) {
-            scale = scales[id];
-          } else {
-            var scaleClass = registry.getScale(scaleType);
-            scale = new scaleClass({
-              id: id,
-              type: scaleType,
-              ctx: me.ctx,
-              chart: me
-            });
-            scales[scale.id] = scale;
-          }
-
-          scale.init(scaleOptions, options);
-        });
-        each(updated, function (hasUpdated, id) {
-          if (!hasUpdated) {
-            delete scales[id];
-          }
-        });
-        each(scales, function (scale) {
-          layouts.configure(me, scale, scale.options);
-          layouts.addBox(me, scale);
-        });
-      }
-    }, {
-      key: "_updateMetasetIndex",
-      value: function _updateMetasetIndex(meta, index) {
-        var metasets = this._metasets;
-        var oldIndex = meta.index;
-
-        if (oldIndex !== index) {
-          metasets[oldIndex] = metasets[index];
-          metasets[index] = meta;
-          meta.index = index;
+      key: "_isVisible",
+      value: function _isVisible() {
+        var display = this.options.display;
+        if (display !== 'auto') {
+          return !!display;
         }
+        return this.getMatchingVisibleMetas().length > 0;
       }
     }, {
-      key: "_updateMetasets",
-      value: function _updateMetasets() {
-        var me = this;
-        var metasets = me._metasets;
-        var numData = me.data.datasets.length;
-        var numMeta = metasets.length;
-
-        if (numMeta > numData) {
-          for (var i = numData; i < numMeta; ++i) {
-            me._destroyDatasetMeta(i);
+      key: "_computeGridLineItems",
+      value: function _computeGridLineItems(chartArea) {
+        var axis = this.axis;
+        var chart = this.chart;
+        var options = this.options;
+        var grid = options.grid,
+          position = options.position,
+          border = options.border;
+        var offset = grid.offset;
+        var isHorizontal = this.isHorizontal();
+        var ticks = this.ticks;
+        var ticksLength = ticks.length + (offset ? 1 : 0);
+        var tl = getTickMarkLength(grid);
+        var items = [];
+        var borderOpts = border.setContext(this.getContext());
+        var axisWidth = borderOpts.display ? borderOpts.width : 0;
+        var axisHalfWidth = axisWidth / 2;
+        var alignBorderValue = function alignBorderValue(pixel) {
+          return _alignPixel(chart, pixel, axisWidth);
+        };
+        var borderValue, i, lineValue, alignedLineValue;
+        var tx1, ty1, tx2, ty2, x1, y1, x2, y2;
+        if (position === 'top') {
+          borderValue = alignBorderValue(this.bottom);
+          ty1 = this.bottom - tl;
+          ty2 = borderValue - axisHalfWidth;
+          y1 = alignBorderValue(chartArea.top) + axisHalfWidth;
+          y2 = chartArea.bottom;
+        } else if (position === 'bottom') {
+          borderValue = alignBorderValue(this.top);
+          y1 = chartArea.top;
+          y2 = alignBorderValue(chartArea.bottom) - axisHalfWidth;
+          ty1 = borderValue + axisHalfWidth;
+          ty2 = this.top + tl;
+        } else if (position === 'left') {
+          borderValue = alignBorderValue(this.right);
+          tx1 = this.right - tl;
+          tx2 = borderValue - axisHalfWidth;
+          x1 = alignBorderValue(chartArea.left) + axisHalfWidth;
+          x2 = chartArea.right;
+        } else if (position === 'right') {
+          borderValue = alignBorderValue(this.left);
+          x1 = chartArea.left;
+          x2 = alignBorderValue(chartArea.right) - axisHalfWidth;
+          tx1 = borderValue + axisHalfWidth;
+          tx2 = this.left + tl;
+        } else if (axis === 'x') {
+          if (position === 'center') {
+            borderValue = alignBorderValue((chartArea.top + chartArea.bottom) / 2 + 0.5);
+          } else if (isObject(position)) {
+            var positionAxisID = Object.keys(position)[0];
+            var value = position[positionAxisID];
+            borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));
           }
-
-          metasets.splice(numData, numMeta - numData);
-        }
-
-        me._sortedMetasets = metasets.slice(0).sort(compare2Level('order', 'index'));
-      }
-    }, {
-      key: "_removeUnreferencedMetasets",
-      value: function _removeUnreferencedMetasets() {
-        var me = this;
-        var metasets = me._metasets,
-            datasets = me.data.datasets;
-
-        if (metasets.length > datasets.length) {
-          delete me._stacks;
-        }
-
-        metasets.forEach(function (meta, index) {
-          if (datasets.filter(function (x) {
-            return x === meta._dataset;
-          }).length === 0) {
-            me._destroyDatasetMeta(index);
+          y1 = chartArea.top;
+          y2 = chartArea.bottom;
+          ty1 = borderValue + axisHalfWidth;
+          ty2 = ty1 + tl;
+        } else if (axis === 'y') {
+          if (position === 'center') {
+            borderValue = alignBorderValue((chartArea.left + chartArea.right) / 2);
+          } else if (isObject(position)) {
+            var positionAxisID1 = Object.keys(position)[0];
+            var value1 = position[positionAxisID1];
+            borderValue = alignBorderValue(this.chart.scales[positionAxisID1].getPixelForValue(value1));
           }
-        });
-      }
-    }, {
-      key: "buildOrUpdateControllers",
-      value: function buildOrUpdateControllers() {
-        var me = this;
-        var newControllers = [];
-        var datasets = me.data.datasets;
-        var i, ilen;
-
-        me._removeUnreferencedMetasets();
-
-        for (i = 0, ilen = datasets.length; i < ilen; i++) {
-          var dataset = datasets[i];
-          var meta = me.getDatasetMeta(i);
-          var type = dataset.type || me.config.type;
-
-          if (meta.type && meta.type !== type) {
-            me._destroyDatasetMeta(i);
-
-            meta = me.getDatasetMeta(i);
+          tx1 = borderValue - axisHalfWidth;
+          tx2 = tx1 - tl;
+          x1 = chartArea.left;
+          x2 = chartArea.right;
+        }
+        var limit = valueOrDefault(options.ticks.maxTicksLimit, ticksLength);
+        var step = Math.max(1, Math.ceil(ticksLength / limit));
+        for (i = 0; i < ticksLength; i += step) {
+          var context = this.getContext(i);
+          var optsAtIndex = grid.setContext(context);
+          var optsAtIndexBorder = border.setContext(context);
+          var lineWidth = optsAtIndex.lineWidth;
+          var lineColor = optsAtIndex.color;
+          var borderDash = optsAtIndexBorder.dash || [];
+          var borderDashOffset = optsAtIndexBorder.dashOffset;
+          var tickWidth = optsAtIndex.tickWidth;
+          var tickColor = optsAtIndex.tickColor;
+          var tickBorderDash = optsAtIndex.tickBorderDash || [];
+          var tickBorderDashOffset = optsAtIndex.tickBorderDashOffset;
+          lineValue = getPixelForGridLine(this, i, offset);
+          if (lineValue === undefined) {
+            continue;
           }
-
-          meta.type = type;
-          meta.indexAxis = dataset.indexAxis || getIndexAxis(type, me.options);
-          meta.order = dataset.order || 0;
-
-          me._updateMetasetIndex(meta, i);
-
-          meta.label = '' + dataset.label;
-          meta.visible = me.isDatasetVisible(i);
-
-          if (meta.controller) {
-            meta.controller.updateIndex(i);
-            meta.controller.linkScales();
+          alignedLineValue = _alignPixel(chart, lineValue, lineWidth);
+          if (isHorizontal) {
+            tx1 = tx2 = x1 = x2 = alignedLineValue;
           } else {
-            var ControllerClass = registry.getController(type);
-            var _defaults$datasets$ty = defaults.datasets[type],
-                datasetElementType = _defaults$datasets$ty.datasetElementType,
-                dataElementType = _defaults$datasets$ty.dataElementType;
-            Object.assign(ControllerClass.prototype, {
-              dataElementType: registry.getElement(dataElementType),
-              datasetElementType: datasetElementType && registry.getElement(datasetElementType)
-            });
-            meta.controller = new ControllerClass(me, i);
-            newControllers.push(meta.controller);
+            ty1 = ty2 = y1 = y2 = alignedLineValue;
           }
+          items.push({
+            tx1: tx1,
+            ty1: ty1,
+            tx2: tx2,
+            ty2: ty2,
+            x1: x1,
+            y1: y1,
+            x2: x2,
+            y2: y2,
+            width: lineWidth,
+            color: lineColor,
+            borderDash: borderDash,
+            borderDashOffset: borderDashOffset,
+            tickWidth: tickWidth,
+            tickColor: tickColor,
+            tickBorderDash: tickBorderDash,
+            tickBorderDashOffset: tickBorderDashOffset
+          });
         }
-
-        me._updateMetasets();
-
-        return newControllers;
-      }
-    }, {
-      key: "_resetElements",
-      value: function _resetElements() {
-        var me = this;
-        each(me.data.datasets, function (dataset, datasetIndex) {
-          me.getDatasetMeta(datasetIndex).controller.reset();
-        }, me);
-      }
-    }, {
-      key: "reset",
-      value: function reset() {
-        this._resetElements();
-
-        this.notifyPlugins('reset');
+        this._ticksLength = ticksLength;
+        this._borderValue = borderValue;
+        return items;
       }
     }, {
-      key: "update",
-      value: function update(mode) {
-        var me = this;
-        var config = me.config;
-        config.update();
-        me._options = config.createResolver(config.chartOptionScopes(), me.getContext());
-        each(me.scales, function (scale) {
-          layouts.removeBox(me, scale);
-        });
-        var animsDisabled = me._animationsDisabled = !me.options.animation;
-        me.ensureScalesHaveIDs();
-        me.buildOrUpdateScales();
-
-        me._plugins.invalidate();
-
-        if (me.notifyPlugins('beforeUpdate', {
-          mode: mode,
-          cancelable: true
-        }) === false) {
-          return;
-        }
-
-        var newControllers = me.buildOrUpdateControllers();
-        me.notifyPlugins('beforeElementsUpdate');
-        var minPadding = 0;
-
-        for (var i = 0, ilen = me.data.datasets.length; i < ilen; i++) {
-          var _me$getDatasetMeta = me.getDatasetMeta(i),
-              controller = _me$getDatasetMeta.controller;
-
-          var reset = !animsDisabled && newControllers.indexOf(controller) === -1;
-          controller.buildOrUpdateElements(reset);
-          minPadding = Math.max(+controller.getMaxOverflow(), minPadding);
+      key: "_computeLabelItems",
+      value: function _computeLabelItems(chartArea) {
+        var axis = this.axis;
+        var options = this.options;
+        var position = options.position,
+          optionTicks = options.ticks;
+        var isHorizontal = this.isHorizontal();
+        var ticks = this.ticks;
+        var align = optionTicks.align,
+          crossAlign = optionTicks.crossAlign,
+          padding = optionTicks.padding,
+          mirror = optionTicks.mirror;
+        var tl = getTickMarkLength(options.grid);
+        var tickAndPadding = tl + padding;
+        var hTickAndPadding = mirror ? -padding : tickAndPadding;
+        var rotation = -toRadians(this.labelRotation);
+        var items = [];
+        var i, ilen, tick, label, x, y, textAlign, pixel, font, lineHeight, lineCount, textOffset;
+        var textBaseline = 'middle';
+        if (position === 'top') {
+          y = this.bottom - hTickAndPadding;
+          textAlign = this._getXAxisLabelAlignment();
+        } else if (position === 'bottom') {
+          y = this.top + hTickAndPadding;
+          textAlign = this._getXAxisLabelAlignment();
+        } else if (position === 'left') {
+          var ret = this._getYAxisLabelAlignment(tl);
+          textAlign = ret.textAlign;
+          x = ret.x;
+        } else if (position === 'right') {
+          var ret1 = this._getYAxisLabelAlignment(tl);
+          textAlign = ret1.textAlign;
+          x = ret1.x;
+        } else if (axis === 'x') {
+          if (position === 'center') {
+            y = (chartArea.top + chartArea.bottom) / 2 + tickAndPadding;
+          } else if (isObject(position)) {
+            var positionAxisID = Object.keys(position)[0];
+            var value = position[positionAxisID];
+            y = this.chart.scales[positionAxisID].getPixelForValue(value) + tickAndPadding;
+          }
+          textAlign = this._getXAxisLabelAlignment();
+        } else if (axis === 'y') {
+          if (position === 'center') {
+            x = (chartArea.left + chartArea.right) / 2 - tickAndPadding;
+          } else if (isObject(position)) {
+            var positionAxisID1 = Object.keys(position)[0];
+            var value1 = position[positionAxisID1];
+            x = this.chart.scales[positionAxisID1].getPixelForValue(value1);
+          }
+          textAlign = this._getYAxisLabelAlignment(tl).textAlign;
         }
-
-        me._minPadding = minPadding;
-
-        me._updateLayout(minPadding);
-
-        if (!animsDisabled) {
-          each(newControllers, function (controller) {
-            controller.reset();
-          });
+        if (axis === 'y') {
+          if (align === 'start') {
+            textBaseline = 'top';
+          } else if (align === 'end') {
+            textBaseline = 'bottom';
+          }
         }
-
-        me._updateDatasets(mode);
-
-        me.notifyPlugins('afterUpdate', {
-          mode: mode
-        });
-
-        me._layers.sort(compare2Level('z', '_idx'));
-
-        if (me._lastEvent) {
-          me._eventHandler(me._lastEvent, true);
-        }
-
-        me.render();
-      }
-    }, {
-      key: "_updateLayout",
-      value: function _updateLayout(minPadding) {
-        var me = this;
-
-        if (me.notifyPlugins('beforeLayout', {
-          cancelable: true
-        }) === false) {
-          return;
-        }
-
-        layouts.update(me, me.width, me.height, minPadding);
-        var area = me.chartArea;
-        var noArea = area.width <= 0 || area.height <= 0;
-        me._layers = [];
-        each(me.boxes, function (box) {
-          var _me$_layers;
-
-          if (noArea && box.position === 'chartArea') {
-            return;
+        var labelSizes = this._getLabelSizes();
+        for (i = 0, ilen = ticks.length; i < ilen; ++i) {
+          tick = ticks[i];
+          label = tick.label;
+          var optsAtIndex = optionTicks.setContext(this.getContext(i));
+          pixel = this.getPixelForTick(i) + optionTicks.labelOffset;
+          font = this._resolveTickFontOptions(i);
+          lineHeight = font.lineHeight;
+          lineCount = isArray(label) ? label.length : 1;
+          var halfCount = lineCount / 2;
+          var color = optsAtIndex.color;
+          var strokeColor = optsAtIndex.textStrokeColor;
+          var strokeWidth = optsAtIndex.textStrokeWidth;
+          var tickTextAlign = textAlign;
+          if (isHorizontal) {
+            x = pixel;
+            if (textAlign === 'inner') {
+              if (i === ilen - 1) {
+                tickTextAlign = !this.options.reverse ? 'right' : 'left';
+              } else if (i === 0) {
+                tickTextAlign = !this.options.reverse ? 'left' : 'right';
+              } else {
+                tickTextAlign = 'center';
+              }
+            }
+            if (position === 'top') {
+              if (crossAlign === 'near' || rotation !== 0) {
+                textOffset = -lineCount * lineHeight + lineHeight / 2;
+              } else if (crossAlign === 'center') {
+                textOffset = -labelSizes.highest.height / 2 - halfCount * lineHeight + lineHeight;
+              } else {
+                textOffset = -labelSizes.highest.height + lineHeight / 2;
+              }
+            } else {
+              if (crossAlign === 'near' || rotation !== 0) {
+                textOffset = lineHeight / 2;
+              } else if (crossAlign === 'center') {
+                textOffset = labelSizes.highest.height / 2 - halfCount * lineHeight;
+              } else {
+                textOffset = labelSizes.highest.height - lineCount * lineHeight;
+              }
+            }
+            if (mirror) {
+              textOffset *= -1;
+            }
+            if (rotation !== 0 && !optsAtIndex.showLabelBackdrop) {
+              x += lineHeight / 2 * Math.sin(rotation);
+            }
+          } else {
+            y = pixel;
+            textOffset = (1 - lineCount) * lineHeight / 2;
           }
-
-          if (box.configure) {
-            box.configure();
+          var backdrop = void 0;
+          if (optsAtIndex.showLabelBackdrop) {
+            var labelPadding = toPadding(optsAtIndex.backdropPadding);
+            var height = labelSizes.heights[i];
+            var width = labelSizes.widths[i];
+            var top = textOffset - labelPadding.top;
+            var left = 0 - labelPadding.left;
+            switch (textBaseline) {
+              case 'middle':
+                top -= height / 2;
+                break;
+              case 'bottom':
+                top -= height;
+                break;
+            }
+            switch (textAlign) {
+              case 'center':
+                left -= width / 2;
+                break;
+              case 'right':
+                left -= width;
+                break;
+            }
+            backdrop = {
+              left: left,
+              top: top,
+              width: width + labelPadding.width,
+              height: height + labelPadding.height,
+              color: optsAtIndex.backdropColor
+            };
           }
-
-          (_me$_layers = me._layers).push.apply(_me$_layers, _toConsumableArray(box._layers()));
-        }, me);
-
-        me._layers.forEach(function (item, index) {
-          item._idx = index;
-        });
-
-        me.notifyPlugins('afterLayout');
-      }
-    }, {
-      key: "_updateDatasets",
-      value: function _updateDatasets(mode) {
-        var me = this;
-        var isFunction = typeof mode === 'function';
-
-        if (me.notifyPlugins('beforeDatasetsUpdate', {
-          mode: mode,
-          cancelable: true
-        }) === false) {
-          return;
-        }
-
-        for (var i = 0, ilen = me.data.datasets.length; i < ilen; ++i) {
-          me._updateDataset(i, isFunction ? mode({
-            datasetIndex: i
-          }) : mode);
+          items.push({
+            label: label,
+            font: font,
+            textOffset: textOffset,
+            options: {
+              rotation: rotation,
+              color: color,
+              strokeColor: strokeColor,
+              strokeWidth: strokeWidth,
+              textAlign: tickTextAlign,
+              textBaseline: textBaseline,
+              translation: [x, y],
+              backdrop: backdrop
+            }
+          });
         }
-
-        me.notifyPlugins('afterDatasetsUpdate', {
-          mode: mode
-        });
+        return items;
       }
     }, {
-      key: "_updateDataset",
-      value: function _updateDataset(index, mode) {
-        var me = this;
-        var meta = me.getDatasetMeta(index);
-        var args = {
-          meta: meta,
-          index: index,
-          mode: mode,
-          cancelable: true
-        };
-
-        if (me.notifyPlugins('beforeDatasetUpdate', args) === false) {
-          return;
+      key: "_getXAxisLabelAlignment",
+      value: function _getXAxisLabelAlignment() {
+        var _this$options8 = this.options,
+          position = _this$options8.position,
+          ticks = _this$options8.ticks;
+        var rotation = -toRadians(this.labelRotation);
+        if (rotation) {
+          return position === 'top' ? 'left' : 'right';
         }
-
-        meta.controller._update(mode);
-
-        args.cancelable = false;
-        me.notifyPlugins('afterDatasetUpdate', args);
+        var align = 'center';
+        if (ticks.align === 'start') {
+          align = 'left';
+        } else if (ticks.align === 'end') {
+          align = 'right';
+        } else if (ticks.align === 'inner') {
+          align = 'inner';
+        }
+        return align;
       }
     }, {
-      key: "render",
-      value: function render() {
-        var me = this;
-
-        if (me.notifyPlugins('beforeRender', {
-          cancelable: true
-        }) === false) {
-          return;
-        }
-
-        if (animator.has(me)) {
-          if (me.attached && !animator.running(me)) {
-            animator.start(me);
+      key: "_getYAxisLabelAlignment",
+      value: function _getYAxisLabelAlignment(tl) {
+        var _this$options9 = this.options,
+          position = _this$options9.position,
+          _this$options9$ticks = _this$options9.ticks,
+          crossAlign = _this$options9$ticks.crossAlign,
+          mirror = _this$options9$ticks.mirror,
+          padding = _this$options9$ticks.padding;
+        var labelSizes = this._getLabelSizes();
+        var tickAndPadding = tl + padding;
+        var widest = labelSizes.widest.width;
+        var textAlign;
+        var x;
+        if (position === 'left') {
+          if (mirror) {
+            x = this.right + padding;
+            if (crossAlign === 'near') {
+              textAlign = 'left';
+            } else if (crossAlign === 'center') {
+              textAlign = 'center';
+              x += widest / 2;
+            } else {
+              textAlign = 'right';
+              x += widest;
+            }
+          } else {
+            x = this.right - tickAndPadding;
+            if (crossAlign === 'near') {
+              textAlign = 'right';
+            } else if (crossAlign === 'center') {
+              textAlign = 'center';
+              x -= widest / 2;
+            } else {
+              textAlign = 'left';
+              x = this.left;
+            }
+          }
+        } else if (position === 'right') {
+          if (mirror) {
+            x = this.left + padding;
+            if (crossAlign === 'near') {
+              textAlign = 'right';
+            } else if (crossAlign === 'center') {
+              textAlign = 'center';
+              x -= widest / 2;
+            } else {
+              textAlign = 'left';
+              x -= widest;
+            }
+          } else {
+            x = this.left + tickAndPadding;
+            if (crossAlign === 'near') {
+              textAlign = 'left';
+            } else if (crossAlign === 'center') {
+              textAlign = 'center';
+              x += widest / 2;
+            } else {
+              textAlign = 'right';
+              x = this.right;
+            }
           }
         } else {
-          me.draw();
-          onAnimationsComplete({
-            chart: me
-          });
+          textAlign = 'right';
         }
+        return {
+          textAlign: textAlign,
+          x: x
+        };
       }
     }, {
-      key: "draw",
-      value: function draw() {
-        var me = this;
-        var i;
-
-        if (me._resizeBeforeDraw) {
-          var _me$_resizeBeforeDraw = me._resizeBeforeDraw,
-              width = _me$_resizeBeforeDraw.width,
-              height = _me$_resizeBeforeDraw.height;
-
-          me._resize(width, height);
-
-          me._resizeBeforeDraw = null;
-        }
-
-        me.clear();
-
-        if (me.width <= 0 || me.height <= 0) {
-          return;
-        }
-
-        if (me.notifyPlugins('beforeDraw', {
-          cancelable: true
-        }) === false) {
+      key: "_computeLabelArea",
+      value: function _computeLabelArea() {
+        if (this.options.ticks.mirror) {
           return;
         }
-
-        var layers = me._layers;
-
-        for (i = 0; i < layers.length && layers[i].z <= 0; ++i) {
-          layers[i].draw(me.chartArea);
+        var chart = this.chart;
+        var position = this.options.position;
+        if (position === 'left' || position === 'right') {
+          return {
+            top: 0,
+            left: this.left,
+            bottom: chart.height,
+            right: this.right
+          };
         }
-
-        me._drawDatasets();
-
-        for (; i < layers.length; ++i) {
-          layers[i].draw(me.chartArea);
+        if (position === 'top' || position === 'bottom') {
+          return {
+            top: this.top,
+            left: 0,
+            bottom: this.bottom,
+            right: chart.width
+          };
         }
-
-        me.notifyPlugins('afterDraw');
       }
     }, {
-      key: "_getSortedDatasetMetas",
-      value: function _getSortedDatasetMetas(filterVisible) {
-        var me = this;
-        var metasets = me._sortedMetasets;
-        var result = [];
-        var i, ilen;
-
-        for (i = 0, ilen = metasets.length; i < ilen; ++i) {
-          var meta = metasets[i];
-
-          if (!filterVisible || meta.visible) {
-            result.push(meta);
-          }
+      key: "drawBackground",
+      value: function drawBackground() {
+        var ctx = this.ctx,
+          backgroundColor = this.options.backgroundColor,
+          left = this.left,
+          top = this.top,
+          width = this.width,
+          height = this.height;
+        if (backgroundColor) {
+          ctx.save();
+          ctx.fillStyle = backgroundColor;
+          ctx.fillRect(left, top, width, height);
+          ctx.restore();
         }
-
-        return result;
-      }
-    }, {
-      key: "getSortedVisibleDatasetMetas",
-      value: function getSortedVisibleDatasetMetas() {
-        return this._getSortedDatasetMetas(true);
       }
     }, {
-      key: "_drawDatasets",
-      value: function _drawDatasets() {
-        var me = this;
-
-        if (me.notifyPlugins('beforeDatasetsDraw', {
-          cancelable: true
-        }) === false) {
-          return;
+      key: "getLineWidthForValue",
+      value: function getLineWidthForValue(value) {
+        var grid = this.options.grid;
+        if (!this._isVisible() || !grid.display) {
+          return 0;
         }
-
-        var metasets = me.getSortedVisibleDatasetMetas();
-
-        for (var i = metasets.length - 1; i >= 0; --i) {
-          me._drawDataset(metasets[i]);
+        var ticks = this.ticks;
+        var index = ticks.findIndex(function (t) {
+          return t.value === value;
+        });
+        if (index >= 0) {
+          var opts = grid.setContext(this.getContext(index));
+          return opts.lineWidth;
         }
-
-        me.notifyPlugins('afterDatasetsDraw');
+        return 0;
       }
     }, {
-      key: "_drawDataset",
-      value: function _drawDataset(meta) {
-        var me = this;
-        var ctx = me.ctx;
-        var clip = meta._clip;
-        var area = me.chartArea;
-        var args = {
-          meta: meta,
-          index: meta.index,
-          cancelable: true
+      key: "drawGrid",
+      value: function drawGrid(chartArea) {
+        var grid = this.options.grid;
+        var ctx = this.ctx;
+        var items = this._gridLineItems || (this._gridLineItems = this._computeGridLineItems(chartArea));
+        var i, ilen;
+        var drawLine = function drawLine(p1, p2, style) {
+          if (!style.width || !style.color) {
+            return;
+          }
+          ctx.save();
+          ctx.lineWidth = style.width;
+          ctx.strokeStyle = style.color;
+          ctx.setLineDash(style.borderDash || []);
+          ctx.lineDashOffset = style.borderDashOffset;
+          ctx.beginPath();
+          ctx.moveTo(p1.x, p1.y);
+          ctx.lineTo(p2.x, p2.y);
+          ctx.stroke();
+          ctx.restore();
         };
-
-        if (me.notifyPlugins('beforeDatasetDraw', args) === false) {
-          return;
+        if (grid.display) {
+          for (i = 0, ilen = items.length; i < ilen; ++i) {
+            var item = items[i];
+            if (grid.drawOnChartArea) {
+              drawLine({
+                x: item.x1,
+                y: item.y1
+              }, {
+                x: item.x2,
+                y: item.y2
+              }, item);
+            }
+            if (grid.drawTicks) {
+              drawLine({
+                x: item.tx1,
+                y: item.ty1
+              }, {
+                x: item.tx2,
+                y: item.ty2
+              }, {
+                color: item.tickColor,
+                width: item.tickWidth,
+                borderDash: item.tickBorderDash,
+                borderDashOffset: item.tickBorderDashOffset
+              });
+            }
+          }
         }
-
-        clipArea(ctx, {
-          left: clip.left === false ? 0 : area.left - clip.left,
-          right: clip.right === false ? me.width : area.right + clip.right,
-          top: clip.top === false ? 0 : area.top - clip.top,
-          bottom: clip.bottom === false ? me.height : area.bottom + clip.bottom
-        });
-        meta.controller.draw();
-        unclipArea(ctx);
-        args.cancelable = false;
-        me.notifyPlugins('afterDatasetDraw', args);
       }
     }, {
-      key: "getElementsAtEventForMode",
-      value: function getElementsAtEventForMode(e, mode, options, useFinalPosition) {
-        var method = Interaction.modes[mode];
-
-        if (typeof method === 'function') {
-          return method(this, e, options, useFinalPosition);
+      key: "drawBorder",
+      value: function drawBorder() {
+        var chart = this.chart,
+          ctx = this.ctx,
+          _this$options10 = this.options,
+          border = _this$options10.border,
+          grid = _this$options10.grid;
+        var borderOpts = border.setContext(this.getContext());
+        var axisWidth = border.display ? borderOpts.width : 0;
+        if (!axisWidth) {
+          return;
         }
-
-        return [];
+        var lastLineWidth = grid.setContext(this.getContext(0)).lineWidth;
+        var borderValue = this._borderValue;
+        var x1, x2, y1, y2;
+        if (this.isHorizontal()) {
+          x1 = _alignPixel(chart, this.left, axisWidth) - axisWidth / 2;
+          x2 = _alignPixel(chart, this.right, lastLineWidth) + lastLineWidth / 2;
+          y1 = y2 = borderValue;
+        } else {
+          y1 = _alignPixel(chart, this.top, axisWidth) - axisWidth / 2;
+          y2 = _alignPixel(chart, this.bottom, lastLineWidth) + lastLineWidth / 2;
+          x1 = x2 = borderValue;
+        }
+        ctx.save();
+        ctx.lineWidth = borderOpts.width;
+        ctx.strokeStyle = borderOpts.color;
+        ctx.beginPath();
+        ctx.moveTo(x1, y1);
+        ctx.lineTo(x2, y2);
+        ctx.stroke();
+        ctx.restore();
       }
     }, {
-      key: "getDatasetMeta",
-      value: function getDatasetMeta(datasetIndex) {
-        var me = this;
-        var dataset = me.data.datasets[datasetIndex];
-        var metasets = me._metasets;
-        var meta = metasets.filter(function (x) {
-          return x && x._dataset === dataset;
-        }).pop();
-
-        if (!meta) {
-          meta = metasets[datasetIndex] = {
-            type: null,
-            data: [],
-            dataset: null,
-            controller: null,
-            hidden: null,
-            xAxisID: null,
-            yAxisID: null,
-            order: dataset && dataset.order || 0,
-            index: datasetIndex,
-            _dataset: dataset,
-            _parsed: [],
-            _sorted: false
-          };
+      key: "drawLabels",
+      value: function drawLabels(chartArea) {
+        var optionTicks = this.options.ticks;
+        if (!optionTicks.display) {
+          return;
+        }
+        var ctx = this.ctx;
+        var area = this._computeLabelArea();
+        if (area) {
+          clipArea(ctx, area);
+        }
+        var items = this.getLabelItems(chartArea);
+        var _iterator10 = _createForOfIteratorHelper$1(items),
+          _step10;
+        try {
+          for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+            var item = _step10.value;
+            var renderTextOptions = item.options;
+            var tickFont = item.font;
+            var label = item.label;
+            var y = item.textOffset;
+            renderText(ctx, label, 0, y, tickFont, renderTextOptions);
+          }
+        } catch (err) {
+          _iterator10.e(err);
+        } finally {
+          _iterator10.f();
+        }
+        if (area) {
+          unclipArea(ctx);
         }
-
-        return meta;
       }
     }, {
-      key: "getContext",
-      value: function getContext() {
-        return this.$context || (this.$context = {
-          chart: this,
-          type: 'chart'
+      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;
+        if (!title.display) {
+          return;
+        }
+        var font = toFont(title.font);
+        var padding = toPadding(title.padding);
+        var align = title.align;
+        var offset = font.lineHeight / 2;
+        if (position === 'bottom' || position === 'center' || isObject(position)) {
+          offset += padding.bottom;
+          if (isArray(title.text)) {
+            offset += font.lineHeight * (title.text.length - 1);
+          }
+        } else {
+          offset += padding.top;
+        }
+        var _titleArgs = titleArgs(this, offset, position, align),
+          titleX = _titleArgs.titleX,
+          titleY = _titleArgs.titleY,
+          maxWidth = _titleArgs.maxWidth,
+          rotation = _titleArgs.rotation;
+        renderText(ctx, title.text, 0, 0, font, {
+          color: title.color,
+          maxWidth: maxWidth,
+          rotation: rotation,
+          textAlign: titleAlign(align, position, reverse),
+          textBaseline: 'middle',
+          translation: [titleX, titleY]
         });
       }
     }, {
-      key: "getVisibleDatasetCount",
-      value: function getVisibleDatasetCount() {
-        return this.getSortedVisibleDatasetMetas().length;
-      }
-    }, {
-      key: "isDatasetVisible",
-      value: function isDatasetVisible(datasetIndex) {
-        var dataset = this.data.datasets[datasetIndex];
-
-        if (!dataset) {
-          return false;
+      key: "draw",
+      value: function draw(chartArea) {
+        if (!this._isVisible()) {
+          return;
         }
-
-        var meta = this.getDatasetMeta(datasetIndex);
-        return typeof meta.hidden === 'boolean' ? !meta.hidden : !dataset.hidden;
-      }
-    }, {
-      key: "setDatasetVisibility",
-      value: function setDatasetVisibility(datasetIndex, visible) {
-        var meta = this.getDatasetMeta(datasetIndex);
-        meta.hidden = !visible;
+        this.drawBackground();
+        this.drawGrid(chartArea);
+        this.drawBorder();
+        this.drawTitle();
+        this.drawLabels(chartArea);
       }
     }, {
-      key: "toggleDataVisibility",
-      value: function toggleDataVisibility(index) {
-        this._hiddenIndices[index] = !this._hiddenIndices[index];
+      key: "_layers",
+      value: function _layers() {
+        var _this10 = this;
+        var opts = this.options;
+        var tz = opts.ticks && opts.ticks.z || 0;
+        var gz = valueOrDefault(opts.grid && opts.grid.z, -1);
+        var bz = valueOrDefault(opts.border && opts.border.z, 0);
+        if (!this._isVisible() || this.draw !== Scale.prototype.draw) {
+          return [{
+            z: tz,
+            draw: function draw(chartArea) {
+              _this10.draw(chartArea);
+            }
+          }];
+        }
+        return [{
+          z: gz,
+          draw: function draw(chartArea) {
+            _this10.drawBackground();
+            _this10.drawGrid(chartArea);
+            _this10.drawTitle();
+          }
+        }, {
+          z: bz,
+          draw: function draw() {
+            _this10.drawBorder();
+          }
+        }, {
+          z: tz,
+          draw: function draw(chartArea) {
+            _this10.drawLabels(chartArea);
+          }
+        }];
       }
     }, {
-      key: "getDataVisibility",
-      value: function getDataVisibility(index) {
-        return !this._hiddenIndices[index];
+      key: "getMatchingVisibleMetas",
+      value: function getMatchingVisibleMetas(type) {
+        var metas = this.chart.getSortedVisibleDatasetMetas();
+        var axisID = this.axis + 'AxisID';
+        var result = [];
+        var i, ilen;
+        for (i = 0, ilen = metas.length; i < ilen; ++i) {
+          var meta = metas[i];
+          if (meta[axisID] === this.id && (!type || meta.type === type)) {
+            result.push(meta);
+          }
+        }
+        return result;
       }
     }, {
-      key: "_updateDatasetVisibility",
-      value: function _updateDatasetVisibility(datasetIndex, visible) {
-        var me = this;
-        var mode = visible ? 'show' : 'hide';
-        var meta = me.getDatasetMeta(datasetIndex);
-
-        var anims = meta.controller._resolveAnimations(undefined, mode);
-
-        me.setDatasetVisibility(datasetIndex, visible);
-        anims.update(meta, {
-          visible: visible
-        });
-        me.update(function (ctx) {
-          return ctx.datasetIndex === datasetIndex ? mode : undefined;
-        });
+      key: "_resolveTickFontOptions",
+      value: function _resolveTickFontOptions(index) {
+        var opts = this.options.ticks.setContext(this.getContext(index));
+        return toFont(opts.font);
       }
     }, {
-      key: "hide",
-      value: function hide(datasetIndex) {
-        this._updateDatasetVisibility(datasetIndex, false);
+      key: "_maxDigits",
+      value: function _maxDigits() {
+        var fontSize = this._resolveTickFontOptions(0).lineHeight;
+        return (this.isHorizontal() ? this.width : this.height) / fontSize;
       }
-    }, {
-      key: "show",
-      value: function show(datasetIndex) {
-        this._updateDatasetVisibility(datasetIndex, true);
+    }]);
+    return Scale;
+  }(Element);
+  var TypedRegistry = /*#__PURE__*/function () {
+    function TypedRegistry(type, scope, override) {
+      _classCallCheck$x(this, TypedRegistry);
+      this.type = type;
+      this.scope = scope;
+      this.override = override;
+      this.items = Object.create(null);
+    }
+    _createClass$x(TypedRegistry, [{
+      key: "isForType",
+      value: function isForType(type) {
+        return Object.prototype.isPrototypeOf.call(this.type.prototype, type.prototype);
       }
     }, {
-      key: "_destroyDatasetMeta",
-      value: function _destroyDatasetMeta(datasetIndex) {
-        var me = this;
-        var meta = me._metasets && me._metasets[datasetIndex];
-
-        if (meta && meta.controller) {
-          meta.controller._destroy();
-
-          delete me._metasets[datasetIndex];
+      key: "register",
+      value: function register(item) {
+        var proto = Object.getPrototypeOf(item);
+        var parentScope;
+        if (isIChartComponent(proto)) {
+          parentScope = this.register(proto);
         }
-      }
-    }, {
-      key: "destroy",
-      value: function destroy() {
-        var me = this;
-        var canvas = me.canvas,
-            ctx = me.ctx;
-        var i, ilen;
-        me.stop();
-        animator.remove(me);
-
-        for (i = 0, ilen = me.data.datasets.length; i < ilen; ++i) {
-          me._destroyDatasetMeta(i);
+        var items = this.items;
+        var id = item.id;
+        var scope = this.scope + '.' + id;
+        if (!id) {
+          throw new Error('class does not have id: ' + item);
         }
-
-        me.config.clearCache();
-
-        if (canvas) {
-          me.unbindEvents();
-          clearCanvas(canvas, ctx);
-          me.platform.releaseContext(ctx);
-          me.canvas = null;
-          me.ctx = null;
+        if (id in items) {
+          return scope;
         }
-
-        me.notifyPlugins('destroy');
-        delete instances[me.id];
+        items[id] = item;
+        registerDefaults(item, scope, parentScope);
+        if (this.override) {
+          defaults.override(item.id, item.overrides);
+        }
+        return scope;
       }
     }, {
-      key: "toBase64Image",
-      value: function toBase64Image() {
-        var _this$canvas;
-
-        return (_this$canvas = this.canvas).toDataURL.apply(_this$canvas, arguments);
+      key: "get",
+      value: function get(id) {
+        return this.items[id];
       }
     }, {
-      key: "bindEvents",
-      value: function bindEvents() {
-        var me = this;
-        var listeners = me._listeners;
-        var platform = me.platform;
-
-        var _add = function _add(type, listener) {
-          platform.addEventListener(me, type, listener);
-          listeners[type] = listener;
-        };
-
-        var _remove = function _remove(type, listener) {
-          if (listeners[type]) {
-            platform.removeEventListener(me, type, listener);
-            delete listeners[type];
-          }
-        };
-
-        var listener = function listener(e, x, y) {
-          e.offsetX = x;
-          e.offsetY = y;
-
-          me._eventHandler(e);
-        };
-
-        each(me.options.events, function (type) {
-          return _add(type, listener);
-        });
-
-        if (me.options.responsive) {
-          listener = function listener(width, height) {
-            if (me.canvas) {
-              me.resize(width, height);
-            }
-          };
-
-          var detached;
-
-          var attached = function attached() {
-            _remove('attach', attached);
-
-            me.attached = true;
-            me.resize();
-
-            _add('resize', listener);
-
-            _add('detach', detached);
-          };
-
-          detached = function detached() {
-            me.attached = false;
-
-            _remove('resize', listener);
-
-            _add('attach', attached);
-          };
-
-          if (platform.isAttached(me.canvas)) {
-            attached();
-          } else {
-            detached();
+      key: "unregister",
+      value: function unregister(item) {
+        var items = this.items;
+        var id = item.id;
+        var scope = this.scope;
+        if (id in items) {
+          delete items[id];
+        }
+        if (scope && id in defaults[scope]) {
+          delete defaults[scope][id];
+          if (this.override) {
+            delete overrides[id];
           }
-        } else {
-          me.attached = true;
         }
       }
+    }]);
+    return TypedRegistry;
+  }();
+  function registerDefaults(item, scope, parentScope) {
+    var itemDefaults = merge(Object.create(null), [parentScope ? defaults.get(parentScope) : {}, defaults.get(scope), item.defaults]);
+    defaults.set(scope, itemDefaults);
+    if (item.defaultRoutes) {
+      routeDefaults(scope, item.defaultRoutes);
+    }
+    if (item.descriptors) {
+      defaults.describe(scope, item.descriptors);
+    }
+  }
+  function routeDefaults(scope, routes) {
+    Object.keys(routes).forEach(function (property) {
+      var propertyParts = property.split('.');
+      var sourceName = propertyParts.pop();
+      var sourceScope = [scope].concat(propertyParts).join('.');
+      var parts = routes[property].split('.');
+      var targetName = parts.pop();
+      var targetScope = parts.join('.');
+      defaults.route(sourceScope, sourceName, targetScope, targetName);
+    });
+  }
+  function isIChartComponent(proto) {
+    return 'id' in proto && 'defaults' in proto;
+  }
+  var Registry = /*#__PURE__*/function () {
+    function Registry() {
+      _classCallCheck$x(this, Registry);
+      this.controllers = new TypedRegistry(DatasetController, 'datasets', true);
+      this.elements = new TypedRegistry(Element, 'elements');
+      this.plugins = new TypedRegistry(Object, 'plugins');
+      this.scales = new TypedRegistry(Scale, 'scales');
+      this._typedRegistries = [this.controllers, this.scales, this.elements];
+    }
+    _createClass$x(Registry, [{
+      key: "add",
+      value: function add() {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        this._each('register', args);
+      }
     }, {
-      key: "unbindEvents",
-      value: function unbindEvents() {
-        var me = this;
-        var listeners = me._listeners;
-
-        if (!listeners) {
-          return;
+      key: "remove",
+      value: function remove() {
+        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          args[_key2] = arguments[_key2];
         }
-
-        delete me._listeners;
-        each(listeners, function (listener, type) {
-          me.platform.removeEventListener(me, type, listener);
-        });
+        this._each('unregister', args);
       }
     }, {
-      key: "updateHoverStyle",
-      value: function updateHoverStyle(items, mode, enabled) {
-        var prefix = enabled ? 'set' : 'remove';
-        var meta, item, i, ilen;
-
-        if (mode === 'dataset') {
-          meta = this.getDatasetMeta(items[0].datasetIndex);
-          meta.controller['_' + prefix + 'DatasetHoverStyle']();
+      key: "addControllers",
+      value: function addControllers() {
+        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+          args[_key3] = arguments[_key3];
         }
-
-        for (i = 0, ilen = items.length; i < ilen; ++i) {
-          item = items[i];
-          var controller = item && this.getDatasetMeta(item.datasetIndex).controller;
-
-          if (controller) {
-            controller[prefix + 'HoverStyle'](item.element, item.datasetIndex, item.index);
-          }
+        this._each('register', args, this.controllers);
+      }
+    }, {
+      key: "addElements",
+      value: function addElements() {
+        for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+          args[_key4] = arguments[_key4];
         }
+        this._each('register', args, this.elements);
       }
     }, {
-      key: "getActiveElements",
-      value: function getActiveElements() {
-        return this._active || [];
+      key: "addPlugins",
+      value: function addPlugins() {
+        for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+          args[_key5] = arguments[_key5];
+        }
+        this._each('register', args, this.plugins);
       }
     }, {
-      key: "setActiveElements",
-      value: function setActiveElements(activeElements) {
-        var me = this;
-        var lastActive = me._active || [];
-        var active = activeElements.map(function (_ref) {
-          var datasetIndex = _ref.datasetIndex,
-              index = _ref.index;
-          var meta = me.getDatasetMeta(datasetIndex);
-
-          if (!meta) {
-            throw new Error('No dataset found at index ' + datasetIndex);
-          }
-
-          return {
-            datasetIndex: datasetIndex,
-            element: meta.data[index],
-            index: index
-          };
-        });
-        var changed = !_elementsEqual(active, lastActive);
-
-        if (changed) {
-          me._active = active;
-
-          me._updateHoverStyles(active, lastActive);
+      key: "addScales",
+      value: function addScales() {
+        for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+          args[_key6] = arguments[_key6];
         }
+        this._each('register', args, this.scales);
       }
     }, {
-      key: "notifyPlugins",
-      value: function notifyPlugins(hook, args) {
-        return this._plugins.notify(this, hook, args);
+      key: "getController",
+      value: function getController(id) {
+        return this._get(id, this.controllers, 'controller');
       }
     }, {
-      key: "_updateHoverStyles",
-      value: function _updateHoverStyles(active, lastActive, replay) {
-        var me = this;
-        var hoverOptions = me.options.hover;
-
-        var diff = function diff(a, b) {
-          return a.filter(function (x) {
-            return !b.some(function (y) {
-              return x.datasetIndex === y.datasetIndex && x.index === y.index;
-            });
-          });
-        };
-
-        var deactivated = diff(lastActive, active);
-        var activated = replay ? active : diff(active, lastActive);
-
-        if (deactivated.length) {
-          me.updateHoverStyle(deactivated, hoverOptions.mode, false);
-        }
-
-        if (activated.length && hoverOptions.mode) {
-          me.updateHoverStyle(activated, hoverOptions.mode, true);
-        }
+      key: "getElement",
+      value: function getElement(id) {
+        return this._get(id, this.elements, 'element');
       }
     }, {
-      key: "_eventHandler",
-      value: function _eventHandler(e, replay) {
-        var me = this;
-        var args = {
-          event: e,
-          replay: replay,
-          cancelable: true
-        };
-
-        if (me.notifyPlugins('beforeEvent', args) === false) {
-          return;
-        }
-
-        var changed = me._handleEvent(e, replay);
-
-        args.cancelable = false;
-        me.notifyPlugins('afterEvent', args);
-
-        if (changed || args.changed) {
-          me.render();
-        }
-
-        return me;
+      key: "getPlugin",
+      value: function getPlugin(id) {
+        return this._get(id, this.plugins, 'plugin');
       }
     }, {
-      key: "_handleEvent",
-      value: function _handleEvent(e, replay) {
-        var me = this;
-        var _me$_active = me._active,
-            lastActive = _me$_active === void 0 ? [] : _me$_active,
-            options = me.options;
-        var hoverOptions = options.hover;
-        var useFinalPosition = replay;
-        var active = [];
-        var changed = false;
-        var lastEvent = null;
-
-        if (e.type !== 'mouseout') {
-          active = me.getElementsAtEventForMode(e, hoverOptions.mode, hoverOptions, useFinalPosition);
-          lastEvent = e.type === 'click' ? me._lastEvent : e;
+      key: "getScale",
+      value: function getScale(id) {
+        return this._get(id, this.scales, 'scale');
+      }
+    }, {
+      key: "removeControllers",
+      value: function removeControllers() {
+        for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+          args[_key7] = arguments[_key7];
         }
-
-        me._lastEvent = null;
-        callback(options.onHover, [e, active, me], me);
-
-        if (e.type === 'mouseup' || e.type === 'click' || e.type === 'contextmenu') {
-          if (_isPointInArea(e, me.chartArea, me._minPadding)) {
-            callback(options.onClick, [e, active, me], me);
-          }
+        this._each('unregister', args, this.controllers);
+      }
+    }, {
+      key: "removeElements",
+      value: function removeElements() {
+        for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+          args[_key8] = arguments[_key8];
         }
-
-        changed = !_elementsEqual(active, lastActive);
-
-        if (changed || replay) {
-          me._active = active;
-
-          me._updateHoverStyles(active, lastActive, replay);
+        this._each('unregister', args, this.elements);
+      }
+    }, {
+      key: "removePlugins",
+      value: function removePlugins() {
+        for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
+          args[_key9] = arguments[_key9];
         }
-
-        me._lastEvent = lastEvent;
-        return changed;
+        this._each('unregister', args, this.plugins);
       }
-    }]);
-
-    return Chart;
-  }();
-
-  var invalidatePlugins = function invalidatePlugins() {
-    return each(Chart.instances, function (chart) {
-      return chart._plugins.invalidate();
-    });
-  };
-
-  var enumerable = true;
-  Object.defineProperties(Chart, {
-    defaults: {
-      enumerable: enumerable,
-      value: defaults
-    },
-    instances: {
-      enumerable: enumerable,
-      value: instances
-    },
-    overrides: {
-      enumerable: enumerable,
-      value: overrides
-    },
-    registry: {
-      enumerable: enumerable,
-      value: registry
-    },
-    version: {
-      enumerable: enumerable,
-      value: version
-    },
-    getChart: {
-      enumerable: enumerable,
-      value: getChart
-    },
-    register: {
-      enumerable: enumerable,
-      value: function value() {
-        registry.add.apply(registry, arguments);
-        invalidatePlugins();
+    }, {
+      key: "removeScales",
+      value: function removeScales() {
+        for (var _len10 = arguments.length, args = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {
+          args[_key10] = arguments[_key10];
+        }
+        this._each('unregister', args, this.scales);
       }
-    },
-    unregister: {
-      enumerable: enumerable,
-      value: function value() {
-        registry.remove.apply(registry, arguments);
-        invalidatePlugins();
+    }, {
+      key: "_each",
+      value: function _each(method, args, typedRegistry) {
+        var _this11 = 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);
+          } else {
+            each(arg, function (item) {
+              var itemReg = typedRegistry || _this11._getRegistryForType(item);
+              _this11._exec(method, itemReg, item);
+            });
+          }
+        });
+      }
+    }, {
+      key: "_exec",
+      value: function _exec(method, registry, component) {
+        var camelMethod = _capitalize(method);
+        callback(component['before' + camelMethod], [], component);
+        registry[method](component);
+        callback(component['after' + camelMethod], [], component);
+      }
+    }, {
+      key: "_getRegistryForType",
+      value: function _getRegistryForType(type) {
+        for (var i = 0; i < this._typedRegistries.length; i++) {
+          var reg = this._typedRegistries[i];
+          if (reg.isForType(type)) {
+            return reg;
+          }
+        }
+        return this.plugins;
+      }
+    }, {
+      key: "_get",
+      value: function _get(id, typedRegistry, type) {
+        var item = typedRegistry.get(id);
+        if (item === undefined) {
+          throw new Error('"' + id + '" is not a registered ' + type + '.');
+        }
+        return item;
       }
+    }]);
+    return Registry;
+  }();
+  var registry = /* #__PURE__ */new Registry();
+  var PluginService = /*#__PURE__*/function () {
+    function PluginService() {
+      _classCallCheck$x(this, PluginService);
+      this._init = [];
     }
-  });
-
-  function clipArc(ctx, element) {
-    var startAngle = element.startAngle,
-        endAngle = element.endAngle,
-        pixelMargin = element.pixelMargin,
-        x = element.x,
-        y = element.y,
-        outerRadius = element.outerRadius,
-        innerRadius = element.innerRadius;
-    var angleMargin = pixelMargin / outerRadius;
-    ctx.beginPath();
-    ctx.arc(x, y, outerRadius, startAngle - angleMargin, endAngle + angleMargin);
-
-    if (innerRadius > pixelMargin) {
-      angleMargin = pixelMargin / innerRadius;
-      ctx.arc(x, y, innerRadius, endAngle + angleMargin, startAngle - angleMargin, true);
-    } else {
-      ctx.arc(x, y, pixelMargin, endAngle + HALF_PI, startAngle - HALF_PI);
+    _createClass$x(PluginService, [{
+      key: "notify",
+      value: function notify(chart, hook, args, filter) {
+        if (hook === 'beforeInit') {
+          this._init = this._createDescriptors(chart, true);
+          this._notify(this._init, chart, 'install');
+        }
+        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');
+        }
+        return result;
+      }
+    }, {
+      key: "_notify",
+      value: function _notify(descriptors, chart, hook, args) {
+        args = args || {};
+        var _iterator11 = _createForOfIteratorHelper$1(descriptors),
+          _step11;
+        try {
+          for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+            var descriptor = _step11.value;
+            var plugin = descriptor.plugin;
+            var method = plugin[hook];
+            var params = [chart, args, descriptor.options];
+            if (callback(method, params, plugin) === false && args.cancelable) {
+              return false;
+            }
+          }
+        } catch (err) {
+          _iterator11.e(err);
+        } finally {
+          _iterator11.f();
+        }
+        return true;
+      }
+    }, {
+      key: "invalidate",
+      value: function invalidate() {
+        if (!isNullOrUndef(this._cache)) {
+          this._oldCache = this._cache;
+          this._cache = undefined;
+        }
+      }
+    }, {
+      key: "_descriptors",
+      value: function _descriptors(chart) {
+        if (this._cache) {
+          return this._cache;
+        }
+        var descriptors = this._cache = this._createDescriptors(chart);
+        this._notifyStateChanges(chart);
+        return descriptors;
+      }
+    }, {
+      key: "_createDescriptors",
+      value: function _createDescriptors(chart, all) {
+        var config = chart && chart.config;
+        var options = valueOrDefault(config.options && config.options.plugins, {});
+        var plugins = allPlugins(config);
+        return options === false && !all ? [] : createDescriptors(chart, plugins, options, all);
+      }
+    }, {
+      key: "_notifyStateChanges",
+      value: function _notifyStateChanges(chart) {
+        var previousDescriptors = this._oldCache || [];
+        var descriptors = this._cache;
+        var diff = function diff(a, b) {
+          return a.filter(function (x) {
+            return !b.some(function (y) {
+              return x.plugin.id === y.plugin.id;
+            });
+          });
+        };
+        this._notify(diff(previousDescriptors, descriptors), chart, 'stop');
+        this._notify(diff(descriptors, previousDescriptors), chart, 'start');
+      }
+    }]);
+    return PluginService;
+  }();
+  function allPlugins(config) {
+    var localIds = {};
+    var plugins = [];
+    var keys = Object.keys(registry.plugins.items);
+    for (var i = 0; i < keys.length; i++) {
+      plugins.push(registry.getPlugin(keys[i]));
     }
-
-    ctx.closePath();
-    ctx.clip();
-  }
-
-  function pathArc(ctx, element) {
-    var x = element.x,
-        y = element.y,
-        startAngle = element.startAngle,
-        endAngle = element.endAngle,
-        pixelMargin = element.pixelMargin;
-    var outerRadius = Math.max(element.outerRadius - pixelMargin, 0);
-    var innerRadius = element.innerRadius + pixelMargin;
-    ctx.beginPath();
-    ctx.arc(x, y, outerRadius, startAngle, endAngle);
-    ctx.arc(x, y, innerRadius, endAngle, startAngle, true);
-    ctx.closePath();
-  }
-
-  function drawArc(ctx, element) {
-    if (element.fullCircles) {
-      element.endAngle = element.startAngle + TAU;
-      pathArc(ctx, element);
-
-      for (var i = 0; i < element.fullCircles; ++i) {
-        ctx.fill();
+    var local = config.plugins || [];
+    for (var i1 = 0; i1 < local.length; i1++) {
+      var plugin = local[i1];
+      if (plugins.indexOf(plugin) === -1) {
+        plugins.push(plugin);
+        localIds[plugin.id] = true;
       }
     }
-
-    if (!isNaN(element.circumference)) {
-      element.endAngle = element.startAngle + element.circumference % TAU;
+    return {
+      plugins: plugins,
+      localIds: localIds
+    };
+  }
+  function getOpts(options, all) {
+    if (!all && options === false) {
+      return null;
     }
-
-    pathArc(ctx, element);
-    ctx.fill();
+    if (options === true) {
+      return {};
+    }
+    return options;
   }
-
-  function drawFullCircleBorders(ctx, element, inner) {
-    var x = element.x,
-        y = element.y,
-        startAngle = element.startAngle,
-        endAngle = element.endAngle,
-        pixelMargin = element.pixelMargin;
-    var outerRadius = Math.max(element.outerRadius - pixelMargin, 0);
-    var innerRadius = element.innerRadius + pixelMargin;
-    var i;
-
-    if (inner) {
-      element.endAngle = element.startAngle + TAU;
-      clipArc(ctx, element);
-      element.endAngle = endAngle;
-
-      if (element.endAngle === element.startAngle) {
-        element.endAngle += TAU;
-        element.fullCircles--;
+  function createDescriptors(chart, _ref2, options, all) {
+    var plugins = _ref2.plugins,
+      localIds = _ref2.localIds;
+    var result = [];
+    var context = chart.getContext();
+    var _iterator12 = _createForOfIteratorHelper$1(plugins),
+      _step12;
+    try {
+      for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
+        var plugin = _step12.value;
+        var id = plugin.id;
+        var opts = getOpts(options[id], all);
+        if (opts === null) {
+          continue;
+        }
+        result.push({
+          plugin: plugin,
+          options: pluginOpts(chart.config, {
+            plugin: plugin,
+            local: localIds[id]
+          }, opts, context)
+        });
       }
+    } catch (err) {
+      _iterator12.e(err);
+    } finally {
+      _iterator12.f();
     }
-
-    ctx.beginPath();
-    ctx.arc(x, y, innerRadius, startAngle + TAU, startAngle, true);
-
-    for (i = 0; i < element.fullCircles; ++i) {
-      ctx.stroke();
+    return result;
+  }
+  function pluginOpts(config, _ref3, opts, context) {
+    var plugin = _ref3.plugin,
+      local = _ref3.local;
+    var keys = config.pluginScopeKeys(plugin);
+    var scopes = config.getOptionScopes(opts, keys);
+    if (local && plugin.defaults) {
+      scopes.push(plugin.defaults);
     }
-
-    ctx.beginPath();
-    ctx.arc(x, y, outerRadius, startAngle, startAngle + TAU);
-
-    for (i = 0; i < element.fullCircles; ++i) {
-      ctx.stroke();
+    return config.createResolver(scopes, context, [''], {
+      scriptable: false,
+      indexable: false,
+      allKeys: true
+    });
+  }
+  function getIndexAxis(type, options) {
+    var datasetDefaults = defaults.datasets[type] || {};
+    var datasetOptions = (options.datasets || {})[type] || {};
+    return datasetOptions.indexAxis || options.indexAxis || datasetDefaults.indexAxis || 'x';
+  }
+  function getAxisFromDefaultScaleID(id, indexAxis) {
+    var axis = id;
+    if (id === '_index_') {
+      axis = indexAxis;
+    } else if (id === '_value_') {
+      axis = indexAxis === 'x' ? 'y' : 'x';
     }
+    return axis;
   }
-
-  function drawBorder(ctx, element) {
-    var x = element.x,
-        y = element.y,
-        startAngle = element.startAngle,
-        endAngle = element.endAngle,
-        pixelMargin = element.pixelMargin,
-        options = element.options;
-    var outerRadius = element.outerRadius;
-    var innerRadius = element.innerRadius + pixelMargin;
-    var inner = options.borderAlign === 'inner';
-
-    if (!options.borderWidth) {
-      return;
+  function getDefaultScaleIDFromAxis(axis, indexAxis) {
+    return axis === indexAxis ? '_index_' : '_value_';
+  }
+  function axisFromPosition(position) {
+    if (position === 'top' || position === 'bottom') {
+      return 'x';
     }
-
-    if (inner) {
-      ctx.lineWidth = options.borderWidth * 2;
-      ctx.lineJoin = 'round';
-    } else {
-      ctx.lineWidth = options.borderWidth;
-      ctx.lineJoin = 'bevel';
+    if (position === 'left' || position === 'right') {
+      return 'y';
     }
-
-    if (element.fullCircles) {
-      drawFullCircleBorders(ctx, element, inner);
+  }
+  function determineAxis(id, scaleOptions) {
+    if (id === 'x' || id === 'y' || id === 'r') {
+      return id;
     }
-
-    if (inner) {
-      clipArc(ctx, element);
+    id = scaleOptions.axis || axisFromPosition(scaleOptions.position) || id.length > 1 && determineAxis(id[0].toLowerCase(), scaleOptions);
+    if (id) {
+      return id;
     }
-
-    ctx.beginPath();
-    ctx.arc(x, y, outerRadius, startAngle, endAngle);
-    ctx.arc(x, y, innerRadius, endAngle, startAngle, true);
-    ctx.closePath();
-    ctx.stroke();
+    throw new Error("Cannot determine type of '".concat(name, "' axis. Please provide 'axis' or 'position' option."));
   }
-
-  var ArcElement = /*#__PURE__*/function (_Element2) {
-    _inherits(ArcElement, _Element2);
-
-    var _super12 = _createSuper(ArcElement);
-
-    function ArcElement(cfg) {
-      var _this6;
-
-      _classCallCheck(this, ArcElement);
-
-      _this6 = _super12.call(this);
-      _this6.options = undefined;
-      _this6.circumference = undefined;
-      _this6.startAngle = undefined;
-      _this6.endAngle = undefined;
-      _this6.innerRadius = undefined;
-      _this6.outerRadius = undefined;
-      _this6.pixelMargin = 0;
-      _this6.fullCircles = 0;
-
-      if (cfg) {
-        Object.assign(_assertThisInitialized(_this6), cfg);
+  function mergeScaleConfig(config, options) {
+    var chartDefaults = overrides[config.type] || {
+      scales: {}
+    };
+    var configScales = options.scales || {};
+    var chartIndexAxis = getIndexAxis(config.type, options);
+    var scales = Object.create(null);
+    Object.keys(configScales).forEach(function (id) {
+      var scaleConf = configScales[id];
+      if (!isObject(scaleConf)) {
+        return console.error("Invalid scale configuration for scale: ".concat(id));
       }
-
-      return _this6;
+      if (scaleConf._proxy) {
+        return console.warn("Ignoring resolver passed as options for scale: ".concat(id));
+      }
+      var axis = determineAxis(id, scaleConf);
+      var defaultId = getDefaultScaleIDFromAxis(axis, chartIndexAxis);
+      var defaultScaleOptions = chartDefaults.scales || {};
+      scales[id] = mergeIf(Object.create(null), [{
+        axis: axis
+      }, scaleConf, defaultScaleOptions[axis], defaultScaleOptions[defaultId]]);
+    });
+    config.data.datasets.forEach(function (dataset) {
+      var type = dataset.type || config.type;
+      var indexAxis = dataset.indexAxis || getIndexAxis(type, options);
+      var datasetDefaults = overrides[type] || {};
+      var defaultScaleOptions = datasetDefaults.scales || {};
+      Object.keys(defaultScaleOptions).forEach(function (defaultID) {
+        var axis = getAxisFromDefaultScaleID(defaultID, indexAxis);
+        var id = dataset[axis + 'AxisID'] || axis;
+        scales[id] = scales[id] || Object.create(null);
+        mergeIf(scales[id], [{
+          axis: axis
+        }, configScales[id], defaultScaleOptions[defaultID]]);
+      });
+    });
+    Object.keys(scales).forEach(function (key) {
+      var scale = scales[key];
+      mergeIf(scale, [defaults.scales[scale.type], defaults.scale]);
+    });
+    return scales;
+  }
+  function initOptions(config) {
+    var options = config.options || (config.options = {});
+    options.plugins = valueOrDefault(options.plugins, {});
+    options.scales = mergeScaleConfig(config, options);
+  }
+  function initData(data) {
+    data = data || {};
+    data.datasets = data.datasets || [];
+    data.labels = data.labels || [];
+    return data;
+  }
+  function initConfig(config) {
+    config = config || {};
+    config.data = initData(config.data);
+    initOptions(config);
+    return config;
+  }
+  var keyCache = new Map();
+  var keysCached = new Set();
+  function cachedKeys(cacheKey, generate) {
+    var keys = keyCache.get(cacheKey);
+    if (!keys) {
+      keys = generate();
+      keyCache.set(cacheKey, keys);
+      keysCached.add(keys);
     }
-
-    _createClass(ArcElement, [{
-      key: "inRange",
-      value: function inRange(chartX, chartY, useFinalPosition) {
-        var point = this.getProps(['x', 'y'], useFinalPosition);
-
-        var _getAngleFromPoint = getAngleFromPoint(point, {
-          x: chartX,
-          y: chartY
-        }),
-            angle = _getAngleFromPoint.angle,
-            distance = _getAngleFromPoint.distance;
-
-        var _this$getProps2 = this.getProps(['startAngle', 'endAngle', 'innerRadius', 'outerRadius', 'circumference'], useFinalPosition),
-            startAngle = _this$getProps2.startAngle,
-            endAngle = _this$getProps2.endAngle,
-            innerRadius = _this$getProps2.innerRadius,
-            outerRadius = _this$getProps2.outerRadius,
-            circumference = _this$getProps2.circumference;
-
-        var betweenAngles = circumference >= TAU || _angleBetween(angle, startAngle, endAngle);
-
-        var withinRadius = distance >= innerRadius && distance <= outerRadius;
-        return betweenAngles && withinRadius;
+    return keys;
+  }
+  var addIfFound = function addIfFound(set, obj, key) {
+    var opts = resolveObjectKey(obj, key);
+    if (opts !== undefined) {
+      set.add(opts);
+    }
+  };
+  var Config = /*#__PURE__*/function () {
+    function Config(config) {
+      _classCallCheck$x(this, Config);
+      this._config = initConfig(config);
+      this._scopeCache = new Map();
+      this._resolverCache = new Map();
+    }
+    _createClass$x(Config, [{
+      key: "platform",
+      get: function get() {
+        return this._config.platform;
       }
     }, {
-      key: "getCenterPoint",
-      value: function getCenterPoint(useFinalPosition) {
-        var _this$getProps3 = this.getProps(['x', 'y', 'startAngle', 'endAngle', 'innerRadius', 'outerRadius'], useFinalPosition),
-            x = _this$getProps3.x,
-            y = _this$getProps3.y,
-            startAngle = _this$getProps3.startAngle,
-            endAngle = _this$getProps3.endAngle,
-            innerRadius = _this$getProps3.innerRadius,
-            outerRadius = _this$getProps3.outerRadius;
-
-        var halfAngle = (startAngle + endAngle) / 2;
-        var halfRadius = (innerRadius + outerRadius) / 2;
-        return {
-          x: x + Math.cos(halfAngle) * halfRadius,
-          y: y + Math.sin(halfAngle) * halfRadius
-        };
+      key: "type",
+      get: function get() {
+        return this._config.type;
+      },
+      set: function set(type) {
+        this._config.type = type;
       }
     }, {
-      key: "tooltipPosition",
-      value: function tooltipPosition(useFinalPosition) {
-        return this.getCenterPoint(useFinalPosition);
+      key: "data",
+      get: function get() {
+        return this._config.data;
+      },
+      set: function set(data) {
+        this._config.data = initData(data);
       }
     }, {
-      key: "draw",
-      value: function draw(ctx) {
-        var me = this;
-        var options = me.options;
-        var offset = options.offset || 0;
-        me.pixelMargin = options.borderAlign === 'inner' ? 0.33 : 0;
-        me.fullCircles = Math.floor(me.circumference / TAU);
-
-        if (me.circumference === 0 || me.innerRadius < 0 || me.outerRadius < 0) {
-          return;
-        }
-
-        ctx.save();
-
-        if (offset && me.circumference < TAU) {
-          var halfAngle = (me.startAngle + me.endAngle) / 2;
-          ctx.translate(Math.cos(halfAngle) * offset, Math.sin(halfAngle) * offset);
-        }
-
-        ctx.fillStyle = options.backgroundColor;
-        ctx.strokeStyle = options.borderColor;
-        drawArc(ctx, me);
-        drawBorder(ctx, me);
-        ctx.restore();
+      key: "options",
+      get: function get() {
+        return this._config.options;
+      },
+      set: function set(options) {
+        this._config.options = options;
       }
-    }]);
-
-    return ArcElement;
-  }(Element);
-
-  ArcElement.id = 'arc';
-  ArcElement.defaults = {
-    borderAlign: 'center',
-    borderColor: '#fff',
-    borderWidth: 2,
-    offset: 0,
-    angle: undefined
-  };
-  ArcElement.defaultRoutes = {
-    backgroundColor: 'backgroundColor'
-  };
-
-  function setStyle(ctx, vm) {
-    ctx.lineCap = vm.borderCapStyle;
-    ctx.setLineDash(vm.borderDash);
-    ctx.lineDashOffset = vm.borderDashOffset;
-    ctx.lineJoin = vm.borderJoinStyle;
-    ctx.lineWidth = vm.borderWidth;
-    ctx.strokeStyle = vm.borderColor;
-  }
-
-  function lineTo(ctx, previous, target) {
-    ctx.lineTo(target.x, target.y);
-  }
-
-  function getLineMethod(options) {
-    if (options.stepped) {
-      return _steppedLineTo;
-    }
-
-    if (options.tension) {
-      return _bezierCurveTo;
-    }
-
-    return lineTo;
-  }
-
-  function pathVars(points, segment, params) {
-    params = params || {};
-    var count = points.length;
-    var start = Math.max(params.start || 0, segment.start);
-    var end = Math.min(params.end || count - 1, segment.end);
-    return {
-      count: count,
-      start: start,
-      loop: segment.loop,
-      ilen: end < start ? count + end - start : end - start
-    };
-  }
-
-  function pathSegment(ctx, line, segment, params) {
-    var points = line.points,
-        options = line.options;
-
-    var _pathVars = pathVars(points, segment, params),
-        count = _pathVars.count,
-        start = _pathVars.start,
-        loop = _pathVars.loop,
-        ilen = _pathVars.ilen;
-
-    var lineMethod = getLineMethod(options);
-
-    var _ref2 = params || {},
-        _ref2$move = _ref2.move,
-        move = _ref2$move === void 0 ? true : _ref2$move,
-        reverse = _ref2.reverse;
-
-    var i, point, prev;
-
-    for (i = 0; i <= ilen; ++i) {
-      point = points[(start + (reverse ? ilen - i : i)) % count];
-
-      if (point.skip) {
-        continue;
-      } else if (move) {
-        ctx.moveTo(point.x, point.y);
-        move = false;
-      } else {
-        lineMethod(ctx, prev, point, reverse, options.stepped);
+    }, {
+      key: "plugins",
+      get: function get() {
+        return this._config.plugins;
       }
-
-      prev = point;
-    }
-
-    if (loop) {
-      point = points[(start + (reverse ? ilen : 0)) % count];
-      lineMethod(ctx, prev, point, reverse, options.stepped);
-    }
-
-    return !!loop;
-  }
-
-  function fastPathSegment(ctx, line, segment, params) {
-    var points = line.points;
-
-    var _pathVars2 = pathVars(points, segment, params),
-        count = _pathVars2.count,
-        start = _pathVars2.start,
-        ilen = _pathVars2.ilen;
-
-    var _ref3 = params || {},
-        _ref3$move = _ref3.move,
-        move = _ref3$move === void 0 ? true : _ref3$move,
-        reverse = _ref3.reverse;
-
-    var avgX = 0;
-    var countX = 0;
-    var i, point, prevX, minY, maxY, lastY;
-
-    var pointIndex = function pointIndex(index) {
-      return (start + (reverse ? ilen - index : index)) % count;
-    };
-
-    var drawX = function drawX() {
-      if (minY !== maxY) {
-        ctx.lineTo(avgX, maxY);
-        ctx.lineTo(avgX, minY);
-        ctx.lineTo(avgX, lastY);
+    }, {
+      key: "update",
+      value: function update() {
+        var config = this._config;
+        this.clearCache();
+        initOptions(config);
       }
-    };
-
-    if (move) {
-      point = points[pointIndex(0)];
-      ctx.moveTo(point.x, point.y);
-    }
-
-    for (i = 0; i <= ilen; ++i) {
-      point = points[pointIndex(i)];
-
-      if (point.skip) {
-        continue;
+    }, {
+      key: "clearCache",
+      value: function clearCache() {
+        this._scopeCache.clear();
+        this._resolverCache.clear();
       }
-
-      var x = point.x;
-      var y = point.y;
-      var truncX = x | 0;
-
-      if (truncX === prevX) {
-        if (y < minY) {
-          minY = y;
-        } else if (y > maxY) {
-          maxY = y;
-        }
-
-        avgX = (countX * avgX + x) / ++countX;
-      } else {
-        drawX();
-        ctx.lineTo(x, y);
-        prevX = truncX;
-        countX = 0;
-        minY = maxY = y;
-      }
-
-      lastY = y;
-    }
-
-    drawX();
-  }
-
-  function _getSegmentMethod(line) {
-    var opts = line.options;
-    var borderDash = opts.borderDash && opts.borderDash.length;
-    var useFastPath = !line._decimated && !line._loop && !opts.tension && !opts.stepped && !borderDash;
-    return useFastPath ? fastPathSegment : pathSegment;
-  }
-
-  function _getInterpolationMethod(options) {
-    if (options.stepped) {
-      return _steppedInterpolation;
-    }
-
-    if (options.tension) {
-      return _bezierInterpolation;
-    }
-
-    return _pointInLine;
-  }
-
-  function strokePathWithCache(ctx, line, start, count) {
-    var path = line._path;
-
-    if (!path) {
-      path = line._path = new Path2D();
-
-      if (line.path(path, start, count)) {
-        path.closePath();
-      }
-    }
-
-    ctx.stroke(path);
-  }
-
-  function strokePathDirect(ctx, line, start, count) {
-    ctx.beginPath();
-
-    if (line.path(ctx, start, count)) {
-      ctx.closePath();
-    }
-
-    ctx.stroke();
-  }
-
-  var usePath2D = typeof Path2D === 'function';
-  var strokePath = usePath2D ? strokePathWithCache : strokePathDirect;
-
-  var LineElement = /*#__PURE__*/function (_Element3) {
-    _inherits(LineElement, _Element3);
-
-    var _super13 = _createSuper(LineElement);
-
-    function LineElement(cfg) {
-      var _this7;
-
-      _classCallCheck(this, LineElement);
-
-      _this7 = _super13.call(this);
-      _this7.animated = true;
-      _this7.options = undefined;
-      _this7._loop = undefined;
-      _this7._fullLoop = undefined;
-      _this7._path = undefined;
-      _this7._points = undefined;
-      _this7._segments = undefined;
-      _this7._decimated = false;
-      _this7._pointsUpdated = false;
-
-      if (cfg) {
-        Object.assign(_assertThisInitialized(_this7), cfg);
-      }
-
-      return _this7;
-    }
-
-    _createClass(LineElement, [{
-      key: "updateControlPoints",
-      value: function updateControlPoints(chartArea) {
-        var me = this;
-        var options = me.options;
-
-        if (options.tension && !options.stepped && !me._pointsUpdated) {
-          var loop = options.spanGaps ? me._loop : me._fullLoop;
-
-          _updateBezierControlPoints(me._points, options, chartArea, loop);
-
-          me._pointsUpdated = true;
-        }
+    }, {
+      key: "datasetScopeKeys",
+      value: function datasetScopeKeys(datasetType) {
+        return cachedKeys(datasetType, function () {
+          return [["datasets.".concat(datasetType), '']];
+        });
       }
     }, {
-      key: "points",
-      get: function get() {
-        return this._points;
-      },
-      set: function set(points) {
-        var me = this;
-        me._points = points;
-        delete me._segments;
-        delete me._path;
-        me._pointsUpdated = false;
+      key: "datasetAnimationScopeKeys",
+      value: function datasetAnimationScopeKeys(datasetType, transition) {
+        return cachedKeys("".concat(datasetType, ".transition.").concat(transition), function () {
+          return [["datasets.".concat(datasetType, ".transitions.").concat(transition), "transitions.".concat(transition)], ["datasets.".concat(datasetType), '']];
+        });
       }
     }, {
-      key: "segments",
-      get: function get() {
-        return this._segments || (this._segments = _computeSegments(this));
+      key: "datasetElementScopeKeys",
+      value: function datasetElementScopeKeys(datasetType, elementType) {
+        return cachedKeys("".concat(datasetType, "-").concat(elementType), function () {
+          return [["datasets.".concat(datasetType, ".elements.").concat(elementType), "datasets.".concat(datasetType), "elements.".concat(elementType), '']];
+        });
       }
     }, {
-      key: "first",
-      value: function first() {
-        var segments = this.segments;
-        var points = this.points;
-        return segments.length && points[segments[0].start];
+      key: "pluginScopeKeys",
+      value: function pluginScopeKeys(plugin) {
+        var id = plugin.id;
+        var type = this.type;
+        return cachedKeys("".concat(type, "-plugin-").concat(id), function () {
+          return [["plugins.".concat(id)].concat(_toConsumableArray(plugin.additionalOptionScopes || []))];
+        });
       }
     }, {
-      key: "last",
-      value: function last() {
-        var segments = this.segments;
-        var points = this.points;
-        var count = segments.length;
-        return count && points[segments[count - 1].end];
+      key: "_cachedScopes",
+      value: function _cachedScopes(mainScope, resetCache) {
+        var _scopeCache = this._scopeCache;
+        var cache = _scopeCache.get(mainScope);
+        if (!cache || resetCache) {
+          cache = new Map();
+          _scopeCache.set(mainScope, cache);
+        }
+        return cache;
       }
     }, {
-      key: "interpolate",
-      value: function interpolate(point, property) {
-        var me = this;
-        var options = me.options;
-        var value = point[property];
-        var points = me.points;
-
-        var segments = _boundSegments(me, {
-          property: property,
-          start: value,
-          end: value
-        });
-
-        if (!segments.length) {
-          return;
+      key: "getOptionScopes",
+      value: function getOptionScopes(mainScope, keyLists, resetCache) {
+        var options = this.options,
+          type = this.type;
+        var cache = this._cachedScopes(mainScope, resetCache);
+        var cached = cache.get(keyLists);
+        if (cached) {
+          return cached;
         }
-
-        var result = [];
-
-        var _interpolate = _getInterpolationMethod(options);
-
-        var i, ilen;
-
-        for (i = 0, ilen = segments.length; i < ilen; ++i) {
-          var _segments$i = segments[i],
-              start = _segments$i.start,
-              end = _segments$i.end;
-          var p1 = points[start];
-          var p2 = points[end];
-
-          if (p1 === p2) {
-            result.push(p1);
-            continue;
+        var scopes = new Set();
+        keyLists.forEach(function (keys) {
+          if (mainScope) {
+            scopes.add(mainScope);
+            keys.forEach(function (key) {
+              return addIfFound(scopes, mainScope, key);
+            });
           }
-
-          var t = Math.abs((value - p1[property]) / (p2[property] - p1[property]));
-
-          var interpolated = _interpolate(p1, p2, t, options.stepped);
-
-          interpolated[property] = point[property];
-          result.push(interpolated);
+          keys.forEach(function (key) {
+            return addIfFound(scopes, options, key);
+          });
+          keys.forEach(function (key) {
+            return addIfFound(scopes, overrides[type] || {}, key);
+          });
+          keys.forEach(function (key) {
+            return addIfFound(scopes, defaults, key);
+          });
+          keys.forEach(function (key) {
+            return addIfFound(scopes, descriptors, key);
+          });
+        });
+        var array = Array.from(scopes);
+        if (array.length === 0) {
+          array.push(Object.create(null));
         }
-
-        return result.length === 1 ? result[0] : result;
+        if (keysCached.has(keyLists)) {
+          cache.set(keyLists, array);
+        }
+        return array;
       }
     }, {
-      key: "pathSegment",
-      value: function pathSegment(ctx, segment, params) {
-        var segmentMethod = _getSegmentMethod(this);
-
-        return segmentMethod(ctx, this, segment, params);
+      key: "chartOptionScopes",
+      value: function chartOptionScopes() {
+        var options = this.options,
+          type = this.type;
+        return [options, overrides[type] || {}, defaults.datasets[type] || {}, {
+          type: type
+        }, defaults, descriptors];
       }
     }, {
-      key: "path",
-      value: function path(ctx, start, count) {
-        var me = this;
-        var segments = me.segments;
-        var ilen = segments.length;
-
-        var segmentMethod = _getSegmentMethod(me);
-
-        var loop = me._loop;
-        start = start || 0;
-        count = count || me.points.length - start;
-
-        for (var i = 0; i < ilen; ++i) {
-          loop &= segmentMethod(ctx, me, segments[i], {
-            start: start,
-            end: start + count - 1
-          });
+      key: "resolveNamedOptions",
+      value: function resolveNamedOptions(scopes, names, context) {
+        var prefixes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [''];
+        var result = {
+          $shared: true
+        };
+        var _getResolver = getResolver(this._resolverCache, scopes, prefixes),
+          resolver = _getResolver.resolver,
+          subPrefixes = _getResolver.subPrefixes;
+        var options = resolver;
+        if (needContext(resolver, names)) {
+          result.$shared = false;
+          context = isFunction(context) ? context() : context;
+          var subResolver = this.createResolver(scopes, context, subPrefixes);
+          options = _attachContext(resolver, context, subResolver);
         }
-
-        return !!loop;
+        var _iterator13 = _createForOfIteratorHelper$1(names),
+          _step13;
+        try {
+          for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
+            var prop = _step13.value;
+            result[prop] = options[prop];
+          }
+        } catch (err) {
+          _iterator13.e(err);
+        } finally {
+          _iterator13.f();
+        }
+        return result;
       }
     }, {
-      key: "draw",
-      value: function draw(ctx, chartArea, start, count) {
-        var me = this;
-        var options = me.options || {};
-        var points = me.points || [];
-
-        if (!points.length || !options.borderWidth) {
-          return;
-        }
-
-        ctx.save();
-        setStyle(ctx, options);
-        strokePath(ctx, me, start, count);
-        ctx.restore();
-
-        if (me.animated) {
-          me._pointsUpdated = false;
-          me._path = undefined;
-        }
+      key: "createResolver",
+      value: function createResolver(scopes, context) {
+        var prefixes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [''];
+        var descriptorDefaults = arguments.length > 3 ? arguments[3] : undefined;
+        var _getResolver2 = getResolver(this._resolverCache, scopes, prefixes),
+          resolver = _getResolver2.resolver;
+        return isObject(context) ? _attachContext(resolver, context, undefined, descriptorDefaults) : resolver;
       }
     }]);
-
-    return LineElement;
-  }(Element);
-
-  LineElement.id = 'line';
-  LineElement.defaults = {
-    borderCapStyle: 'butt',
-    borderDash: [],
-    borderDashOffset: 0,
-    borderJoinStyle: 'miter',
-    borderWidth: 3,
-    capBezierPoints: true,
-    cubicInterpolationMode: 'default',
-    fill: false,
-    spanGaps: false,
-    stepped: false,
-    tension: 0
-  };
-  LineElement.defaultRoutes = {
-    backgroundColor: 'backgroundColor',
-    borderColor: 'borderColor'
+    return Config;
+  }();
+  function getResolver(resolverCache, scopes, prefixes) {
+    var cache = resolverCache.get(scopes);
+    if (!cache) {
+      cache = new Map();
+      resolverCache.set(scopes, cache);
+    }
+    var cacheKey = prefixes.join();
+    var cached = cache.get(cacheKey);
+    if (!cached) {
+      var resolver = _createResolver(scopes, prefixes);
+      cached = {
+        resolver: resolver,
+        subPrefixes: prefixes.filter(function (p) {
+          return !p.toLowerCase().includes('hover');
+        })
+      };
+      cache.set(cacheKey, cached);
+    }
+    return cached;
+  }
+  var hasFunction = function hasFunction(value) {
+    return isObject(value) && Object.getOwnPropertyNames(value).reduce(function (acc, key) {
+      return acc || isFunction(value[key]);
+    }, false);
   };
-  LineElement.descriptors = {
-    _scriptable: true,
-    _indexable: function _indexable(name) {
-      return name !== 'borderDash' && name !== 'fill';
+  function needContext(proxy, names) {
+    var _descriptors2 = _descriptors(proxy),
+      isScriptable = _descriptors2.isScriptable,
+      isIndexable = _descriptors2.isIndexable;
+    var _iterator14 = _createForOfIteratorHelper$1(names),
+      _step14;
+    try {
+      for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
+        var prop = _step14.value;
+        var scriptable = isScriptable(prop);
+        var indexable = isIndexable(prop);
+        var value = (indexable || scriptable) && proxy[prop];
+        if (scriptable && (isFunction(value) || hasFunction(value)) || indexable && isArray(value)) {
+          return true;
+        }
+      }
+    } catch (err) {
+      _iterator14.e(err);
+    } finally {
+      _iterator14.f();
+    }
+    return false;
+  }
+  var version = "4.2.0";
+  var KNOWN_POSITIONS = ['top', 'bottom', 'left', 'right', 'chartArea'];
+  function positionIsHorizontal(position, axis) {
+    return position === 'top' || position === 'bottom' || KNOWN_POSITIONS.indexOf(position) === -1 && axis === 'x';
+  }
+  function compare2Level(l1, l2) {
+    return function (a, b) {
+      return a[l1] === b[l1] ? a[l2] - b[l2] : a[l1] - b[l1];
+    };
+  }
+  function onAnimationsComplete(context) {
+    var chart = context.chart;
+    var animationOptions = chart.options.animation;
+    chart.notifyPlugins('afterRender');
+    callback(animationOptions && animationOptions.onComplete, [context], chart);
+  }
+  function onAnimationProgress(context) {
+    var chart = context.chart;
+    var animationOptions = chart.options.animation;
+    callback(animationOptions && animationOptions.onProgress, [context], chart);
+  }
+  function getCanvas(item) {
+    if (_isDomSupported() && typeof item === 'string') {
+      item = document.getElementById(item);
+    } else if (item && item.length) {
+      item = item[0];
     }
+    if (item && item.canvas) {
+      item = item.canvas;
+    }
+    return item;
+  }
+  var instances = {};
+  var getChart = function getChart(key) {
+    var canvas = getCanvas(key);
+    return Object.values(instances).filter(function (c) {
+      return c.canvas === canvas;
+    }).pop();
   };
-
-  function inRange$1(el, pos, axis, useFinalPosition) {
-    var options = el.options;
-
-    var _el$getProps = el.getProps([axis], useFinalPosition),
-        value = _el$getProps[axis];
-
-    return Math.abs(pos - value) < options.radius + options.hitRadius;
+  function moveNumericKeys(obj, start, move) {
+    var keys = Object.keys(obj);
+    for (var _i2 = 0, _keys = keys; _i2 < _keys.length; _i2++) {
+      var key = _keys[_i2];
+      var intKey = +key;
+      if (intKey >= start) {
+        var value = obj[key];
+        delete obj[key];
+        if (move > 0 || intKey > start) {
+          obj[intKey + move] = value;
+        }
+      }
+    }
   }
-
-  var PointElement = /*#__PURE__*/function (_Element4) {
-    _inherits(PointElement, _Element4);
-
-    var _super14 = _createSuper(PointElement);
-
-    function PointElement(cfg) {
-      var _this8;
-
-      _classCallCheck(this, PointElement);
-
-      _this8 = _super14.call(this);
-      _this8.options = undefined;
-      _this8.skip = undefined;
-      _this8.stop = undefined;
-
-      if (cfg) {
-        Object.assign(_assertThisInitialized(_this8), cfg);
+  function determineLastEvent(e, lastEvent, inChartArea, isClick) {
+    if (!inChartArea || e.type === 'mouseout') {
+      return null;
+    }
+    if (isClick) {
+      return lastEvent;
+    }
+    return e;
+  }
+  function getDatasetArea(meta) {
+    var xScale = meta.xScale,
+      yScale = meta.yScale;
+    if (xScale && yScale) {
+      return {
+        left: xScale.left,
+        right: xScale.right,
+        top: yScale.top,
+        bottom: yScale.bottom
+      };
+    }
+  }
+  var Chart$1 = /*#__PURE__*/function () {
+    function Chart(item, userConfig) {
+      var _this12 = this;
+      _classCallCheck$x(this, Chart);
+      var config = this.config = new Config(userConfig);
+      var initialCanvas = getCanvas(item);
+      var existingChart = getChart(initialCanvas);
+      if (existingChart) {
+        throw new Error('Canvas is already in use. Chart with ID \'' + existingChart.id + '\'' + ' must be destroyed before the canvas with ID \'' + existingChart.canvas.id + '\' can be reused.');
+      }
+      var options = config.createResolver(config.chartOptionScopes(), this.getContext());
+      this.platform = new (config.platform || _detectPlatform(initialCanvas))();
+      this.platform.updateConfig(config);
+      var context = this.platform.acquireContext(initialCanvas, options.aspectRatio);
+      var canvas = context && context.canvas;
+      var height = canvas && canvas.height;
+      var width = canvas && canvas.width;
+      this.id = uid();
+      this.ctx = context;
+      this.canvas = canvas;
+      this.width = width;
+      this.height = height;
+      this._options = options;
+      this._aspectRatio = this.aspectRatio;
+      this._layers = [];
+      this._metasets = [];
+      this._stacks = undefined;
+      this.boxes = [];
+      this.currentDevicePixelRatio = undefined;
+      this.chartArea = undefined;
+      this._active = [];
+      this._lastEvent = undefined;
+      this._listeners = {};
+      this._responsiveListeners = undefined;
+      this._sortedMetasets = [];
+      this.scales = {};
+      this._plugins = new PluginService();
+      this.$proxies = {};
+      this._hiddenIndices = {};
+      this.attached = false;
+      this._animationsDisabled = undefined;
+      this.$context = undefined;
+      this._doResize = debounce(function (mode) {
+        return _this12.update(mode);
+      }, options.resizeDelay || 0);
+      this._dataChanges = [];
+      instances[this.id] = this;
+      if (!context || !canvas) {
+        console.error("Failed to create chart: can't acquire context from the given item");
+        return;
+      }
+      animator.listen(this, 'complete', onAnimationsComplete);
+      animator.listen(this, 'progress', onAnimationProgress);
+      this._initialize();
+      if (this.attached) {
+        this.update();
       }
-
-      return _this8;
     }
-
-    _createClass(PointElement, [{
-      key: "inRange",
-      value: function inRange(mouseX, mouseY, useFinalPosition) {
-        var options = this.options;
-
-        var _this$getProps4 = this.getProps(['x', 'y'], useFinalPosition),
-            x = _this$getProps4.x,
-            y = _this$getProps4.y;
-
-        return Math.pow(mouseX - x, 2) + Math.pow(mouseY - y, 2) < Math.pow(options.hitRadius + options.radius, 2);
+    _createClass$x(Chart, [{
+      key: "aspectRatio",
+      get: function get() {
+        var _this$options12 = this.options,
+          aspectRatio = _this$options12.aspectRatio,
+          maintainAspectRatio = _this$options12.maintainAspectRatio,
+          width = this.width,
+          height = this.height,
+          _aspectRatio = this._aspectRatio;
+        if (!isNullOrUndef(aspectRatio)) {
+          return aspectRatio;
+        }
+        if (maintainAspectRatio && _aspectRatio) {
+          return _aspectRatio;
+        }
+        return height ? width / height : null;
       }
     }, {
-      key: "inXRange",
-      value: function inXRange(mouseX, useFinalPosition) {
-        return inRange$1(this, mouseX, 'x', useFinalPosition);
+      key: "data",
+      get: function get() {
+        return this.config.data;
+      },
+      set: function set(data) {
+        this.config.data = data;
       }
     }, {
-      key: "inYRange",
-      value: function inYRange(mouseY, useFinalPosition) {
-        return inRange$1(this, mouseY, 'y', useFinalPosition);
+      key: "options",
+      get: function get() {
+        return this._options;
+      },
+      set: function set(options) {
+        this.config.options = options;
       }
     }, {
-      key: "getCenterPoint",
-      value: function getCenterPoint(useFinalPosition) {
-        var _this$getProps5 = this.getProps(['x', 'y'], useFinalPosition),
-            x = _this$getProps5.x,
-            y = _this$getProps5.y;
-
-        return {
-          x: x,
-          y: y
-        };
+      key: "registry",
+      get: function get() {
+        return registry;
       }
     }, {
-      key: "size",
-      value: function size(options) {
-        options = options || this.options || {};
-        var radius = options.radius || 0;
-        radius = Math.max(radius, radius && options.hoverRadius || 0);
-        var borderWidth = radius && options.borderWidth || 0;
-        return (radius + borderWidth) * 2;
+      key: "_initialize",
+      value: function _initialize() {
+        this.notifyPlugins('beforeInit');
+        if (this.options.responsive) {
+          this.resize();
+        } else {
+          retinaScale(this, this.options.devicePixelRatio);
+        }
+        this.bindEvents();
+        this.notifyPlugins('afterInit');
+        return this;
       }
     }, {
-      key: "draw",
-      value: function draw(ctx) {
-        var me = this;
-        var options = me.options;
-
-        if (me.skip || options.radius < 0.1) {
+      key: "clear",
+      value: function clear() {
+        clearCanvas(this.canvas, this.ctx);
+        return this;
+      }
+    }, {
+      key: "stop",
+      value: function stop() {
+        animator.stop(this);
+        return this;
+      }
+    }, {
+      key: "resize",
+      value: function resize(width, height) {
+        if (!animator.running(this)) {
+          this._resize(width, height);
+        } else {
+          this._resizeBeforeDraw = {
+            width: width,
+            height: height
+          };
+        }
+      }
+    }, {
+      key: "_resize",
+      value: function _resize(width, height) {
+        var options = this.options;
+        var canvas = this.canvas;
+        var aspectRatio = options.maintainAspectRatio && this.aspectRatio;
+        var newSize = this.platform.getMaximumSize(canvas, width, height, aspectRatio);
+        var newRatio = options.devicePixelRatio || this.platform.getDevicePixelRatio();
+        var mode = this.width ? 'resize' : 'attach';
+        this.width = newSize.width;
+        this.height = newSize.height;
+        this._aspectRatio = this.aspectRatio;
+        if (!retinaScale(this, newRatio, true)) {
           return;
         }
-
-        ctx.strokeStyle = options.borderColor;
-        ctx.lineWidth = options.borderWidth;
-        ctx.fillStyle = options.backgroundColor;
-        drawPoint(ctx, options, me.x, me.y);
+        this.notifyPlugins('resize', {
+          size: newSize
+        });
+        callback(options.onResize, [this, newSize], this);
+        if (this.attached) {
+          if (this._doResize(mode)) {
+            this.render();
+          }
+        }
       }
     }, {
-      key: "getRange",
-      value: function getRange() {
-        var options = this.options || {};
-        return options.radius + options.hitRadius;
+      key: "ensureScalesHaveIDs",
+      value: function ensureScalesHaveIDs() {
+        var options = this.options;
+        var scalesOptions = options.scales || {};
+        each(scalesOptions, function (axisOptions, axisID) {
+          axisOptions.id = axisID;
+        });
       }
-    }]);
-
-    return PointElement;
-  }(Element);
-
-  PointElement.id = 'point';
-  PointElement.defaults = {
-    borderWidth: 1,
-    hitRadius: 1,
-    hoverBorderWidth: 1,
-    hoverRadius: 4,
-    pointStyle: 'circle',
-    radius: 3,
-    rotation: 0
-  };
-  PointElement.defaultRoutes = {
-    backgroundColor: 'backgroundColor',
-    borderColor: 'borderColor'
-  };
-
-  function getBarBounds(bar, useFinalPosition) {
-    var _bar$getProps = bar.getProps(['x', 'y', 'base', 'width', 'height'], useFinalPosition),
-        x = _bar$getProps.x,
-        y = _bar$getProps.y,
-        base = _bar$getProps.base,
-        width = _bar$getProps.width,
-        height = _bar$getProps.height;
-
-    var left, right, top, bottom, half;
-
-    if (bar.horizontal) {
-      half = height / 2;
-      left = Math.min(x, base);
-      right = Math.max(x, base);
-      top = y - half;
-      bottom = y + half;
-    } else {
-      half = width / 2;
-      left = x - half;
-      right = x + half;
-      top = Math.min(y, base);
-      bottom = Math.max(y, base);
-    }
-
-    return {
-      left: left,
-      top: top,
-      right: right,
-      bottom: bottom
-    };
-  }
-
-  function parseBorderSkipped(bar) {
-    var edge = bar.options.borderSkipped;
-    var res = {};
-
-    if (!edge) {
-      return res;
-    }
-
-    edge = bar.horizontal ? parseEdge(edge, 'left', 'right', bar.base > bar.x) : parseEdge(edge, 'bottom', 'top', bar.base < bar.y);
-    res[edge] = true;
-    return res;
-  }
-
-  function parseEdge(edge, a, b, reverse) {
-    if (reverse) {
-      edge = swap(edge, a, b);
-      edge = startEnd(edge, b, a);
-    } else {
-      edge = startEnd(edge, a, b);
-    }
-
-    return edge;
-  }
-
-  function swap(orig, v1, v2) {
-    return orig === v1 ? v2 : orig === v2 ? v1 : orig;
-  }
-
-  function startEnd(v, start, end) {
-    return v === 'start' ? start : v === 'end' ? end : v;
-  }
-
-  function skipOrLimit(skip, value, min, max) {
-    return skip ? 0 : Math.max(Math.min(value, max), min);
-  }
-
-  function parseBorderWidth(bar, maxW, maxH) {
-    var value = bar.options.borderWidth;
-    var skip = parseBorderSkipped(bar);
-    var o = toTRBL(value);
-    return {
-      t: skipOrLimit(skip.top, o.top, 0, maxH),
-      r: skipOrLimit(skip.right, o.right, 0, maxW),
-      b: skipOrLimit(skip.bottom, o.bottom, 0, maxH),
-      l: skipOrLimit(skip.left, o.left, 0, maxW)
-    };
-  }
-
-  function parseBorderRadius(bar, maxW, maxH) {
-    var value = bar.options.borderRadius;
-    var o = toTRBLCorners(value);
-    var maxR = Math.min(maxW, maxH);
-    var skip = parseBorderSkipped(bar);
-    return {
-      topLeft: skipOrLimit(skip.top || skip.left, o.topLeft, 0, maxR),
-      topRight: skipOrLimit(skip.top || skip.right, o.topRight, 0, maxR),
-      bottomLeft: skipOrLimit(skip.bottom || skip.left, o.bottomLeft, 0, maxR),
-      bottomRight: skipOrLimit(skip.bottom || skip.right, o.bottomRight, 0, maxR)
-    };
-  }
-
-  function boundingRects(bar) {
-    var bounds = getBarBounds(bar);
-    var width = bounds.right - bounds.left;
-    var height = bounds.bottom - bounds.top;
-    var border = parseBorderWidth(bar, width / 2, height / 2);
-    var radius = parseBorderRadius(bar, width / 2, height / 2);
-    return {
-      outer: {
-        x: bounds.left,
-        y: bounds.top,
-        w: width,
-        h: height,
-        radius: radius
-      },
-      inner: {
-        x: bounds.left + border.l,
-        y: bounds.top + border.t,
-        w: width - border.l - border.r,
-        h: height - border.t - border.b,
-        radius: {
-          topLeft: Math.max(0, radius.topLeft - Math.max(border.t, border.l)),
-          topRight: Math.max(0, radius.topRight - Math.max(border.t, border.r)),
-          bottomLeft: Math.max(0, radius.bottomLeft - Math.max(border.b, border.l)),
-          bottomRight: Math.max(0, radius.bottomRight - Math.max(border.b, border.r))
-        }
-      }
-    };
-  }
-
-  function _inRange(bar, x, y, useFinalPosition) {
-    var skipX = x === null;
-    var skipY = y === null;
-    var skipBoth = skipX && skipY;
-    var bounds = bar && !skipBoth && getBarBounds(bar, useFinalPosition);
-    return bounds && (skipX || x >= bounds.left && x <= bounds.right) && (skipY || y >= bounds.top && y <= bounds.bottom);
-  }
-
-  function hasRadius(radius) {
-    return radius.topLeft || radius.topRight || radius.bottomLeft || radius.bottomRight;
-  }
-
-  function addRoundedRectPath(ctx, rect) {
-    var x = rect.x,
-        y = rect.y,
-        w = rect.w,
-        h = rect.h,
-        radius = rect.radius;
-    ctx.arc(x + radius.topLeft, y + radius.topLeft, radius.topLeft, -HALF_PI, PI, true);
-    ctx.lineTo(x, y + h - radius.bottomLeft);
-    ctx.arc(x + radius.bottomLeft, y + h - radius.bottomLeft, radius.bottomLeft, PI, HALF_PI, true);
-    ctx.lineTo(x + w - radius.bottomRight, y + h);
-    ctx.arc(x + w - radius.bottomRight, y + h - radius.bottomRight, radius.bottomRight, HALF_PI, 0, true);
-    ctx.lineTo(x + w, y + radius.topRight);
-    ctx.arc(x + w - radius.topRight, y + radius.topRight, radius.topRight, 0, -HALF_PI, true);
-    ctx.lineTo(x + radius.topLeft, y);
-  }
-
-  function addNormalRectPath(ctx, rect) {
-    ctx.rect(rect.x, rect.y, rect.w, rect.h);
-  }
-
-  var BarElement = /*#__PURE__*/function (_Element5) {
-    _inherits(BarElement, _Element5);
-
-    var _super15 = _createSuper(BarElement);
-
-    function BarElement(cfg) {
-      var _this9;
-
-      _classCallCheck(this, BarElement);
-
-      _this9 = _super15.call(this);
-      _this9.options = undefined;
-      _this9.horizontal = undefined;
-      _this9.base = undefined;
-      _this9.width = undefined;
-      _this9.height = undefined;
-
-      if (cfg) {
-        Object.assign(_assertThisInitialized(_this9), cfg);
-      }
-
-      return _this9;
-    }
-
-    _createClass(BarElement, [{
-      key: "draw",
-      value: function draw(ctx) {
+    }, {
+      key: "buildOrUpdateScales",
+      value: function buildOrUpdateScales() {
+        var _this13 = this;
         var options = this.options;
-
-        var _boundingRects = boundingRects(this),
-            inner = _boundingRects.inner,
-            outer = _boundingRects.outer;
-
-        var addRectPath = hasRadius(outer.radius) ? addRoundedRectPath : addNormalRectPath;
-        ctx.save();
-
-        if (outer.w !== inner.w || outer.h !== inner.h) {
-          ctx.beginPath();
-          addRectPath(ctx, outer);
-          ctx.clip();
-          addRectPath(ctx, inner);
-          ctx.fillStyle = options.borderColor;
-          ctx.fill('evenodd');
+        var scaleOpts = options.scales;
+        var scales = this.scales;
+        var updated = Object.keys(scales).reduce(function (obj, id) {
+          obj[id] = false;
+          return obj;
+        }, {});
+        var items = [];
+        if (scaleOpts) {
+          items = items.concat(Object.keys(scaleOpts).map(function (id) {
+            var scaleOptions = scaleOpts[id];
+            var axis = determineAxis(id, scaleOptions);
+            var isRadial = axis === 'r';
+            var isHorizontal = axis === 'x';
+            return {
+              options: scaleOptions,
+              dposition: isRadial ? 'chartArea' : isHorizontal ? 'bottom' : 'left',
+              dtype: isRadial ? 'radialLinear' : isHorizontal ? 'category' : 'linear'
+            };
+          }));
         }
-
-        ctx.beginPath();
-        addRectPath(ctx, inner);
-        ctx.fillStyle = options.backgroundColor;
-        ctx.fill();
-        ctx.restore();
-      }
-    }, {
-      key: "inRange",
-      value: function inRange(mouseX, mouseY, useFinalPosition) {
-        return _inRange(this, mouseX, mouseY, useFinalPosition);
+        each(items, function (item) {
+          var scaleOptions = item.options;
+          var id = scaleOptions.id;
+          var axis = determineAxis(id, scaleOptions);
+          var scaleType = valueOrDefault(scaleOptions.type, item.dtype);
+          if (scaleOptions.position === undefined || positionIsHorizontal(scaleOptions.position, axis) !== positionIsHorizontal(item.dposition)) {
+            scaleOptions.position = item.dposition;
+          }
+          updated[id] = true;
+          var scale = null;
+          if (id in scales && scales[id].type === scaleType) {
+            scale = scales[id];
+          } else {
+            var scaleClass = registry.getScale(scaleType);
+            scale = new scaleClass({
+              id: id,
+              type: scaleType,
+              ctx: _this13.ctx,
+              chart: _this13
+            });
+            scales[scale.id] = scale;
+          }
+          scale.init(scaleOptions, options);
+        });
+        each(updated, function (hasUpdated, id) {
+          if (!hasUpdated) {
+            delete scales[id];
+          }
+        });
+        each(scales, function (scale) {
+          layouts.configure(_this13, scale, scale.options);
+          layouts.addBox(_this13, scale);
+        });
       }
     }, {
-      key: "inXRange",
-      value: function inXRange(mouseX, useFinalPosition) {
-        return _inRange(this, mouseX, null, useFinalPosition);
+      key: "_updateMetasets",
+      value: function _updateMetasets() {
+        var metasets = this._metasets;
+        var numData = this.data.datasets.length;
+        var numMeta = metasets.length;
+        metasets.sort(function (a, b) {
+          return a.index - b.index;
+        });
+        if (numMeta > numData) {
+          for (var i = numData; i < numMeta; ++i) {
+            this._destroyDatasetMeta(i);
+          }
+          metasets.splice(numData, numMeta - numData);
+        }
+        this._sortedMetasets = metasets.slice(0).sort(compare2Level('order', 'index'));
       }
     }, {
-      key: "inYRange",
-      value: function inYRange(mouseY, useFinalPosition) {
-        return _inRange(this, null, mouseY, useFinalPosition);
+      key: "_removeUnreferencedMetasets",
+      value: function _removeUnreferencedMetasets() {
+        var _this14 = this;
+        var metasets = this._metasets,
+          datasets = this.data.datasets;
+        if (metasets.length > datasets.length) {
+          delete this._stacks;
+        }
+        metasets.forEach(function (meta, index) {
+          if (datasets.filter(function (x) {
+            return x === meta._dataset;
+          }).length === 0) {
+            _this14._destroyDatasetMeta(index);
+          }
+        });
       }
     }, {
-      key: "getCenterPoint",
-      value: function getCenterPoint(useFinalPosition) {
-        var _this$getProps6 = this.getProps(['x', 'y', 'base', 'horizontal'], useFinalPosition),
-            x = _this$getProps6.x,
-            y = _this$getProps6.y,
-            base = _this$getProps6.base,
-            horizontal = _this$getProps6.horizontal;
-
-        return {
-          x: horizontal ? (x + base) / 2 : x,
-          y: horizontal ? y : (y + base) / 2
-        };
+      key: "buildOrUpdateControllers",
+      value: function buildOrUpdateControllers() {
+        var newControllers = [];
+        var datasets = this.data.datasets;
+        var i, ilen;
+        this._removeUnreferencedMetasets();
+        for (i = 0, ilen = datasets.length; i < ilen; i++) {
+          var dataset = datasets[i];
+          var meta = this.getDatasetMeta(i);
+          var type = dataset.type || this.config.type;
+          if (meta.type && meta.type !== type) {
+            this._destroyDatasetMeta(i);
+            meta = this.getDatasetMeta(i);
+          }
+          meta.type = type;
+          meta.indexAxis = dataset.indexAxis || getIndexAxis(type, this.options);
+          meta.order = dataset.order || 0;
+          meta.index = i;
+          meta.label = '' + dataset.label;
+          meta.visible = this.isDatasetVisible(i);
+          if (meta.controller) {
+            meta.controller.updateIndex(i);
+            meta.controller.linkScales();
+          } else {
+            var ControllerClass = registry.getController(type);
+            var _defaults$datasets$ty = defaults.datasets[type],
+              datasetElementType = _defaults$datasets$ty.datasetElementType,
+              dataElementType = _defaults$datasets$ty.dataElementType;
+            Object.assign(ControllerClass, {
+              dataElementType: registry.getElement(dataElementType),
+              datasetElementType: datasetElementType && registry.getElement(datasetElementType)
+            });
+            meta.controller = new ControllerClass(this, i);
+            newControllers.push(meta.controller);
+          }
+        }
+        this._updateMetasets();
+        return newControllers;
       }
     }, {
-      key: "getRange",
-      value: function getRange(axis) {
-        return axis === 'x' ? this.width / 2 : this.height / 2;
+      key: "_resetElements",
+      value: function _resetElements() {
+        var _this15 = this;
+        each(this.data.datasets, function (dataset, datasetIndex) {
+          _this15.getDatasetMeta(datasetIndex).controller.reset();
+        }, this);
       }
-    }]);
-
-    return BarElement;
-  }(Element);
-
-  BarElement.id = 'bar';
-  BarElement.defaults = {
-    borderSkipped: 'start',
-    borderWidth: 0,
-    borderRadius: 0,
-    pointStyle: undefined
-  };
-  BarElement.defaultRoutes = {
-    backgroundColor: 'backgroundColor',
-    borderColor: 'borderColor'
-  };
-  var elements = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    ArcElement: ArcElement,
-    LineElement: LineElement,
-    PointElement: PointElement,
-    BarElement: BarElement
-  });
-
-  function lttbDecimation(data, availableWidth, options) {
-    var samples = options.samples || availableWidth;
-    var decimated = [];
-    var bucketWidth = (data.length - 2) / (samples - 2);
-    var sampledIndex = 0;
-    var a = 0;
-    var i, maxAreaPoint, maxArea, area, nextA;
-    decimated[sampledIndex++] = data[a];
-
-    for (i = 0; i < samples - 2; i++) {
-      var avgX = 0;
-      var avgY = 0;
-      var j = void 0;
-      var avgRangeStart = Math.floor((i + 1) * bucketWidth) + 1;
-      var avgRangeEnd = Math.min(Math.floor((i + 2) * bucketWidth) + 1, data.length);
-      var avgRangeLength = avgRangeEnd - avgRangeStart;
-
-      for (j = avgRangeStart; j < avgRangeEnd; j++) {
-        avgX = data[j].x;
-        avgY = data[j].y;
+    }, {
+      key: "reset",
+      value: function reset() {
+        this._resetElements();
+        this.notifyPlugins('reset');
       }
-
-      avgX /= avgRangeLength;
-      avgY /= avgRangeLength;
-      var rangeOffs = Math.floor(i * bucketWidth) + 1;
-      var rangeTo = Math.floor((i + 1) * bucketWidth) + 1;
-      var _data$a = data[a],
-          pointAx = _data$a.x,
-          pointAy = _data$a.y;
-      maxArea = area = -1;
-
-      for (j = rangeOffs; j < rangeTo; j++) {
-        area = 0.5 * Math.abs((pointAx - avgX) * (data[j].y - pointAy) - (pointAx - data[j].x) * (avgY - pointAy));
-
-        if (area > maxArea) {
-          maxArea = area;
-          maxAreaPoint = data[j];
-          nextA = j;
+    }, {
+      key: "update",
+      value: function update(mode) {
+        var config = this.config;
+        config.update();
+        var options = this._options = config.createResolver(config.chartOptionScopes(), this.getContext());
+        var animsDisabled = this._animationsDisabled = !options.animation;
+        this._updateScales();
+        this._checkEventBindings();
+        this._updateHiddenIndices();
+        this._plugins.invalidate();
+        if (this.notifyPlugins('beforeUpdate', {
+          mode: mode,
+          cancelable: true
+        }) === false) {
+          return;
+        }
+        var newControllers = this.buildOrUpdateControllers();
+        this.notifyPlugins('beforeElementsUpdate');
+        var minPadding = 0;
+        for (var i = 0, ilen = this.data.datasets.length; i < ilen; i++) {
+          var _this$getDatasetMeta = this.getDatasetMeta(i),
+            controller = _this$getDatasetMeta.controller;
+          var reset = !animsDisabled && newControllers.indexOf(controller) === -1;
+          controller.buildOrUpdateElements(reset);
+          minPadding = Math.max(+controller.getMaxOverflow(), minPadding);
+        }
+        minPadding = this._minPadding = options.layout.autoPadding ? minPadding : 0;
+        this._updateLayout(minPadding);
+        if (!animsDisabled) {
+          each(newControllers, function (controller) {
+            controller.reset();
+          });
         }
+        this._updateDatasets(mode);
+        this.notifyPlugins('afterUpdate', {
+          mode: mode
+        });
+        this._layers.sort(compare2Level('z', '_idx'));
+        var _active = this._active,
+          _lastEvent = this._lastEvent;
+        if (_lastEvent) {
+          this._eventHandler(_lastEvent, true);
+        } else if (_active.length) {
+          this._updateHoverStyles(_active, _active, true);
+        }
+        this.render();
+      }
+    }, {
+      key: "_updateScales",
+      value: function _updateScales() {
+        var _this16 = this;
+        each(this.scales, function (scale) {
+          layouts.removeBox(_this16, scale);
+        });
+        this.ensureScalesHaveIDs();
+        this.buildOrUpdateScales();
       }
-
-      decimated[sampledIndex++] = maxAreaPoint;
-      a = nextA;
-    }
-
-    decimated[sampledIndex++] = data[data.length - 1];
-    return decimated;
-  }
-
-  function minMaxDecimation(data, availableWidth) {
-    var avgX = 0;
-    var countX = 0;
-    var i, point, x, y, prevX, minIndex, maxIndex, startIndex, minY, maxY;
-    var decimated = [];
-    var xMin = data[0].x;
-    var xMax = data[data.length - 1].x;
-    var dx = xMax - xMin;
-
-    for (i = 0; i < data.length; ++i) {
-      point = data[i];
-      x = (point.x - xMin) / dx * availableWidth;
-      y = point.y;
-      var truncX = x | 0;
-
-      if (truncX === prevX) {
-        if (y < minY) {
-          minY = y;
-          minIndex = i;
-        } else if (y > maxY) {
-          maxY = y;
-          maxIndex = i;
+    }, {
+      key: "_checkEventBindings",
+      value: function _checkEventBindings() {
+        var options = this.options;
+        var existingEvents = new Set(Object.keys(this._listeners));
+        var newEvents = new Set(options.events);
+        if (!setsEqual(existingEvents, newEvents) || !!this._responsiveListeners !== options.responsive) {
+          this.unbindEvents();
+          this.bindEvents();
         }
-
-        avgX = (countX * avgX + point.x) / ++countX;
-      } else {
-        var lastIndex = i - 1;
-
-        if (!isNullOrUndef(minIndex) && !isNullOrUndef(maxIndex)) {
-          var intermediateIndex1 = Math.min(minIndex, maxIndex);
-          var intermediateIndex2 = Math.max(minIndex, maxIndex);
-
-          if (intermediateIndex1 !== startIndex && intermediateIndex1 !== lastIndex) {
-            decimated.push(_objectSpread2(_objectSpread2({}, data[intermediateIndex1]), {}, {
-              x: avgX
-            }));
-          }
-
-          if (intermediateIndex2 !== startIndex && intermediateIndex2 !== lastIndex) {
-            decimated.push(_objectSpread2(_objectSpread2({}, data[intermediateIndex2]), {}, {
-              x: avgX
-            }));
+      }
+    }, {
+      key: "_updateHiddenIndices",
+      value: function _updateHiddenIndices() {
+        var _hiddenIndices = this._hiddenIndices;
+        var changes = this._getUniformDataChanges() || [];
+        var _iterator15 = _createForOfIteratorHelper$1(changes),
+          _step15;
+        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;
+            var move = method === '_removeElements' ? -count : count;
+            moveNumericKeys(_hiddenIndices, start, move);
           }
+        } catch (err) {
+          _iterator15.e(err);
+        } finally {
+          _iterator15.f();
         }
-
-        if (i > 0 && lastIndex !== startIndex) {
-          decimated.push(data[lastIndex]);
-        }
-
-        decimated.push(point);
-        prevX = truncX;
-        countX = 0;
-        minY = maxY = y;
-        minIndex = maxIndex = startIndex = i;
       }
-    }
-
-    return decimated;
-  }
-
-  function cleanDecimatedData(chart) {
-    chart.data.datasets.forEach(function (dataset) {
-      if (dataset._decimated) {
-        var data = dataset._data;
-        delete dataset._decimated;
-        delete dataset._data;
-        Object.defineProperty(dataset, 'data', {
-          value: data
+    }, {
+      key: "_getUniformDataChanges",
+      value: function _getUniformDataChanges() {
+        var _dataChanges = this._dataChanges;
+        if (!_dataChanges || !_dataChanges.length) {
+          return;
+        }
+        this._dataChanges = [];
+        var datasetCount = this.data.datasets.length;
+        var makeSet = function makeSet(idx) {
+          return new Set(_dataChanges.filter(function (c) {
+            return c[0] === idx;
+          }).map(function (c, i) {
+            return i + ',' + c.splice(1).join(',');
+          }));
+        };
+        var changeSet = makeSet(0);
+        for (var i = 1; i < datasetCount; i++) {
+          if (!setsEqual(changeSet, makeSet(i))) {
+            return;
+          }
+        }
+        return Array.from(changeSet).map(function (c) {
+          return c.split(',');
+        }).map(function (a) {
+          return {
+            method: a[1],
+            start: +a[2],
+            count: +a[3]
+          };
         });
       }
-    });
-  }
-
-  var plugin_decimation = {
-    id: 'decimation',
-    defaults: {
-      algorithm: 'min-max',
-      enabled: false
-    },
-    beforeElementsUpdate: function beforeElementsUpdate(chart, args, options) {
-      if (!options.enabled) {
-        cleanDecimatedData(chart);
-        return;
-      }
-
-      var availableWidth = chart.width;
-      chart.data.datasets.forEach(function (dataset, datasetIndex) {
-        var _data = dataset._data,
-            indexAxis = dataset.indexAxis;
-        var meta = chart.getDatasetMeta(datasetIndex);
-        var data = _data || dataset.data;
-
-        if (resolve([indexAxis, chart.options.indexAxis]) === 'y') {
+    }, {
+      key: "_updateLayout",
+      value: function _updateLayout(minPadding) {
+        var _this17 = this;
+        if (this.notifyPlugins('beforeLayout', {
+          cancelable: true
+        }) === false) {
           return;
         }
-
-        if (meta.type !== 'line') {
+        layouts.update(this, this.width, this.height, minPadding);
+        var area = this.chartArea;
+        var noArea = area.width <= 0 || area.height <= 0;
+        this._layers = [];
+        each(this.boxes, function (box) {
+          var _this17$_layers;
+          if (noArea && box.position === 'chartArea') {
+            return;
+          }
+          if (box.configure) {
+            box.configure();
+          }
+          (_this17$_layers = _this17._layers).push.apply(_this17$_layers, _toConsumableArray(box._layers()));
+        }, this);
+        this._layers.forEach(function (item, index) {
+          item._idx = index;
+        });
+        this.notifyPlugins('afterLayout');
+      }
+    }, {
+      key: "_updateDatasets",
+      value: function _updateDatasets(mode) {
+        if (this.notifyPlugins('beforeDatasetsUpdate', {
+          mode: mode,
+          cancelable: true
+        }) === false) {
           return;
         }
-
-        var xAxis = chart.scales[meta.xAxisID];
-
-        if (xAxis.type !== 'linear' && xAxis.type !== 'time') {
-          return;
+        for (var i = 0, ilen = this.data.datasets.length; i < ilen; ++i) {
+          this.getDatasetMeta(i).controller.configure();
         }
-
-        if (chart.options.parsing) {
-          return;
+        for (var i1 = 0, ilen1 = this.data.datasets.length; i1 < ilen1; ++i1) {
+          this._updateDataset(i1, isFunction(mode) ? mode({
+            datasetIndex: i1
+          }) : mode);
         }
-
-        if (data.length <= 4 * availableWidth) {
+        this.notifyPlugins('afterDatasetsUpdate', {
+          mode: mode
+        });
+      }
+    }, {
+      key: "_updateDataset",
+      value: function _updateDataset(index, mode) {
+        var meta = this.getDatasetMeta(index);
+        var args = {
+          meta: meta,
+          index: index,
+          mode: mode,
+          cancelable: true
+        };
+        if (this.notifyPlugins('beforeDatasetUpdate', args) === false) {
           return;
         }
-
-        if (isNullOrUndef(_data)) {
-          dataset._data = data;
-          delete dataset.data;
-          Object.defineProperty(dataset, 'data', {
-            configurable: true,
-            enumerable: true,
-            get: function get() {
-              return this._decimated;
-            },
-            set: function set(d) {
-              this._data = d;
-            }
+        meta.controller._update(mode);
+        args.cancelable = false;
+        this.notifyPlugins('afterDatasetUpdate', args);
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        if (this.notifyPlugins('beforeRender', {
+          cancelable: true
+        }) === false) {
+          return;
+        }
+        if (animator.has(this)) {
+          if (this.attached && !animator.running(this)) {
+            animator.start(this);
+          }
+        } else {
+          this.draw();
+          onAnimationsComplete({
+            chart: this
           });
         }
-
-        var decimated;
-
-        switch (options.algorithm) {
-          case 'lttb':
-            decimated = lttbDecimation(data, availableWidth, options);
-            break;
-
-          case 'min-max':
-            decimated = minMaxDecimation(data, availableWidth);
-            break;
-
-          default:
-            throw new Error("Unsupported decimation algorithm '".concat(options.algorithm, "'"));
+      }
+    }, {
+      key: "draw",
+      value: function draw() {
+        var i;
+        if (this._resizeBeforeDraw) {
+          var _this$_resizeBeforeDr = this._resizeBeforeDraw,
+            width = _this$_resizeBeforeDr.width,
+            height = _this$_resizeBeforeDr.height;
+          this._resize(width, height);
+          this._resizeBeforeDraw = null;
         }
-
-        dataset._decimated = decimated;
-      });
-    },
-    destroy: function destroy(chart) {
-      cleanDecimatedData(chart);
-    }
-  };
-
-  function getLineByIndex(chart, index) {
-    var meta = chart.getDatasetMeta(index);
-    var visible = meta && chart.isDatasetVisible(index);
-    return visible ? meta.dataset : null;
-  }
-
-  function parseFillOption(line) {
-    var options = line.options;
-    var fillOption = options.fill;
-    var fill = valueOrDefault(fillOption && fillOption.target, fillOption);
-
-    if (fill === undefined) {
-      fill = !!options.backgroundColor;
-    }
-
-    if (fill === false || fill === null) {
-      return false;
-    }
-
-    if (fill === true) {
-      return 'origin';
-    }
-
-    return fill;
-  }
-
-  function decodeFill(line, index, count) {
-    var fill = parseFillOption(line);
-
-    if (isObject(fill)) {
-      return isNaN(fill.value) ? false : fill;
-    }
-
-    var target = parseFloat(fill);
-
-    if (isNumberFinite(target) && Math.floor(target) === target) {
-      if (fill[0] === '-' || fill[0] === '+') {
-        target = index + target;
+        this.clear();
+        if (this.width <= 0 || this.height <= 0) {
+          return;
+        }
+        if (this.notifyPlugins('beforeDraw', {
+          cancelable: true
+        }) === false) {
+          return;
+        }
+        var layers = this._layers;
+        for (i = 0; i < layers.length && layers[i].z <= 0; ++i) {
+          layers[i].draw(this.chartArea);
+        }
+        this._drawDatasets();
+        for (; i < layers.length; ++i) {
+          layers[i].draw(this.chartArea);
+        }
+        this.notifyPlugins('afterDraw');
       }
-
-      if (target === index || target < 0 || target >= count) {
-        return false;
+    }, {
+      key: "_getSortedDatasetMetas",
+      value: function _getSortedDatasetMetas(filterVisible) {
+        var metasets = this._sortedMetasets;
+        var result = [];
+        var i, ilen;
+        for (i = 0, ilen = metasets.length; i < ilen; ++i) {
+          var meta = metasets[i];
+          if (!filterVisible || meta.visible) {
+            result.push(meta);
+          }
+        }
+        return result;
       }
-
-      return target;
-    }
-
-    return ['origin', 'start', 'end', 'stack'].indexOf(fill) >= 0 && fill;
-  }
-
-  function computeLinearBoundary(source) {
-    var _source$scale = source.scale,
-        scale = _source$scale === void 0 ? {} : _source$scale,
-        fill = source.fill;
-    var target = null;
-    var horizontal;
-
-    if (fill === 'start') {
-      target = scale.bottom;
-    } else if (fill === 'end') {
-      target = scale.top;
-    } else if (isObject(fill)) {
-      target = scale.getPixelForValue(fill.value);
-    } else if (scale.getBasePixel) {
-      target = scale.getBasePixel();
-    }
-
-    if (isNumberFinite(target)) {
-      horizontal = scale.isHorizontal();
-      return {
-        x: horizontal ? target : null,
-        y: horizontal ? null : target
-      };
-    }
-
-    return null;
-  }
-
-  var simpleArc = /*#__PURE__*/function () {
-    function simpleArc(opts) {
-      _classCallCheck(this, simpleArc);
-
-      this.x = opts.x;
-      this.y = opts.y;
-      this.radius = opts.radius;
-    }
-
-    _createClass(simpleArc, [{
-      key: "pathSegment",
-      value: function pathSegment(ctx, bounds, opts) {
-        var x = this.x,
-            y = this.y,
-            radius = this.radius;
-        bounds = bounds || {
-          start: 0,
-          end: TAU
-        };
-        ctx.arc(x, y, radius, bounds.end, bounds.start, true);
-        return !opts.bounds;
+    }, {
+      key: "getSortedVisibleDatasetMetas",
+      value: function getSortedVisibleDatasetMetas() {
+        return this._getSortedDatasetMetas(true);
       }
     }, {
-      key: "interpolate",
-      value: function interpolate(point) {
-        var x = this.x,
-            y = this.y,
-            radius = this.radius;
-        var angle = point.angle;
-        return {
-          x: x + Math.cos(angle) * radius,
-          y: y + Math.sin(angle) * radius,
-          angle: angle
+      key: "_drawDatasets",
+      value: function _drawDatasets() {
+        if (this.notifyPlugins('beforeDatasetsDraw', {
+          cancelable: true
+        }) === false) {
+          return;
+        }
+        var metasets = this.getSortedVisibleDatasetMetas();
+        for (var i = metasets.length - 1; i >= 0; --i) {
+          this._drawDataset(metasets[i]);
+        }
+        this.notifyPlugins('afterDatasetsDraw');
+      }
+    }, {
+      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
         };
+        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
+          });
+        }
+        meta.controller.draw();
+        if (useClip) {
+          unclipArea(ctx);
+        }
+        args.cancelable = false;
+        this.notifyPlugins('afterDatasetDraw', args);
       }
-    }]);
-
-    return simpleArc;
-  }();
-
-  function computeCircularBoundary(source) {
-    var scale = source.scale,
-        fill = source.fill;
-    var options = scale.options;
-    var length = scale.getLabels().length;
-    var target = [];
-    var start = options.reverse ? scale.max : scale.min;
-    var end = options.reverse ? scale.min : scale.max;
-    var i, center, value;
-
-    if (fill === 'start') {
-      value = start;
-    } else if (fill === 'end') {
-      value = end;
-    } else if (isObject(fill)) {
-      value = fill.value;
-    } else {
-      value = scale.getBaseValue();
-    }
-
-    if (options.grid.circular) {
-      center = scale.getPointPositionForValue(0, start);
-      return new simpleArc({
-        x: center.x,
-        y: center.y,
-        radius: scale.getDistanceFromCenterForValue(value)
-      });
-    }
-
-    for (i = 0; i < length; ++i) {
-      target.push(scale.getPointPositionForValue(i, value));
-    }
-
-    return target;
-  }
-
-  function computeBoundary(source) {
-    var scale = source.scale || {};
-
-    if (scale.getPointPositionForValue) {
-      return computeCircularBoundary(source);
-    }
-
-    return computeLinearBoundary(source);
-  }
-
-  function pointsFromSegments(boundary, line) {
-    var _ref4 = boundary || {},
-        _ref4$x = _ref4.x,
-        x = _ref4$x === void 0 ? null : _ref4$x,
-        _ref4$y = _ref4.y,
-        y = _ref4$y === void 0 ? null : _ref4$y;
-
-    var linePoints = line.points;
-    var points = [];
-    line.segments.forEach(function (segment) {
-      var first = linePoints[segment.start];
-      var last = linePoints[segment.end];
-
-      if (y !== null) {
-        points.push({
-          x: first.x,
-          y: y
-        });
-        points.push({
-          x: last.x,
-          y: y
-        });
-      } else if (x !== null) {
-        points.push({
-          x: x,
-          y: first.y
-        });
-        points.push({
-          x: x,
-          y: last.y
-        });
+    }, {
+      key: "isPointInArea",
+      value: function isPointInArea(point) {
+        return _isPointInArea(point, this.chartArea, this._minPadding);
       }
-    });
-    return points;
-  }
-
-  function buildStackLine(source) {
-    var chart = source.chart,
-        scale = source.scale,
-        index = source.index,
-        line = source.line;
-    var points = [];
-    var segments = line.segments;
-    var sourcePoints = line.points;
-    var linesBelow = getLinesBelow(chart, index);
-    linesBelow.push(createBoundaryLine({
-      x: null,
-      y: scale.bottom
-    }, line));
-
-    for (var i = 0; i < segments.length; i++) {
-      var segment = segments[i];
-
-      for (var j = segment.start; j <= segment.end; j++) {
-        addPointsBelow(points, sourcePoints[j], linesBelow);
+    }, {
+      key: "getElementsAtEventForMode",
+      value: function getElementsAtEventForMode(e, mode, options, useFinalPosition) {
+        var method = Interaction.modes[mode];
+        if (typeof method === 'function') {
+          return method(this, e, options, useFinalPosition);
+        }
+        return [];
       }
-    }
-
-    return new LineElement({
-      points: points,
-      options: {}
-    });
-  }
-
-  var isLineAndNotInHideAnimation = function isLineAndNotInHideAnimation(meta) {
-    return meta.type === 'line' && !meta.hidden;
-  };
-
-  function getLinesBelow(chart, index) {
-    var below = [];
-    var metas = chart.getSortedVisibleDatasetMetas();
-
-    for (var i = 0; i < metas.length; i++) {
-      var meta = metas[i];
-
-      if (meta.index === index) {
-        break;
+    }, {
+      key: "getDatasetMeta",
+      value: function getDatasetMeta(datasetIndex) {
+        var dataset = this.data.datasets[datasetIndex];
+        var metasets = this._metasets;
+        var meta = metasets.filter(function (x) {
+          return x && x._dataset === dataset;
+        }).pop();
+        if (!meta) {
+          meta = {
+            type: null,
+            data: [],
+            dataset: null,
+            controller: null,
+            hidden: null,
+            xAxisID: null,
+            yAxisID: null,
+            order: dataset && dataset.order || 0,
+            index: datasetIndex,
+            _dataset: dataset,
+            _parsed: [],
+            _sorted: false
+          };
+          metasets.push(meta);
+        }
+        return meta;
       }
-
-      if (isLineAndNotInHideAnimation(meta)) {
-        below.unshift(meta.dataset);
+    }, {
+      key: "getContext",
+      value: function getContext() {
+        return this.$context || (this.$context = createContext(null, {
+          chart: this,
+          type: 'chart'
+        }));
       }
-    }
-
-    return below;
-  }
-
-  function addPointsBelow(points, sourcePoint, linesBelow) {
-    var postponed = [];
-
-    for (var j = 0; j < linesBelow.length; j++) {
-      var line = linesBelow[j];
-
-      var _findPoint = findPoint(line, sourcePoint, 'x'),
-          first = _findPoint.first,
-          last = _findPoint.last,
-          point = _findPoint.point;
-
-      if (!point || first && last) {
-        continue;
+    }, {
+      key: "getVisibleDatasetCount",
+      value: function getVisibleDatasetCount() {
+        return this.getSortedVisibleDatasetMetas().length;
       }
-
-      if (first) {
-        postponed.unshift(point);
-      } else {
-        points.push(point);
-
-        if (!last) {
-          break;
+    }, {
+      key: "isDatasetVisible",
+      value: function isDatasetVisible(datasetIndex) {
+        var dataset = this.data.datasets[datasetIndex];
+        if (!dataset) {
+          return false;
         }
+        var meta = this.getDatasetMeta(datasetIndex);
+        return typeof meta.hidden === 'boolean' ? !meta.hidden : !dataset.hidden;
       }
-    }
-
-    points.push.apply(points, postponed);
-  }
-
-  function findPoint(line, sourcePoint, property) {
-    var point = line.interpolate(sourcePoint, property);
-
-    if (!point) {
-      return {};
-    }
-
-    var pointValue = point[property];
-    var segments = line.segments;
-    var linePoints = line.points;
-    var first = false;
-    var last = false;
-
-    for (var i = 0; i < segments.length; i++) {
-      var segment = segments[i];
-      var firstValue = linePoints[segment.start][property];
-      var lastValue = linePoints[segment.end][property];
-
-      if (pointValue >= firstValue && pointValue <= lastValue) {
-        first = pointValue === firstValue;
-        last = pointValue === lastValue;
-        break;
+    }, {
+      key: "setDatasetVisibility",
+      value: function setDatasetVisibility(datasetIndex, visible) {
+        var meta = this.getDatasetMeta(datasetIndex);
+        meta.hidden = !visible;
       }
-    }
-
-    return {
-      first: first,
-      last: last,
-      point: point
-    };
-  }
-
-  function getTarget(source) {
-    var chart = source.chart,
-        fill = source.fill,
-        line = source.line;
-
-    if (isNumberFinite(fill)) {
-      return getLineByIndex(chart, fill);
-    }
-
-    if (fill === 'stack') {
-      return buildStackLine(source);
-    }
-
-    var boundary = computeBoundary(source);
-
-    if (boundary instanceof simpleArc) {
-      return boundary;
-    }
-
-    return createBoundaryLine(boundary, line);
-  }
-
-  function createBoundaryLine(boundary, line) {
-    var points = [];
-    var _loop = false;
-
-    if (isArray(boundary)) {
-      _loop = true;
-      points = boundary;
-    } else {
-      points = pointsFromSegments(boundary, line);
-    }
-
-    return points.length ? new LineElement({
-      points: points,
-      options: {
-        tension: 0
-      },
-      _loop: _loop,
-      _fullLoop: _loop
-    }) : null;
-  }
-
-  function resolveTarget(sources, index, propagate) {
-    var source = sources[index];
-    var fill = source.fill;
-    var visited = [index];
-    var target;
-
-    if (!propagate) {
-      return fill;
-    }
-
-    while (fill !== false && visited.indexOf(fill) === -1) {
-      if (!isNumberFinite(fill)) {
-        return fill;
+    }, {
+      key: "toggleDataVisibility",
+      value: function toggleDataVisibility(index) {
+        this._hiddenIndices[index] = !this._hiddenIndices[index];
       }
-
-      target = sources[fill];
-
-      if (!target) {
-        return false;
+    }, {
+      key: "getDataVisibility",
+      value: function getDataVisibility(index) {
+        return !this._hiddenIndices[index];
       }
-
-      if (target.visible) {
-        return fill;
+    }, {
+      key: "_updateVisibility",
+      value: function _updateVisibility(datasetIndex, dataIndex, visible) {
+        var mode = visible ? 'show' : 'hide';
+        var meta = this.getDatasetMeta(datasetIndex);
+        var anims = meta.controller._resolveAnimations(undefined, mode);
+        if (defined(dataIndex)) {
+          meta.data[dataIndex].hidden = !visible;
+          this.update();
+        } else {
+          this.setDatasetVisibility(datasetIndex, visible);
+          anims.update(meta, {
+            visible: visible
+          });
+          this.update(function (ctx) {
+            return ctx.datasetIndex === datasetIndex ? mode : undefined;
+          });
+        }
       }
-
-      visited.push(fill);
-      fill = target.fill;
-    }
-
-    return false;
-  }
-
-  function _clip(ctx, target, clipY) {
-    ctx.beginPath();
-    target.path(ctx);
-    ctx.lineTo(target.last().x, clipY);
-    ctx.lineTo(target.first().x, clipY);
-    ctx.closePath();
-    ctx.clip();
-  }
-
-  function getBounds(property, first, last, loop) {
-    if (loop) {
-      return;
-    }
-
-    var start = first[property];
-    var end = last[property];
-
-    if (property === 'angle') {
-      start = _normalizeAngle(start);
-      end = _normalizeAngle(end);
-    }
-
-    return {
-      property: property,
-      start: start,
-      end: end
-    };
-  }
-
-  function _getEdge(a, b, prop, fn) {
-    if (a && b) {
-      return fn(a[prop], b[prop]);
-    }
-
-    return a ? a[prop] : b ? b[prop] : 0;
-  }
-
-  function _segments(line, target, property) {
-    var segments = line.segments;
-    var points = line.points;
-    var tpoints = target.points;
-    var parts = [];
-
-    for (var i = 0; i < segments.length; i++) {
-      var segment = segments[i];
-      var bounds = getBounds(property, points[segment.start], points[segment.end], segment.loop);
-
-      if (!target.segments) {
-        parts.push({
-          source: segment,
-          target: bounds,
-          start: points[segment.start],
-          end: points[segment.end]
-        });
-        continue;
-      }
-
-      var subs = _boundSegments(target, bounds);
-
-      for (var j = 0; j < subs.length; ++j) {
-        var sub = subs[j];
-        var subBounds = getBounds(property, tpoints[sub.start], tpoints[sub.end], sub.loop);
-
-        var fillSources = _boundSegment(segment, points, subBounds);
-
-        for (var k = 0; k < fillSources.length; k++) {
-          parts.push({
-            source: fillSources[k],
-            target: sub,
-            start: _defineProperty({}, property, _getEdge(bounds, subBounds, 'start', Math.max)),
-            end: _defineProperty({}, property, _getEdge(bounds, subBounds, 'end', Math.min))
-          });
-        }
-      }
-    }
-
-    return parts;
-  }
-
-  function clipBounds(ctx, scale, bounds) {
-    var _scale$chart$chartAre = scale.chart.chartArea,
-        top = _scale$chart$chartAre.top,
-        bottom = _scale$chart$chartAre.bottom;
-
-    var _ref5 = bounds || {},
-        property = _ref5.property,
-        start = _ref5.start,
-        end = _ref5.end;
-
-    if (property === 'x') {
-      ctx.beginPath();
-      ctx.rect(start, top, end - start, bottom - top);
-      ctx.clip();
-    }
-  }
-
-  function interpolatedLineTo(ctx, target, point, property) {
-    var interpolatedPoint = target.interpolate(point, property);
-
-    if (interpolatedPoint) {
-      ctx.lineTo(interpolatedPoint.x, interpolatedPoint.y);
-    }
-  }
-
-  function _fill(ctx, cfg) {
-    var line = cfg.line,
-        target = cfg.target,
-        property = cfg.property,
-        color = cfg.color,
-        scale = cfg.scale;
-
-    var segments = _segments(line, target, property);
-
-    ctx.fillStyle = color;
-
-    for (var i = 0, ilen = segments.length; i < ilen; ++i) {
-      var _segments$i2 = segments[i],
-          src = _segments$i2.source,
-          tgt = _segments$i2.target,
-          start = _segments$i2.start,
-          end = _segments$i2.end;
-      ctx.save();
-      clipBounds(ctx, scale, getBounds(property, start, end));
-      ctx.beginPath();
-      var lineLoop = !!line.pathSegment(ctx, src);
-
-      if (lineLoop) {
-        ctx.closePath();
-      } else {
-        interpolatedLineTo(ctx, target, end, property);
+    }, {
+      key: "hide",
+      value: function hide(datasetIndex, dataIndex) {
+        this._updateVisibility(datasetIndex, dataIndex, false);
       }
-
-      var targetLoop = !!target.pathSegment(ctx, tgt, {
-        move: lineLoop,
-        reverse: true
-      });
-      var loop = lineLoop && targetLoop;
-
-      if (!loop) {
-        interpolatedLineTo(ctx, target, start, property);
+    }, {
+      key: "show",
+      value: function show(datasetIndex, dataIndex) {
+        this._updateVisibility(datasetIndex, dataIndex, true);
       }
-
-      ctx.closePath();
-      ctx.fill(loop ? 'evenodd' : 'nonzero');
-      ctx.restore();
-    }
-  }
-
-  function doFill(ctx, cfg) {
-    var line = cfg.line,
-        target = cfg.target,
-        above = cfg.above,
-        below = cfg.below,
-        area = cfg.area,
-        scale = cfg.scale;
-    var property = line._loop ? 'angle' : 'x';
-    ctx.save();
-
-    if (property === 'x' && below !== above) {
-      _clip(ctx, target, area.top);
-
-      _fill(ctx, {
-        line: line,
-        target: target,
-        color: above,
-        scale: scale,
-        property: property
-      });
-
-      ctx.restore();
-      ctx.save();
-
-      _clip(ctx, target, area.bottom);
-    }
-
-    _fill(ctx, {
-      line: line,
-      target: target,
-      color: below,
-      scale: scale,
-      property: property
-    });
-
-    ctx.restore();
-  }
-
-  var plugin_filler = {
-    id: 'filler',
-    afterDatasetsUpdate: function afterDatasetsUpdate(chart, _args, options) {
-      var count = (chart.data.datasets || []).length;
-      var propagate = options.propagate;
-      var sources = [];
-      var meta, i, line, source;
-
-      for (i = 0; i < count; ++i) {
-        meta = chart.getDatasetMeta(i);
-        line = meta.dataset;
-        source = null;
-
-        if (line && line.options && line instanceof LineElement) {
-          source = {
-            visible: chart.isDatasetVisible(i),
-            index: i,
-            fill: decodeFill(line, i, count),
-            chart: chart,
-            scale: meta.vScale,
-            line: line
-          };
+    }, {
+      key: "_destroyDatasetMeta",
+      value: function _destroyDatasetMeta(datasetIndex) {
+        var meta = this._metasets[datasetIndex];
+        if (meta && meta.controller) {
+          meta.controller._destroy();
         }
-
-        meta.$filler = source;
-        sources.push(source);
+        delete this._metasets[datasetIndex];
       }
-
-      for (i = 0; i < count; ++i) {
-        source = sources[i];
-
-        if (!source || source.fill === false) {
-          continue;
+    }, {
+      key: "_stop",
+      value: function _stop() {
+        var i, ilen;
+        this.stop();
+        animator.remove(this);
+        for (i = 0, ilen = this.data.datasets.length; i < ilen; ++i) {
+          this._destroyDatasetMeta(i);
         }
-
-        source.fill = resolveTarget(sources, i, propagate);
       }
-    },
-    beforeDatasetsDraw: function beforeDatasetsDraw(chart) {
-      var metasets = chart.getSortedVisibleDatasetMetas();
-      var area = chart.chartArea;
-      var i, meta;
-
-      for (i = metasets.length - 1; i >= 0; --i) {
-        meta = metasets[i].$filler;
-
-        if (meta) {
-          meta.line.updateControlPoints(area);
+    }, {
+      key: "destroy",
+      value: function destroy() {
+        this.notifyPlugins('beforeDestroy');
+        var canvas = this.canvas,
+          ctx = this.ctx;
+        this._stop();
+        this.config.clearCache();
+        if (canvas) {
+          this.unbindEvents();
+          clearCanvas(canvas, ctx);
+          this.platform.releaseContext(ctx);
+          this.canvas = null;
+          this.ctx = null;
         }
+        delete instances[this.id];
+        this.notifyPlugins('afterDestroy');
       }
-    },
-    beforeDatasetDraw: function beforeDatasetDraw(chart, args) {
-      var area = chart.chartArea;
-      var ctx = chart.ctx;
-      var source = args.meta.$filler;
-
-      if (!source || source.fill === false) {
-        return;
-      }
-
-      var target = getTarget(source);
-      var line = source.line,
-          scale = source.scale;
-      var lineOpts = line.options;
-      var fillOption = lineOpts.fill;
-      var color = lineOpts.backgroundColor;
-
-      var _ref6 = fillOption || {},
-          _ref6$above = _ref6.above,
-          above = _ref6$above === void 0 ? color : _ref6$above,
-          _ref6$below = _ref6.below,
-          below = _ref6$below === void 0 ? color : _ref6$below;
-
-      if (target && line.points.length) {
-        clipArea(ctx, area);
-        doFill(ctx, {
-          line: line,
-          target: target,
-          above: above,
-          below: below,
-          area: area,
-          scale: scale
-        });
-        unclipArea(ctx);
-      }
-    },
-    defaults: {
-      propagate: true
-    }
-  };
-
-  var getBoxSize = function getBoxSize(labelOpts, fontSize) {
-    var _labelOpts$boxHeight = labelOpts.boxHeight,
-        boxHeight = _labelOpts$boxHeight === void 0 ? fontSize : _labelOpts$boxHeight,
-        _labelOpts$boxWidth = labelOpts.boxWidth,
-        boxWidth = _labelOpts$boxWidth === void 0 ? fontSize : _labelOpts$boxWidth;
-
-    if (labelOpts.usePointStyle) {
-      boxHeight = Math.min(boxHeight, fontSize);
-      boxWidth = Math.min(boxWidth, fontSize);
-    }
-
-    return {
-      boxWidth: boxWidth,
-      boxHeight: boxHeight,
-      itemHeight: Math.max(fontSize, boxHeight)
-    };
-  };
-
-  var itemsEqual = function itemsEqual(a, b) {
-    return a !== null && b !== null && a.datasetIndex === b.datasetIndex && a.index === b.index;
-  };
-
-  var Legend = /*#__PURE__*/function (_Element6) {
-    _inherits(Legend, _Element6);
-
-    var _super16 = _createSuper(Legend);
-
-    function Legend(config) {
-      var _this10;
-
-      _classCallCheck(this, Legend);
-
-      _this10 = _super16.call(this);
-      _this10._added = false;
-      _this10.legendHitBoxes = [];
-      _this10._hoveredItem = null;
-      _this10.doughnutMode = false;
-      _this10.chart = config.chart;
-      _this10.options = config.options;
-      _this10.ctx = config.ctx;
-      _this10.legendItems = undefined;
-      _this10.columnSizes = undefined;
-      _this10.lineWidths = undefined;
-      _this10.maxHeight = undefined;
-      _this10.maxWidth = undefined;
-      _this10.top = undefined;
-      _this10.bottom = undefined;
-      _this10.left = undefined;
-      _this10.right = undefined;
-      _this10.height = undefined;
-      _this10.width = undefined;
-      _this10._margins = undefined;
-      _this10.position = undefined;
-      _this10.weight = undefined;
-      _this10.fullSize = undefined;
-      return _this10;
-    }
-
-    _createClass(Legend, [{
-      key: "update",
-      value: function update(maxWidth, maxHeight, margins) {
-        var me = this;
-        me.maxWidth = maxWidth;
-        me.maxHeight = maxHeight;
-        me._margins = margins;
-        me.setDimensions();
-        me.buildLabels();
-        me.fit();
+    }, {
+      key: "toBase64Image",
+      value: function toBase64Image() {
+        var _this$canvas;
+        return (_this$canvas = this.canvas).toDataURL.apply(_this$canvas, arguments);
       }
     }, {
-      key: "setDimensions",
-      value: function setDimensions() {
-        var me = this;
-
-        if (me.isHorizontal()) {
-          me.width = me.maxWidth;
-          me.left = 0;
-          me.right = me.width;
+      key: "bindEvents",
+      value: function bindEvents() {
+        this.bindUserEvents();
+        if (this.options.responsive) {
+          this.bindResponsiveEvents();
         } else {
-          me.height = me.maxHeight;
-          me.top = 0;
-          me.bottom = me.height;
+          this.attached = true;
         }
       }
     }, {
-      key: "buildLabels",
-      value: function buildLabels() {
-        var me = this;
-        var labelOpts = me.options.labels || {};
-        var legendItems = callback(labelOpts.generateLabels, [me.chart], me) || [];
-
-        if (labelOpts.filter) {
-          legendItems = legendItems.filter(function (item) {
-            return labelOpts.filter(item, me.chart.data);
-          });
-        }
-
-        if (labelOpts.sort) {
-          legendItems = legendItems.sort(function (a, b) {
-            return labelOpts.sort(a, b, me.chart.data);
-          });
-        }
-
-        if (me.options.reverse) {
-          legendItems.reverse();
-        }
-
-        me.legendItems = legendItems;
+      key: "bindUserEvents",
+      value: function bindUserEvents() {
+        var _this18 = this;
+        var listeners = this._listeners;
+        var platform = this.platform;
+        var _add = function _add(type, listener) {
+          platform.addEventListener(_this18, type, listener);
+          listeners[type] = listener;
+        };
+        var listener = function listener(e, x, y) {
+          e.offsetX = x;
+          e.offsetY = y;
+          _this18._eventHandler(e);
+        };
+        each(this.options.events, function (type) {
+          return _add(type, listener);
+        });
       }
     }, {
-      key: "fit",
-      value: function fit() {
-        var me = this;
-        var options = me.options,
-            ctx = me.ctx;
-
-        if (!options.display) {
-          me.width = me.height = 0;
-          return;
+      key: "bindResponsiveEvents",
+      value: function bindResponsiveEvents() {
+        var _this19 = this;
+        if (!this._responsiveListeners) {
+          this._responsiveListeners = {};
         }
-
-        var labelOpts = options.labels;
-        var labelFont = toFont(labelOpts.font);
-        var fontSize = labelFont.size;
-
-        var titleHeight = me._computeTitleHeight();
-
-        var _getBoxSize = getBoxSize(labelOpts, fontSize),
-            boxWidth = _getBoxSize.boxWidth,
-            itemHeight = _getBoxSize.itemHeight;
-
-        var width, height;
-        ctx.font = labelFont.string;
-
-        if (me.isHorizontal()) {
-          width = me.maxWidth;
-          height = me._fitRows(titleHeight, fontSize, boxWidth, itemHeight) + 10;
+        var listeners = this._responsiveListeners;
+        var platform = this.platform;
+        var _add = function _add(type, listener) {
+          platform.addEventListener(_this19, type, listener);
+          listeners[type] = listener;
+        };
+        var _remove = function _remove(type, listener) {
+          if (listeners[type]) {
+            platform.removeEventListener(_this19, type, listener);
+            delete listeners[type];
+          }
+        };
+        var listener = function listener(width, height) {
+          if (_this19.canvas) {
+            _this19.resize(width, height);
+          }
+        };
+        var detached;
+        var attached = function attached() {
+          _remove('attach', attached);
+          _this19.attached = true;
+          _this19.resize();
+          _add('resize', listener);
+          _add('detach', detached);
+        };
+        detached = function detached() {
+          _this19.attached = false;
+          _remove('resize', listener);
+          _this19._stop();
+          _this19._resize(0, 0);
+          _add('attach', attached);
+        };
+        if (platform.isAttached(this.canvas)) {
+          attached();
         } else {
-          height = me.maxHeight;
-          width = me._fitCols(titleHeight, fontSize, boxWidth, itemHeight) + 10;
+          detached();
         }
-
-        me.width = Math.min(width, options.maxWidth || me.maxWidth);
-        me.height = Math.min(height, options.maxHeight || me.maxHeight);
       }
     }, {
-      key: "_fitRows",
-      value: function _fitRows(titleHeight, fontSize, boxWidth, itemHeight) {
-        var me = this;
-        var ctx = me.ctx,
-            maxWidth = me.maxWidth,
-            padding = me.options.labels.padding;
-        var hitboxes = me.legendHitBoxes = [];
-        var lineWidths = me.lineWidths = [0];
-        var lineHeight = itemHeight + padding;
-        var totalHeight = titleHeight;
-        ctx.textAlign = 'left';
-        ctx.textBaseline = 'middle';
-        var row = -1;
-        var top = -lineHeight;
-        me.legendItems.forEach(function (legendItem, i) {
-          var itemWidth = boxWidth + fontSize / 2 + ctx.measureText(legendItem.text).width;
-
-          if (i === 0 || lineWidths[lineWidths.length - 1] + itemWidth + 2 * padding > maxWidth) {
-            totalHeight += lineHeight;
-            lineWidths[lineWidths.length - (i > 0 ? 0 : 1)] = 0;
-            top += lineHeight;
-            row++;
-          }
-
-          hitboxes[i] = {
-            left: 0,
-            top: top,
-            row: row,
-            width: itemWidth,
-            height: itemHeight
-          };
-          lineWidths[lineWidths.length - 1] += itemWidth + padding;
-        });
-        return totalHeight;
-      }
-    }, {
-      key: "_fitCols",
-      value: function _fitCols(titleHeight, fontSize, boxWidth, itemHeight) {
-        var me = this;
-        var ctx = me.ctx,
-            maxHeight = me.maxHeight,
-            padding = me.options.labels.padding;
-        var hitboxes = me.legendHitBoxes = [];
-        var columnSizes = me.columnSizes = [];
-        var heightLimit = maxHeight - titleHeight;
-        var totalWidth = padding;
-        var currentColWidth = 0;
-        var currentColHeight = 0;
-        var left = 0;
-        var top = 0;
-        var col = 0;
-        me.legendItems.forEach(function (legendItem, i) {
-          var itemWidth = boxWidth + fontSize / 2 + ctx.measureText(legendItem.text).width;
-
-          if (i > 0 && currentColHeight + fontSize + 2 * padding > heightLimit) {
-            totalWidth += currentColWidth + padding;
-            columnSizes.push({
-              width: currentColWidth,
-              height: currentColHeight
-            });
-            left += currentColWidth + padding;
-            col++;
-            top = 0;
-            currentColWidth = currentColHeight = 0;
-          }
-
-          currentColWidth = Math.max(currentColWidth, itemWidth);
-          currentColHeight += fontSize + padding;
-          hitboxes[i] = {
-            left: left,
-            top: top,
-            col: col,
-            width: itemWidth,
-            height: itemHeight
-          };
-          top += itemHeight + padding;
+      key: "unbindEvents",
+      value: function unbindEvents() {
+        var _this20 = this;
+        each(this._listeners, function (listener, type) {
+          _this20.platform.removeEventListener(_this20, type, listener);
         });
-        totalWidth += currentColWidth;
-        columnSizes.push({
-          width: currentColWidth,
-          height: currentColHeight
+        this._listeners = {};
+        each(this._responsiveListeners, function (listener, type) {
+          _this20.platform.removeEventListener(_this20, type, listener);
         });
-        return totalWidth;
+        this._responsiveListeners = undefined;
       }
     }, {
-      key: "adjustHitBoxes",
-      value: function adjustHitBoxes() {
-        var me = this;
-
-        if (!me.options.display) {
-          return;
+      key: "updateHoverStyle",
+      value: function updateHoverStyle(items, mode, enabled) {
+        var prefix = enabled ? 'set' : 'remove';
+        var meta, item, i, ilen;
+        if (mode === 'dataset') {
+          meta = this.getDatasetMeta(items[0].datasetIndex);
+          meta.controller['_' + prefix + 'DatasetHoverStyle']();
         }
-
-        var titleHeight = me._computeTitleHeight();
-
-        var hitboxes = me.legendHitBoxes,
-            _me$options6 = me.options,
-            align = _me$options6.align,
-            padding = _me$options6.labels.padding;
-
-        if (this.isHorizontal()) {
-          var row = 0;
-
-          var left = _alignStartEnd(align, me.left + padding, me.right - me.lineWidths[row]);
-
-          var _iterator6 = _createForOfIteratorHelper(hitboxes),
-              _step6;
-
-          try {
-            for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-              var hitbox = _step6.value;
-
-              if (row !== hitbox.row) {
-                row = hitbox.row;
-                left = _alignStartEnd(align, me.left + padding, me.right - me.lineWidths[row]);
-              }
-
-              hitbox.top += me.top + titleHeight + padding;
-              hitbox.left = left;
-              left += hitbox.width + padding;
-            }
-          } catch (err) {
-            _iterator6.e(err);
-          } finally {
-            _iterator6.f();
-          }
-        } else {
-          var col = 0;
-
-          var top = _alignStartEnd(align, me.top + titleHeight + padding, me.bottom - me.columnSizes[col].height);
-
-          var _iterator7 = _createForOfIteratorHelper(hitboxes),
-              _step7;
-
-          try {
-            for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-              var _hitbox = _step7.value;
-
-              if (_hitbox.col !== col) {
-                col = _hitbox.col;
-                top = _alignStartEnd(align, me.top + titleHeight + padding, me.bottom - me.columnSizes[col].height);
-              }
-
-              _hitbox.top = top;
-              _hitbox.left += me.left + padding;
-              top += _hitbox.height + padding;
-            }
-          } catch (err) {
-            _iterator7.e(err);
-          } finally {
-            _iterator7.f();
+        for (i = 0, ilen = items.length; i < ilen; ++i) {
+          item = items[i];
+          var controller = item && this.getDatasetMeta(item.datasetIndex).controller;
+          if (controller) {
+            controller[prefix + 'HoverStyle'](item.element, item.datasetIndex, item.index);
           }
         }
       }
     }, {
-      key: "isHorizontal",
-      value: function isHorizontal() {
-        return this.options.position === 'top' || this.options.position === 'bottom';
+      key: "getActiveElements",
+      value: function getActiveElements() {
+        return this._active || [];
       }
     }, {
-      key: "draw",
-      value: function draw() {
-        var me = this;
-
-        if (me.options.display) {
-          var ctx = me.ctx;
-          clipArea(ctx, me);
-
-          me._draw();
-
-          unclipArea(ctx);
+      key: "setActiveElements",
+      value: function setActiveElements(activeElements) {
+        var _this21 = this;
+        var lastActive = this._active || [];
+        var active = activeElements.map(function (_ref4) {
+          var datasetIndex = _ref4.datasetIndex,
+            index = _ref4.index;
+          var meta = _this21.getDatasetMeta(datasetIndex);
+          if (!meta) {
+            throw new Error('No dataset found at index ' + datasetIndex);
+          }
+          return {
+            datasetIndex: datasetIndex,
+            element: meta.data[index],
+            index: index
+          };
+        });
+        var changed = !_elementsEqual(active, lastActive);
+        if (changed) {
+          this._active = active;
+          this._lastEvent = null;
+          this._updateHoverStyles(active, lastActive);
         }
       }
     }, {
-      key: "_draw",
-      value: function _draw() {
-        var me = this;
-        var opts = me.options,
-            columnSizes = me.columnSizes,
-            lineWidths = me.lineWidths,
-            ctx = me.ctx;
-        var align = opts.align,
-            labelOpts = opts.labels;
-        var defaultColor = defaults.color;
-        var rtlHelper = getRtlAdapter(opts.rtl, me.left, me.width);
-        var labelFont = toFont(labelOpts.font);
-        var fontColor = labelOpts.color,
-            padding = labelOpts.padding;
-        var fontSize = labelFont.size;
-        var halfFontSize = fontSize / 2;
-        var cursor;
-        me.drawTitle();
-        ctx.textAlign = rtlHelper.textAlign('left');
-        ctx.textBaseline = 'middle';
-        ctx.lineWidth = 0.5;
-        ctx.strokeStyle = fontColor;
-        ctx.fillStyle = fontColor;
-        ctx.font = labelFont.string;
-
-        var _getBoxSize2 = getBoxSize(labelOpts, fontSize),
-            boxWidth = _getBoxSize2.boxWidth,
-            boxHeight = _getBoxSize2.boxHeight,
-            itemHeight = _getBoxSize2.itemHeight;
-
-        var drawLegendBox = function drawLegendBox(x, y, legendItem) {
-          if (isNaN(boxWidth) || boxWidth <= 0 || isNaN(boxHeight) || boxHeight < 0) {
-            return;
-          }
-
-          ctx.save();
-          var lineWidth = valueOrDefault(legendItem.lineWidth, 1);
-          ctx.fillStyle = valueOrDefault(legendItem.fillStyle, defaultColor);
-          ctx.lineCap = valueOrDefault(legendItem.lineCap, 'butt');
-          ctx.lineDashOffset = valueOrDefault(legendItem.lineDashOffset, 0);
-          ctx.lineJoin = valueOrDefault(legendItem.lineJoin, 'miter');
-          ctx.lineWidth = lineWidth;
-          ctx.strokeStyle = valueOrDefault(legendItem.strokeStyle, defaultColor);
-          ctx.setLineDash(valueOrDefault(legendItem.lineDash, []));
-
-          if (labelOpts.usePointStyle) {
-            var drawOptions = {
-              radius: boxWidth * Math.SQRT2 / 2,
-              pointStyle: legendItem.pointStyle,
-              rotation: legendItem.rotation,
-              borderWidth: lineWidth
-            };
-            var centerX = rtlHelper.xPlus(x, boxWidth / 2);
-            var centerY = y + halfFontSize;
-            drawPoint(ctx, drawOptions, centerX, centerY);
-          } else {
-            var yBoxTop = y + Math.max((fontSize - boxHeight) / 2, 0);
-            ctx.fillRect(rtlHelper.leftForLtr(x, boxWidth), yBoxTop, boxWidth, boxHeight);
-
-            if (lineWidth !== 0) {
-              ctx.strokeRect(rtlHelper.leftForLtr(x, boxWidth), yBoxTop, boxWidth, boxHeight);
-            }
-          }
-
-          ctx.restore();
-        };
-
-        var fillText = function fillText(x, y, legendItem) {
-          renderText(ctx, legendItem.text, x, y + itemHeight / 2, labelFont, {
-            strikethrough: legendItem.hidden,
-            textAlign: legendItem.textAlign
+      key: "notifyPlugins",
+      value: function notifyPlugins(hook, args, filter) {
+        return this._plugins.notify(this, hook, args, filter);
+      }
+    }, {
+      key: "isPluginEnabled",
+      value: function isPluginEnabled(pluginId) {
+        return this._plugins._cache.filter(function (p) {
+          return p.plugin.id === pluginId;
+        }).length === 1;
+      }
+    }, {
+      key: "_updateHoverStyles",
+      value: function _updateHoverStyles(active, lastActive, replay) {
+        var hoverOptions = this.options.hover;
+        var diff = function diff(a, b) {
+          return a.filter(function (x) {
+            return !b.some(function (y) {
+              return x.datasetIndex === y.datasetIndex && x.index === y.index;
+            });
           });
         };
-
-        var isHorizontal = me.isHorizontal();
-
-        var titleHeight = this._computeTitleHeight();
-
-        if (isHorizontal) {
-          cursor = {
-            x: _alignStartEnd(align, me.left + padding, me.right - lineWidths[0]),
-            y: me.top + padding + titleHeight,
-            line: 0
-          };
-        } else {
-          cursor = {
-            x: me.left + padding,
-            y: _alignStartEnd(align, me.top + titleHeight + padding, me.bottom - columnSizes[0].height),
-            line: 0
-          };
+        var deactivated = diff(lastActive, active);
+        var activated = replay ? active : diff(active, lastActive);
+        if (deactivated.length) {
+          this.updateHoverStyle(deactivated, hoverOptions.mode, false);
+        }
+        if (activated.length && hoverOptions.mode) {
+          this.updateHoverStyle(activated, hoverOptions.mode, true);
         }
-
-        overrideTextDirection(me.ctx, opts.textDirection);
-        var lineHeight = itemHeight + padding;
-        me.legendItems.forEach(function (legendItem, i) {
-          var textWidth = ctx.measureText(legendItem.text).width;
-          var textAlign = rtlHelper.textAlign(legendItem.textAlign || (legendItem.textAlign = labelOpts.textAlign));
-          var width = boxWidth + fontSize / 2 + textWidth;
-          var x = cursor.x;
-          var y = cursor.y;
-          rtlHelper.setWidth(me.width);
-
-          if (isHorizontal) {
-            if (i > 0 && x + width + padding > me.right) {
-              y = cursor.y += lineHeight;
-              cursor.line++;
-              x = cursor.x = _alignStartEnd(align, me.left + padding, me.right - lineWidths[cursor.line]);
-            }
-          } else if (i > 0 && y + lineHeight > me.bottom) {
-            x = cursor.x = x + columnSizes[cursor.line].width + padding;
-            cursor.line++;
-            y = cursor.y = _alignStartEnd(align, me.top + titleHeight + padding, me.bottom - columnSizes[cursor.line].height);
-          }
-
-          var realX = rtlHelper.x(x);
-          drawLegendBox(realX, y, legendItem);
-          x = _textX(textAlign, x + boxWidth + halfFontSize, me.right);
-          fillText(rtlHelper.x(x), y, legendItem);
-
-          if (isHorizontal) {
-            cursor.x += width + padding;
-          } else {
-            cursor.y += lineHeight;
-          }
-        });
-        restoreTextDirection(me.ctx, opts.textDirection);
       }
     }, {
-      key: "drawTitle",
-      value: function drawTitle() {
-        var me = this;
-        var opts = me.options;
-        var titleOpts = opts.title;
-        var titleFont = toFont(titleOpts.font);
-        var titlePadding = toPadding(titleOpts.padding);
-
-        if (!titleOpts.display) {
+      key: "_eventHandler",
+      value: function _eventHandler(e, replay) {
+        var _this22 = this;
+        var args = {
+          event: e,
+          replay: replay,
+          cancelable: true,
+          inChartArea: this.isPointInArea(e)
+        };
+        var eventFilter = function eventFilter(plugin) {
+          return (plugin.options.events || _this22.options.events).includes(e["native"].type);
+        };
+        if (this.notifyPlugins('beforeEvent', args, eventFilter) === false) {
           return;
         }
-
-        var rtlHelper = getRtlAdapter(opts.rtl, me.left, me.width);
-        var ctx = me.ctx;
-        var position = titleOpts.position;
-        var halfFontSize = titleFont.size / 2;
-        var topPaddingPlusHalfFontSize = titlePadding.top + halfFontSize;
-        var y;
-        var left = me.left;
-        var maxWidth = me.width;
-
-        if (this.isHorizontal()) {
-          maxWidth = Math.max.apply(Math, _toConsumableArray(me.lineWidths));
-          y = me.top + topPaddingPlusHalfFontSize;
-          left = _alignStartEnd(opts.align, left, me.right - maxWidth);
-        } else {
-          var maxHeight = me.columnSizes.reduce(function (acc, size) {
-            return Math.max(acc, size.height);
-          }, 0);
-          y = topPaddingPlusHalfFontSize + _alignStartEnd(opts.align, me.top, me.bottom - maxHeight - opts.labels.padding - me._computeTitleHeight());
+        var changed = this._handleEvent(e, replay, args.inChartArea);
+        args.cancelable = false;
+        this.notifyPlugins('afterEvent', args, eventFilter);
+        if (changed || args.changed) {
+          this.render();
         }
-
-        var x = _alignStartEnd(position, left, left + maxWidth);
-
-        ctx.textAlign = rtlHelper.textAlign(_toLeftRightCenter(position));
-        ctx.textBaseline = 'middle';
-        ctx.strokeStyle = titleOpts.color;
-        ctx.fillStyle = titleOpts.color;
-        ctx.font = titleFont.string;
-        renderText(ctx, titleOpts.text, x, y, titleFont);
-      }
-    }, {
-      key: "_computeTitleHeight",
-      value: function _computeTitleHeight() {
-        var titleOpts = this.options.title;
-        var titleFont = toFont(titleOpts.font);
-        var titlePadding = toPadding(titleOpts.padding);
-        return titleOpts.display ? titleFont.lineHeight + titlePadding.height : 0;
+        return this;
       }
     }, {
-      key: "_getLegendItemAt",
-      value: function _getLegendItemAt(x, y) {
-        var me = this;
-        var i, hitBox, lh;
-
-        if (x >= me.left && x <= me.right && y >= me.top && y <= me.bottom) {
-          lh = me.legendHitBoxes;
-
-          for (i = 0; i < lh.length; ++i) {
-            hitBox = lh[i];
-
-            if (x >= hitBox.left && x <= hitBox.left + hitBox.width && y >= hitBox.top && y <= hitBox.top + hitBox.height) {
-              return me.legendItems[i];
-            }
+      key: "_handleEvent",
+      value: function _handleEvent(e, replay, inChartArea) {
+        var _this$_active = this._active,
+          lastActive = _this$_active === void 0 ? [] : _this$_active,
+          options = this.options;
+        var useFinalPosition = replay;
+        var active = this._getActiveElements(e, lastActive, inChartArea, useFinalPosition);
+        var isClick = _isClickEvent(e);
+        var lastEvent = determineLastEvent(e, this._lastEvent, inChartArea, isClick);
+        if (inChartArea) {
+          this._lastEvent = null;
+          callback(options.onHover, [e, active, this], this);
+          if (isClick) {
+            callback(options.onClick, [e, active, this], this);
           }
         }
-
-        return null;
+        var changed = !_elementsEqual(active, lastActive);
+        if (changed || replay) {
+          this._active = active;
+          this._updateHoverStyles(active, lastActive, replay);
+        }
+        this._lastEvent = lastEvent;
+        return changed;
       }
     }, {
-      key: "handleEvent",
-      value: function handleEvent(e) {
-        var me = this;
-        var opts = me.options;
-
-        if (!isListened(e.type, opts)) {
-          return;
+      key: "_getActiveElements",
+      value: function _getActiveElements(e, lastActive, inChartArea, useFinalPosition) {
+        if (e.type === 'mouseout') {
+          return [];
         }
-
-        var hoveredItem = me._getLegendItemAt(e.x, e.y);
-
-        if (e.type === 'mousemove') {
-          var previous = me._hoveredItem;
-          var sameItem = itemsEqual(previous, hoveredItem);
-
-          if (previous && !sameItem) {
-            callback(opts.onLeave, [e, previous, me], me);
-          }
-
-          me._hoveredItem = hoveredItem;
-
-          if (hoveredItem && !sameItem) {
-            callback(opts.onHover, [e, hoveredItem, me], me);
-          }
-        } else if (hoveredItem) {
-          callback(opts.onClick, [e, hoveredItem, me], me);
+        if (!inChartArea) {
+          return lastActive;
         }
+        var hoverOptions = this.options.hover;
+        return this.getElementsAtEventForMode(e, hoverOptions.mode, hoverOptions, useFinalPosition);
+      }
+    }], [{
+      key: "register",
+      value: function register() {
+        registry.add.apply(registry, arguments);
+        invalidatePlugins();
+      }
+    }, {
+      key: "unregister",
+      value: function unregister() {
+        registry.remove.apply(registry, arguments);
+        invalidatePlugins();
       }
     }]);
-
-    return Legend;
-  }(Element);
-
-  function isListened(type, opts) {
-    if (type === 'mousemove' && (opts.onHover || opts.onLeave)) {
-      return true;
+    return Chart;
+  }();
+  _defineProperty$w(Chart$1, "defaults", defaults);
+  _defineProperty$w(Chart$1, "instances", instances);
+  _defineProperty$w(Chart$1, "overrides", overrides);
+  _defineProperty$w(Chart$1, "registry", registry);
+  _defineProperty$w(Chart$1, "version", version);
+  _defineProperty$w(Chart$1, "getChart", getChart);
+  function invalidatePlugins() {
+    return each(Chart$1.instances, function (chart) {
+      return chart._plugins.invalidate();
+    });
+  }
+  function clipArc(ctx, element, endAngle) {
+    var startAngle = element.startAngle,
+      pixelMargin = element.pixelMargin,
+      x = element.x,
+      y = element.y,
+      outerRadius = element.outerRadius,
+      innerRadius = element.innerRadius;
+    var angleMargin = pixelMargin / outerRadius;
+    // Draw an inner border by clipping the arc and drawing a double-width border
+    // Enlarge the clipping arc by 0.33 pixels to eliminate glitches between borders
+    ctx.beginPath();
+    ctx.arc(x, y, outerRadius, startAngle - angleMargin, endAngle + angleMargin);
+    if (innerRadius > pixelMargin) {
+      angleMargin = pixelMargin / innerRadius;
+      ctx.arc(x, y, innerRadius, endAngle + angleMargin, startAngle - angleMargin, true);
+    } else {
+      ctx.arc(x, y, pixelMargin, endAngle + HALF_PI, startAngle - HALF_PI);
     }
-
-    if (opts.onClick && (type === 'click' || type === 'mouseup')) {
-      return true;
+    ctx.closePath();
+    ctx.clip();
+  }
+  function toRadiusCorners(value) {
+    return _readValueToProps(value, ['outerStart', 'outerEnd', 'innerStart', 'innerEnd']);
+  }
+  /**
+   * Parse border radius from the provided options
+   */
+  function parseBorderRadius$1(arc, innerRadius, outerRadius, angleDelta) {
+    var o = toRadiusCorners(arc.options.borderRadius);
+    var halfThickness = (outerRadius - innerRadius) / 2;
+    var innerLimit = Math.min(halfThickness, angleDelta * innerRadius / 2);
+    // Outer limits are complicated. We want to compute the available angular distance at
+    // a radius of outerRadius - borderRadius because for small angular distances, this term limits.
+    // We compute at r = outerRadius - borderRadius because this circle defines the center of the border corners.
+    //
+    // If the borderRadius is large, that value can become negative.
+    // This causes the outer borders to lose their radius entirely, which is rather unexpected. To solve that, if borderRadius > outerRadius
+    // we know that the thickness term will dominate and compute the limits at that point
+    var computeOuterLimit = function computeOuterLimit(val) {
+      var outerArcLimit = (outerRadius - Math.min(halfThickness, val)) * angleDelta / 2;
+      return _limitValue(val, 0, Math.min(halfThickness, outerArcLimit));
+    };
+    return {
+      outerStart: computeOuterLimit(o.outerStart),
+      outerEnd: computeOuterLimit(o.outerEnd),
+      innerStart: _limitValue(o.innerStart, 0, innerLimit),
+      innerEnd: _limitValue(o.innerEnd, 0, innerLimit)
+    };
+  }
+  /**
+   * Convert (r, 𝜃) to (x, y)
+   */
+  function rThetaToXY(r, theta, x, y) {
+    return {
+      x: x + r * Math.cos(theta),
+      y: y + r * Math.sin(theta)
+    };
+  }
+  /**
+   * Path the arc, respecting border radius by separating into left and right halves.
+   *
+   *   Start      End
+   *
+   *    1--->a--->2    Outer
+   *   /           \
+   *   8           3
+   *   |           |
+   *   |           |
+   *   7           4
+   *   \           /
+   *    6<---b<---5    Inner
+   */
+  function pathArc(ctx, element, offset, spacing, end, circular) {
+    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;
+    var spacingOffset = 0;
+    var alpha = end - start;
+    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 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),
+      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 innerStartAdjustedRadius = innerRadius + innerStart;
+    var innerEndAdjustedRadius = innerRadius + innerEnd;
+    var innerStartAdjustedAngle = startAngle + innerStart / innerStartAdjustedRadius;
+    var innerEndAdjustedAngle = endAngle - innerEnd / innerEndAdjustedRadius;
+    ctx.beginPath();
+    if (circular) {
+      // The first arc segments from point 1 to point a to point 2
+      var outerMidAdjustedAngle = (outerStartAdjustedAngle + outerEndAdjustedAngle) / 2;
+      ctx.arc(x, y, outerRadius, outerStartAdjustedAngle, outerMidAdjustedAngle);
+      ctx.arc(x, y, outerRadius, outerMidAdjustedAngle, outerEndAdjustedAngle);
+      // 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);
+      }
+      // The line from point 3 to point 4
+      var p4 = rThetaToXY(innerEndAdjustedRadius, endAngle, x, y);
+      ctx.lineTo(p4.x, p4.y);
+      // The corner segment from point 4 to point 5
+      if (innerEnd > 0) {
+        var pCenter1 = rThetaToXY(innerEndAdjustedRadius, innerEndAdjustedAngle, x, y);
+        ctx.arc(pCenter1.x, pCenter1.y, innerEnd, endAngle + 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);
+      // 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);
+      }
+      // The line from point 7 to point 8
+      var p8 = rThetaToXY(outerStartAdjustedRadius, startAngle, 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);
+      }
+    } else {
+      ctx.moveTo(x, y);
+      var outerStartX = Math.cos(outerStartAdjustedAngle) * outerRadius + x;
+      var outerStartY = Math.sin(outerStartAdjustedAngle) * outerRadius + y;
+      ctx.lineTo(outerStartX, outerStartY);
+      var outerEndX = Math.cos(outerEndAdjustedAngle) * outerRadius + x;
+      var outerEndY = Math.sin(outerEndAdjustedAngle) * outerRadius + y;
+      ctx.lineTo(outerEndX, outerEndY);
     }
-
-    return false;
+    ctx.closePath();
   }
-
-  var plugin_legend = {
-    id: 'legend',
-    _element: Legend,
-    start: function start(chart, _args, options) {
-      var legend = chart.legend = new Legend({
-        ctx: chart.ctx,
-        options: options,
-        chart: chart
-      });
-      layouts.configure(chart, legend, options);
-      layouts.addBox(chart, legend);
-    },
-    stop: function stop(chart) {
-      layouts.removeBox(chart, chart.legend);
-      delete chart.legend;
-    },
-    beforeUpdate: function beforeUpdate(chart, _args, options) {
-      var legend = chart.legend;
-      layouts.configure(chart, legend, options);
-      legend.options = options;
-    },
-    afterUpdate: function afterUpdate(chart) {
-      var legend = chart.legend;
-      legend.buildLabels();
-      legend.adjustHitBoxes();
-    },
-    afterEvent: function afterEvent(chart, args) {
-      if (!args.replay) {
-        chart.legend.handleEvent(args.event);
+  function drawArc(ctx, element, offset, spacing, circular) {
+    var fullCircles = element.fullCircles,
+      startAngle = element.startAngle,
+      circumference = element.circumference;
+    var endAngle = element.endAngle;
+    if (fullCircles) {
+      pathArc(ctx, element, offset, spacing, endAngle, circular);
+      for (var i = 0; i < fullCircles; ++i) {
+        ctx.fill();
       }
-    },
-    defaults: {
-      display: true,
-      position: 'top',
-      align: 'center',
-      fullSize: true,
-      reverse: false,
-      weight: 1000,
-      onClick: function onClick(e, legendItem, legend) {
-        var index = legendItem.datasetIndex;
-        var ci = legend.chart;
-
-        if (ci.isDatasetVisible(index)) {
-          ci.hide(index);
-          legendItem.hidden = true;
-        } else {
-          ci.show(index);
-          legendItem.hidden = false;
-        }
-      },
-      onHover: null,
-      onLeave: null,
-      labels: {
-        color: function color(ctx) {
-          return ctx.chart.options.color;
-        },
-        boxWidth: 40,
-        padding: 10,
-        generateLabels: function generateLabels(chart) {
-          var datasets = chart.data.datasets;
-          var _chart$legend$options = chart.legend.options.labels,
-              usePointStyle = _chart$legend$options.usePointStyle,
-              pointStyle = _chart$legend$options.pointStyle,
-              textAlign = _chart$legend$options.textAlign;
-          return chart._getSortedDatasetMetas().map(function (meta) {
-            var style = meta.controller.getStyle(usePointStyle ? 0 : undefined);
-            var borderWidth = toPadding(style.borderWidth);
-            return {
-              text: datasets[meta.index].label,
-              fillStyle: style.backgroundColor,
-              hidden: !meta.visible,
-              lineCap: style.borderCapStyle,
-              lineDash: style.borderDash,
-              lineDashOffset: style.borderDashOffset,
-              lineJoin: style.borderJoinStyle,
-              lineWidth: (borderWidth.width + borderWidth.height) / 4,
-              strokeStyle: style.borderColor,
-              pointStyle: pointStyle || style.pointStyle,
-              rotation: style.rotation,
-              textAlign: textAlign || style.textAlign,
-              datasetIndex: meta.index
-            };
-          }, this);
-        }
-      },
-      title: {
-        color: function color(ctx) {
-          return ctx.chart.options.color;
-        },
-        display: false,
-        position: 'center',
-        text: ''
+      if (!isNaN(circumference)) {
+        endAngle = startAngle + (circumference % TAU || TAU);
       }
-    },
-    descriptors: {
-      _scriptable: function _scriptable(name) {
-        return !name.startsWith('on');
-      },
-      labels: {
-        _scriptable: function _scriptable(name) {
-          return !['generateLabels', 'filter', 'sort'].includes(name);
-        }
+    }
+    pathArc(ctx, element, offset, spacing, endAngle, circular);
+    ctx.fill();
+    return endAngle;
+  }
+  function drawBorder(ctx, element, offset, spacing, circular) {
+    var fullCircles = element.fullCircles,
+      startAngle = element.startAngle,
+      circumference = element.circumference,
+      options = element.options;
+    var borderWidth = options.borderWidth,
+      borderJoinStyle = options.borderJoinStyle;
+    var inner = options.borderAlign === 'inner';
+    if (!borderWidth) {
+      return;
+    }
+    if (inner) {
+      ctx.lineWidth = borderWidth * 2;
+      ctx.lineJoin = borderJoinStyle || 'round';
+    } else {
+      ctx.lineWidth = borderWidth;
+      ctx.lineJoin = borderJoinStyle || 'bevel';
+    }
+    var endAngle = element.endAngle;
+    if (fullCircles) {
+      pathArc(ctx, element, offset, spacing, endAngle, circular);
+      for (var i = 0; i < fullCircles; ++i) {
+        ctx.stroke();
+      }
+      if (!isNaN(circumference)) {
+        endAngle = startAngle + (circumference % TAU || TAU);
       }
     }
-  };
-
-  var Title = /*#__PURE__*/function (_Element7) {
-    _inherits(Title, _Element7);
-
-    var _super17 = _createSuper(Title);
-
-    function Title(config) {
-      var _this11;
-
-      _classCallCheck(this, Title);
-
-      _this11 = _super17.call(this);
-      _this11.chart = config.chart;
-      _this11.options = config.options;
-      _this11.ctx = config.ctx;
-      _this11._padding = undefined;
-      _this11.top = undefined;
-      _this11.bottom = undefined;
-      _this11.left = undefined;
-      _this11.right = undefined;
-      _this11.width = undefined;
-      _this11.height = undefined;
-      _this11.position = undefined;
-      _this11.weight = undefined;
-      _this11.fullSize = undefined;
-      return _this11;
-    }
-
-    _createClass(Title, [{
-      key: "update",
-      value: function update(maxWidth, maxHeight) {
-        var me = this;
-        var opts = me.options;
-        me.left = 0;
-        me.top = 0;
-
-        if (!opts.display) {
-          me.width = me.height = me.right = me.bottom = 0;
-          return;
-        }
-
-        me.width = me.right = maxWidth;
-        me.height = me.bottom = maxHeight;
-        var lineCount = isArray(opts.text) ? opts.text.length : 1;
-        me._padding = toPadding(opts.padding);
-
-        var textSize = lineCount * toFont(opts.font).lineHeight + me._padding.height;
-
-        if (me.isHorizontal()) {
-          me.height = textSize;
-        } else {
-          me.width = textSize;
-        }
+    if (inner) {
+      clipArc(ctx, element, endAngle);
+    }
+    if (!fullCircles) {
+      pathArc(ctx, element, offset, spacing, endAngle, circular);
+      ctx.stroke();
+    }
+  }
+  var ArcElement = /*#__PURE__*/function (_Element2) {
+    _inherits$w(ArcElement, _Element2);
+    var _super12 = _createSuper$w(ArcElement);
+    function ArcElement(cfg) {
+      var _this23;
+      _classCallCheck$x(this, ArcElement);
+      _this23 = _super12.call(this);
+      _this23.options = undefined;
+      _this23.circumference = undefined;
+      _this23.startAngle = undefined;
+      _this23.endAngle = undefined;
+      _this23.innerRadius = undefined;
+      _this23.outerRadius = undefined;
+      _this23.pixelMargin = 0;
+      _this23.fullCircles = 0;
+      if (cfg) {
+        Object.assign(_assertThisInitialized$w(_this23), cfg);
       }
-    }, {
-      key: "isHorizontal",
-      value: function isHorizontal() {
-        var pos = this.options.position;
-        return pos === 'top' || pos === 'bottom';
+      return _this23;
+    }
+    _createClass$x(ArcElement, [{
+      key: "inRange",
+      value: function inRange(chartX, chartY, useFinalPosition) {
+        var point = this.getProps(['x', 'y'], useFinalPosition);
+        var _getAngleFromPoint2 = getAngleFromPoint(point, {
+            x: chartX,
+            y: chartY
+          }),
+          angle = _getAngleFromPoint2.angle,
+          distance = _getAngleFromPoint2.distance;
+        var _this$getProps2 = this.getProps(['startAngle', 'endAngle', 'innerRadius', 'outerRadius', 'circumference'], useFinalPosition),
+          startAngle = _this$getProps2.startAngle,
+          endAngle = _this$getProps2.endAngle,
+          innerRadius = _this$getProps2.innerRadius,
+          outerRadius = _this$getProps2.outerRadius,
+          circumference = _this$getProps2.circumference;
+        var rAdjust = this.options.spacing / 2;
+        var _circumference = valueOrDefault(circumference, endAngle - startAngle);
+        var betweenAngles = _circumference >= TAU || _angleBetween(angle, startAngle, endAngle);
+        var withinRadius = _isBetween(distance, innerRadius + rAdjust, outerRadius + rAdjust);
+        return betweenAngles && withinRadius;
       }
     }, {
-      key: "_drawArgs",
-      value: function _drawArgs(offset) {
-        var top = this.top,
-            left = this.left,
-            bottom = this.bottom,
-            right = this.right,
-            options = this.options;
-        var align = options.align;
-        var rotation = 0;
-        var maxWidth, titleX, titleY;
-
-        if (this.isHorizontal()) {
-          titleX = _alignStartEnd(align, left, right);
-          titleY = top + offset;
-          maxWidth = right - left;
-        } else {
-          if (options.position === 'left') {
-            titleX = left + offset;
-            titleY = _alignStartEnd(align, bottom, top);
-            rotation = PI * -0.5;
-          } else {
-            titleX = right - offset;
-            titleY = _alignStartEnd(align, top, bottom);
-            rotation = PI * 0.5;
-          }
-
-          maxWidth = bottom - top;
-        }
-
+      key: "getCenterPoint",
+      value: function getCenterPoint(useFinalPosition) {
+        var _this$getProps3 = this.getProps(['x', 'y', 'startAngle', 'endAngle', 'innerRadius', 'outerRadius', 'circumference'], useFinalPosition),
+          x = _this$getProps3.x,
+          y = _this$getProps3.y,
+          startAngle = _this$getProps3.startAngle,
+          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 halfAngle = (startAngle + endAngle) / 2;
+        var halfRadius = (innerRadius + outerRadius + spacing + offset) / 2;
         return {
-          titleX: titleX,
-          titleY: titleY,
-          maxWidth: maxWidth,
-          rotation: rotation
+          x: x + Math.cos(halfAngle) * halfRadius,
+          y: y + Math.sin(halfAngle) * halfRadius
         };
       }
+    }, {
+      key: "tooltipPosition",
+      value: function tooltipPosition(useFinalPosition) {
+        return this.getCenterPoint(useFinalPosition);
+      }
     }, {
       key: "draw",
-      value: function draw() {
-        var me = this;
-        var ctx = me.ctx;
-        var opts = me.options;
-
-        if (!opts.display) {
+      value: function draw(ctx) {
+        var options = this.options,
+          circumference = this.circumference;
+        var offset = (options.offset || 0) / 4;
+        var spacing = (options.spacing || 0) / 2;
+        var circular = options.circular;
+        this.pixelMargin = options.borderAlign === 'inner' ? 0.33 : 0;
+        this.fullCircles = circumference > TAU ? Math.floor(circumference / TAU) : 0;
+        if (circumference === 0 || this.innerRadius < 0 || this.outerRadius < 0) {
           return;
         }
-
-        var fontOpts = toFont(opts.font);
-        var lineHeight = fontOpts.lineHeight;
-        var offset = lineHeight / 2 + me._padding.top;
-
-        var _me$_drawArgs = me._drawArgs(offset),
-            titleX = _me$_drawArgs.titleX,
-            titleY = _me$_drawArgs.titleY,
-            maxWidth = _me$_drawArgs.maxWidth,
-            rotation = _me$_drawArgs.rotation;
-
-        renderText(ctx, opts.text, 0, 0, fontOpts, {
-          color: opts.color,
-          maxWidth: maxWidth,
-          rotation: rotation,
-          textAlign: _toLeftRightCenter(opts.align),
-          textBaseline: 'middle',
-          translation: [titleX, titleY]
-        });
+        ctx.save();
+        var halfAngle = (this.startAngle + this.endAngle) / 2;
+        ctx.translate(Math.cos(halfAngle) * offset, Math.sin(halfAngle) * offset);
+        var fix = 1 - Math.sin(Math.min(PI, circumference || 0));
+        var radiusOffset = offset * fix;
+        ctx.fillStyle = options.backgroundColor;
+        ctx.strokeStyle = options.borderColor;
+        drawArc(ctx, this, radiusOffset, spacing, circular);
+        drawBorder(ctx, this, radiusOffset, spacing, circular);
+        ctx.restore();
       }
     }]);
-
-    return Title;
+    return ArcElement;
   }(Element);
-
-  function createTitle(chart, titleOpts) {
-    var title = new Title({
-      ctx: chart.ctx,
-      options: titleOpts,
-      chart: chart
-    });
-    layouts.configure(chart, title, titleOpts);
-    layouts.addBox(chart, title);
-    chart.titleBlock = title;
+  _defineProperty$w(ArcElement, "id", 'arc');
+  _defineProperty$w(ArcElement, "defaults", {
+    borderAlign: 'center',
+    borderColor: '#fff',
+    borderJoinStyle: undefined,
+    borderRadius: 0,
+    borderWidth: 2,
+    offset: 0,
+    spacing: 0,
+    angle: undefined,
+    circular: true
+  });
+  _defineProperty$w(ArcElement, "defaultRoutes", {
+    backgroundColor: 'backgroundColor'
+  });
+  function setStyle(ctx, options) {
+    var style = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : options;
+    ctx.lineCap = valueOrDefault(style.borderCapStyle, options.borderCapStyle);
+    ctx.setLineDash(valueOrDefault(style.borderDash, options.borderDash));
+    ctx.lineDashOffset = valueOrDefault(style.borderDashOffset, options.borderDashOffset);
+    ctx.lineJoin = valueOrDefault(style.borderJoinStyle, options.borderJoinStyle);
+    ctx.lineWidth = valueOrDefault(style.borderWidth, options.borderWidth);
+    ctx.strokeStyle = valueOrDefault(style.borderColor, options.borderColor);
   }
-
-  var plugin_title = {
-    id: 'title',
-    _element: Title,
-    start: function start(chart, _args, options) {
-      createTitle(chart, options);
-    },
-    stop: function stop(chart) {
-      var titleBlock = chart.titleBlock;
-      layouts.removeBox(chart, titleBlock);
-      delete chart.titleBlock;
-    },
-    beforeUpdate: function beforeUpdate(chart, _args, options) {
-      var title = chart.titleBlock;
-      layouts.configure(chart, title, options);
-      title.options = options;
-    },
-    defaults: {
-      align: 'center',
-      display: false,
-      font: {
-        style: 'bold'
-      },
-      fullSize: true,
-      padding: 10,
-      position: 'top',
-      text: '',
-      weight: 2000
-    },
-    defaultRoutes: {
-      color: 'color'
-    },
-    descriptors: {
-      _scriptable: true,
-      _indexable: false
+  function lineTo(ctx, previous, target) {
+    ctx.lineTo(target.x, target.y);
+  }
+  function getLineMethod(options) {
+    if (options.stepped) {
+      return _steppedLineTo;
     }
-  };
-  var positioners = {
-    average: function average(items) {
-      if (!items.length) {
-        return false;
-      }
-
-      var i, len;
-      var x = 0;
-      var y = 0;
-      var count = 0;
-
-      for (i = 0, len = items.length; i < len; ++i) {
-        var el = items[i].element;
-
-        if (el && el.hasValue()) {
-          var pos = el.tooltipPosition();
-          x += pos.x;
-          y += pos.y;
-          ++count;
-        }
-      }
-
-      return {
-        x: x / count,
-        y: y / count
-      };
-    },
-    nearest: function nearest(items, eventPosition) {
-      var x = eventPosition.x;
-      var y = eventPosition.y;
-      var minDistance = Number.POSITIVE_INFINITY;
-      var i, len, nearestElement;
-
-      for (i = 0, len = items.length; i < len; ++i) {
-        var el = items[i].element;
-
-        if (el && el.hasValue()) {
-          var center = el.getCenterPoint();
-          var d = distanceBetweenPoints(eventPosition, center);
-
-          if (d < minDistance) {
-            minDistance = d;
-            nearestElement = el;
-          }
-        }
-      }
-
-      if (nearestElement) {
-        var tp = nearestElement.tooltipPosition();
-        x = tp.x;
-        y = tp.y;
-      }
-
-      return {
-        x: x,
-        y: y
-      };
+    if (options.tension || options.cubicInterpolationMode === 'monotone') {
+      return _bezierCurveTo;
     }
-  };
-
-  function pushOrConcat(base, toPush) {
-    if (toPush) {
-      if (isArray(toPush)) {
-        Array.prototype.push.apply(base, toPush);
+    return lineTo;
+  }
+  function pathVars(points, segment) {
+    var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var count = points.length;
+    var _params$start = params.start,
+      paramsStart = _params$start === void 0 ? 0 : _params$start,
+      _params$end = params.end,
+      paramsEnd = _params$end === void 0 ? count - 1 : _params$end;
+    var segmentStart = segment.start,
+      segmentEnd = segment.end;
+    var start = Math.max(paramsStart, segmentStart);
+    var end = Math.min(paramsEnd, segmentEnd);
+    var outside = paramsStart < segmentStart && paramsEnd < segmentStart || paramsStart > segmentEnd && paramsEnd > segmentEnd;
+    return {
+      count: count,
+      start: start,
+      loop: segment.loop,
+      ilen: end < start && !outside ? count + end - start : end - start
+    };
+  }
+  function pathSegment(ctx, line, segment, params) {
+    var points = line.points,
+      options = line.options;
+    var _pathVars = pathVars(points, segment, params),
+      count = _pathVars.count,
+      start = _pathVars.start,
+      loop = _pathVars.loop,
+      ilen = _pathVars.ilen;
+    var lineMethod = getLineMethod(options);
+    var _ref5 = params || {},
+      _ref5$move = _ref5.move,
+      move = _ref5$move === void 0 ? true : _ref5$move,
+      reverse = _ref5.reverse;
+    var i, point, prev;
+    for (i = 0; i <= ilen; ++i) {
+      point = points[(start + (reverse ? ilen - i : i)) % count];
+      if (point.skip) {
+        continue;
+      } else if (move) {
+        ctx.moveTo(point.x, point.y);
+        move = false;
       } else {
-        base.push(toPush);
+        lineMethod(ctx, prev, point, reverse, options.stepped);
       }
+      prev = point;
     }
-
-    return base;
-  }
-
-  function splitNewlines(str) {
-    if ((typeof str === 'string' || str instanceof String) && str.indexOf('\n') > -1) {
-      return str.split('\n');
+    if (loop) {
+      point = points[(start + (reverse ? ilen : 0)) % count];
+      lineMethod(ctx, prev, point, reverse, options.stepped);
     }
-
-    return str;
+    return !!loop;
   }
-
-  function createTooltipItem(chart, item) {
-    var element = item.element,
-        datasetIndex = item.datasetIndex,
-        index = item.index;
-    var controller = chart.getDatasetMeta(datasetIndex).controller;
-
-    var _controller$getLabelA = controller.getLabelAndValue(index),
-        label = _controller$getLabelA.label,
-        value = _controller$getLabelA.value;
-
-    return {
-      chart: chart,
-      label: label,
-      parsed: controller.getParsed(index),
-      raw: chart.data.datasets[datasetIndex].data[index],
-      formattedValue: value,
-      dataset: controller.getDataset(),
-      dataIndex: index,
-      datasetIndex: datasetIndex,
-      element: element
+  function fastPathSegment(ctx, line, segment, params) {
+    var points = line.points;
+    var _pathVars2 = pathVars(points, segment, params),
+      count = _pathVars2.count,
+      start = _pathVars2.start,
+      ilen = _pathVars2.ilen;
+    var _ref6 = params || {},
+      _ref6$move = _ref6.move,
+      move = _ref6$move === void 0 ? true : _ref6$move,
+      reverse = _ref6.reverse;
+    var avgX = 0;
+    var countX = 0;
+    var i, point, prevX, minY, maxY, lastY;
+    var pointIndex = function pointIndex(index) {
+      return (start + (reverse ? ilen - index : index)) % count;
     };
-  }
-
-  function getTooltipSize(tooltip, options) {
-    var ctx = tooltip._chart.ctx;
-    var body = tooltip.body,
-        footer = tooltip.footer,
-        title = tooltip.title;
-    var boxWidth = options.boxWidth,
-        boxHeight = options.boxHeight;
-    var bodyFont = toFont(options.bodyFont);
-    var titleFont = toFont(options.titleFont);
-    var footerFont = toFont(options.footerFont);
-    var titleLineCount = title.length;
-    var footerLineCount = footer.length;
-    var bodyLineItemCount = body.length;
-    var padding = toPadding(options.padding);
-    var height = padding.height;
-    var width = 0;
-    var combinedBodyLength = body.reduce(function (count, bodyItem) {
-      return count + bodyItem.before.length + bodyItem.lines.length + bodyItem.after.length;
-    }, 0);
-    combinedBodyLength += tooltip.beforeBody.length + tooltip.afterBody.length;
-
-    if (titleLineCount) {
-      height += titleLineCount * titleFont.lineHeight + (titleLineCount - 1) * options.titleSpacing + options.titleMarginBottom;
-    }
-
-    if (combinedBodyLength) {
-      var bodyLineHeight = options.displayColors ? Math.max(boxHeight, bodyFont.lineHeight) : bodyFont.lineHeight;
-      height += bodyLineItemCount * bodyLineHeight + (combinedBodyLength - bodyLineItemCount) * bodyFont.lineHeight + (combinedBodyLength - 1) * options.bodySpacing;
+    var drawX = function drawX() {
+      if (minY !== maxY) {
+        ctx.lineTo(avgX, maxY);
+        ctx.lineTo(avgX, minY);
+        ctx.lineTo(avgX, lastY);
+      }
+    };
+    if (move) {
+      point = points[pointIndex(0)];
+      ctx.moveTo(point.x, point.y);
     }
-
-    if (footerLineCount) {
-      height += options.footerMarginTop + footerLineCount * footerFont.lineHeight + (footerLineCount - 1) * options.footerSpacing;
+    for (i = 0; i <= ilen; ++i) {
+      point = points[pointIndex(i)];
+      if (point.skip) {
+        continue;
+      }
+      var x = point.x;
+      var y = point.y;
+      var truncX = x | 0;
+      if (truncX === prevX) {
+        if (y < minY) {
+          minY = y;
+        } else if (y > maxY) {
+          maxY = y;
+        }
+        avgX = (countX * avgX + x) / ++countX;
+      } else {
+        drawX();
+        ctx.lineTo(x, y);
+        prevX = truncX;
+        countX = 0;
+        minY = maxY = y;
+      }
+      lastY = y;
     }
-
-    var widthPadding = 0;
-
-    var maxLineWidth = function maxLineWidth(line) {
-      width = Math.max(width, ctx.measureText(line).width + widthPadding);
-    };
-
-    ctx.save();
-    ctx.font = titleFont.string;
-    each(tooltip.title, maxLineWidth);
-    ctx.font = bodyFont.string;
-    each(tooltip.beforeBody.concat(tooltip.afterBody), maxLineWidth);
-    widthPadding = options.displayColors ? boxWidth + 2 : 0;
-    each(body, function (bodyItem) {
-      each(bodyItem.before, maxLineWidth);
-      each(bodyItem.lines, maxLineWidth);
-      each(bodyItem.after, maxLineWidth);
-    });
-    widthPadding = 0;
-    ctx.font = footerFont.string;
-    each(tooltip.footer, maxLineWidth);
-    ctx.restore();
-    width += padding.width;
-    return {
-      width: width,
-      height: height
-    };
+    drawX();
   }
-
-  function determineYAlign(chart, size) {
-    var y = size.y,
-        height = size.height;
-
-    if (y < height / 2) {
-      return 'top';
-    } else if (y > chart.height - height / 2) {
-      return 'bottom';
-    }
-
-    return 'center';
+  function _getSegmentMethod(line) {
+    var opts = line.options;
+    var borderDash = opts.borderDash && opts.borderDash.length;
+    var useFastPath = !line._decimated && !line._loop && !opts.tension && opts.cubicInterpolationMode !== 'monotone' && !opts.stepped && !borderDash;
+    return useFastPath ? fastPathSegment : pathSegment;
   }
-
-  function doesNotFitWithAlign(xAlign, chart, options, size) {
-    var x = size.x,
-        width = size.width;
-    var caret = options.caretSize + options.caretPadding;
-
-    if (xAlign === 'left' && x + width + caret > chart.width) {
-      return true;
+  function _getInterpolationMethod(options) {
+    if (options.stepped) {
+      return _steppedInterpolation;
     }
-
-    if (xAlign === 'right' && x - width - caret < 0) {
-      return true;
+    if (options.tension || options.cubicInterpolationMode === 'monotone') {
+      return _bezierInterpolation;
     }
+    return _pointInLine;
   }
-
-  function determineXAlign(chart, options, size, yAlign) {
-    var x = size.x,
-        width = size.width;
-    var chartWidth = chart.width,
-        _chart$chartArea = chart.chartArea,
-        left = _chart$chartArea.left,
-        right = _chart$chartArea.right;
-    var xAlign = 'center';
-
-    if (yAlign === 'center') {
-      xAlign = x <= (left + right) / 2 ? 'left' : 'right';
-    } else if (x <= width / 2) {
-      xAlign = 'left';
-    } else if (x >= chartWidth - width / 2) {
-      xAlign = 'right';
-    }
-
-    if (doesNotFitWithAlign(xAlign, chart, options, size)) {
-      xAlign = 'center';
+  function strokePathWithCache(ctx, line, start, count) {
+    var path = line._path;
+    if (!path) {
+      path = line._path = new Path2D();
+      if (line.path(path, start, count)) {
+        path.closePath();
+      }
     }
-
-    return xAlign;
-  }
-
-  function determineAlignment(chart, options, size) {
-    var yAlign = options.yAlign || determineYAlign(chart, size);
-    return {
-      xAlign: options.xAlign || determineXAlign(chart, options, size, yAlign),
-      yAlign: yAlign
-    };
+    setStyle(ctx, line.options);
+    ctx.stroke(path);
   }
-
-  function alignX(size, xAlign) {
-    var x = size.x,
-        width = size.width;
-
-    if (xAlign === 'right') {
-      x -= width;
-    } else if (xAlign === 'center') {
-      x -= width / 2;
+  function strokePathDirect(ctx, line, start, count) {
+    var segments = line.segments,
+      options = line.options;
+    var segmentMethod = _getSegmentMethod(line);
+    var _iterator16 = _createForOfIteratorHelper$1(segments),
+      _step16;
+    try {
+      for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {
+        var segment = _step16.value;
+        setStyle(ctx, options, segment.style);
+        ctx.beginPath();
+        if (segmentMethod(ctx, line, segment, {
+          start: start,
+          end: start + count - 1
+        })) {
+          ctx.closePath();
+        }
+        ctx.stroke();
+      }
+    } catch (err) {
+      _iterator16.e(err);
+    } finally {
+      _iterator16.f();
     }
-
-    return x;
   }
-
-  function alignY(size, yAlign, paddingAndSize) {
-    var y = size.y,
-        height = size.height;
-
-    if (yAlign === 'top') {
-      y += paddingAndSize;
-    } else if (yAlign === 'bottom') {
-      y -= height + paddingAndSize;
+  var usePath2D = typeof Path2D === 'function';
+  function _draw(ctx, line, start, count) {
+    if (usePath2D && !line.options.segment) {
+      strokePathWithCache(ctx, line, start, count);
     } else {
-      y -= height / 2;
+      strokePathDirect(ctx, line, start, count);
     }
-
-    return y;
   }
-
-  function getBackgroundPoint(options, size, alignment, chart) {
-    var caretSize = options.caretSize,
-        caretPadding = options.caretPadding,
-        cornerRadius = options.cornerRadius;
-    var xAlign = alignment.xAlign,
-        yAlign = alignment.yAlign;
-    var paddingAndSize = caretSize + caretPadding;
-    var radiusAndPadding = cornerRadius + caretPadding;
-    var x = alignX(size, xAlign);
-    var y = alignY(size, yAlign, paddingAndSize);
-
-    if (yAlign === 'center') {
-      if (xAlign === 'left') {
-        x += paddingAndSize;
-      } else if (xAlign === 'right') {
-        x -= paddingAndSize;
+  var LineElement = /*#__PURE__*/function (_Element3) {
+    _inherits$w(LineElement, _Element3);
+    var _super13 = _createSuper$w(LineElement);
+    function LineElement(cfg) {
+      var _this24;
+      _classCallCheck$x(this, LineElement);
+      _this24 = _super13.call(this);
+      _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;
+      if (cfg) {
+        Object.assign(_assertThisInitialized$w(_this24), cfg);
       }
-    } else if (xAlign === 'left') {
-      x -= radiusAndPadding;
-    } else if (xAlign === 'right') {
-      x += radiusAndPadding;
+      return _this24;
     }
-
-    return {
-      x: _limitValue(x, 0, chart.width - size.width),
-      y: _limitValue(y, 0, chart.height - size.height)
-    };
-  }
-
-  function getAlignedX(tooltip, align, options) {
-    var padding = toPadding(options.padding);
-    return align === 'center' ? tooltip.x + tooltip.width / 2 : align === 'right' ? tooltip.x + tooltip.width - padding.right : tooltip.x + padding.left;
-  }
-
-  function getBeforeAfterBodyLines(callback) {
-    return pushOrConcat([], splitNewlines(callback));
-  }
-
-  function createTooltipContext(parent, tooltip, tooltipItems) {
-    return Object.assign(Object.create(parent), {
-      tooltip: tooltip,
-      tooltipItems: tooltipItems,
-      type: 'tooltip'
-    });
-  }
-
-  function overrideCallbacks(callbacks, context) {
-    var override = context && context.dataset && context.dataset.tooltip && context.dataset.tooltip.callbacks;
-    return override ? callbacks.override(override) : callbacks;
-  }
-
-  var Tooltip = /*#__PURE__*/function (_Element8) {
-    _inherits(Tooltip, _Element8);
-
-    var _super18 = _createSuper(Tooltip);
-
-    function Tooltip(config) {
-      var _this12;
-
-      _classCallCheck(this, Tooltip);
-
-      _this12 = _super18.call(this);
-      _this12.opacity = 0;
-      _this12._active = [];
-      _this12._chart = config._chart;
-      _this12._eventPosition = undefined;
-      _this12._size = undefined;
-      _this12._cachedAnimations = undefined;
-      _this12._tooltipItems = [];
-      _this12.$animations = undefined;
-      _this12.$context = undefined;
-      _this12.options = config.options;
-      _this12.dataPoints = undefined;
-      _this12.title = undefined;
-      _this12.beforeBody = undefined;
-      _this12.body = undefined;
-      _this12.afterBody = undefined;
-      _this12.footer = undefined;
-      _this12.xAlign = undefined;
-      _this12.yAlign = undefined;
-      _this12.x = undefined;
-      _this12.y = undefined;
-      _this12.height = undefined;
-      _this12.width = undefined;
-      _this12.caretX = undefined;
-      _this12.caretY = undefined;
-      _this12.labelColors = undefined;
-      _this12.labelPointStyles = undefined;
-      _this12.labelTextColors = undefined;
-      return _this12;
-    }
-
-    _createClass(Tooltip, [{
-      key: "initialize",
-      value: function initialize(options) {
-        this.options = options;
-        this._cachedAnimations = undefined;
-        this.$context = undefined;
+    _createClass$x(LineElement, [{
+      key: "updateControlPoints",
+      value: function updateControlPoints(chartArea, indexAxis) {
+        var options = this.options;
+        if ((options.tension || options.cubicInterpolationMode === 'monotone') && !options.stepped && !this._pointsUpdated) {
+          var loop = options.spanGaps ? this._loop : this._fullLoop;
+          _updateBezierControlPoints(this._points, options, chartArea, loop, indexAxis);
+          this._pointsUpdated = true;
+        }
       }
     }, {
-      key: "_resolveAnimations",
-      value: function _resolveAnimations() {
-        var me = this;
-        var cached = me._cachedAnimations;
-
-        if (cached) {
-          return cached;
-        }
-
-        var chart = me._chart;
-        var options = me.options.setContext(me.getContext());
-        var opts = options.enabled && chart.options.animation && options.animations;
-        var animations = new Animations(me._chart, opts);
-
-        if (opts._cacheable) {
-          me._cachedAnimations = Object.freeze(animations);
-        }
-
-        return animations;
+      key: "points",
+      get: function get() {
+        return this._points;
+      },
+      set: function set(points) {
+        this._points = points;
+        delete this._segments;
+        delete this._path;
+        this._pointsUpdated = false;
       }
     }, {
-      key: "getContext",
-      value: function getContext() {
-        var me = this;
-        return me.$context || (me.$context = createTooltipContext(me._chart.getContext(), me, me._tooltipItems));
+      key: "segments",
+      get: function get() {
+        return this._segments || (this._segments = _computeSegments(this, this.options.segment));
       }
     }, {
-      key: "getTitle",
-      value: function getTitle(context, options) {
-        var me = this;
-        var callbacks = options.callbacks;
-        var beforeTitle = callbacks.beforeTitle.apply(me, [context]);
-        var title = callbacks.title.apply(me, [context]);
-        var afterTitle = callbacks.afterTitle.apply(me, [context]);
-        var lines = [];
-        lines = pushOrConcat(lines, splitNewlines(beforeTitle));
-        lines = pushOrConcat(lines, splitNewlines(title));
-        lines = pushOrConcat(lines, splitNewlines(afterTitle));
-        return lines;
+      key: "first",
+      value: function first() {
+        var segments = this.segments;
+        var points = this.points;
+        return segments.length && points[segments[0].start];
       }
     }, {
-      key: "getBeforeBody",
-      value: function getBeforeBody(tooltipItems, options) {
-        return getBeforeAfterBodyLines(options.callbacks.beforeBody.apply(this, [tooltipItems]));
+      key: "last",
+      value: function last() {
+        var segments = this.segments;
+        var points = this.points;
+        var count = segments.length;
+        return count && points[segments[count - 1].end];
       }
     }, {
-      key: "getBody",
-      value: function getBody(tooltipItems, options) {
-        var me = this;
-        var callbacks = options.callbacks;
-        var bodyItems = [];
-        each(tooltipItems, function (context) {
-          var bodyItem = {
-            before: [],
-            lines: [],
-            after: []
-          };
-          var scoped = overrideCallbacks(callbacks, context);
-          pushOrConcat(bodyItem.before, splitNewlines(scoped.beforeLabel.call(me, context)));
-          pushOrConcat(bodyItem.lines, scoped.label.call(me, context));
-          pushOrConcat(bodyItem.after, splitNewlines(scoped.afterLabel.call(me, context)));
-          bodyItems.push(bodyItem);
+      key: "interpolate",
+      value: function interpolate(point, property) {
+        var options = this.options;
+        var value = point[property];
+        var points = this.points;
+        var segments = _boundSegments(this, {
+          property: property,
+          start: value,
+          end: value
         });
-        return bodyItems;
+        if (!segments.length) {
+          return;
+        }
+        var result = [];
+        var _interpolate = _getInterpolationMethod(options);
+        var i, ilen;
+        for (i = 0, ilen = segments.length; i < ilen; ++i) {
+          var _segments$i = segments[i],
+            start = _segments$i.start,
+            end = _segments$i.end;
+          var p1 = points[start];
+          var p2 = points[end];
+          if (p1 === p2) {
+            result.push(p1);
+            continue;
+          }
+          var t = Math.abs((value - p1[property]) / (p2[property] - p1[property]));
+          var interpolated = _interpolate(p1, p2, t, options.stepped);
+          interpolated[property] = point[property];
+          result.push(interpolated);
+        }
+        return result.length === 1 ? result[0] : result;
       }
     }, {
-      key: "getAfterBody",
-      value: function getAfterBody(tooltipItems, options) {
-        return getBeforeAfterBodyLines(options.callbacks.afterBody.apply(this, [tooltipItems]));
+      key: "pathSegment",
+      value: function pathSegment(ctx, segment, params) {
+        var segmentMethod = _getSegmentMethod(this);
+        return segmentMethod(ctx, this, segment, params);
       }
     }, {
-      key: "getFooter",
-      value: function getFooter(tooltipItems, options) {
-        var me = this;
-        var callbacks = options.callbacks;
-        var beforeFooter = callbacks.beforeFooter.apply(me, [tooltipItems]);
-        var footer = callbacks.footer.apply(me, [tooltipItems]);
-        var afterFooter = callbacks.afterFooter.apply(me, [tooltipItems]);
-        var lines = [];
-        lines = pushOrConcat(lines, splitNewlines(beforeFooter));
-        lines = pushOrConcat(lines, splitNewlines(footer));
-        lines = pushOrConcat(lines, splitNewlines(afterFooter));
-        return lines;
+      key: "path",
+      value: function path(ctx, start, count) {
+        var segments = this.segments;
+        var segmentMethod = _getSegmentMethod(this);
+        var loop = this._loop;
+        start = start || 0;
+        count = count || this.points.length - start;
+        var _iterator17 = _createForOfIteratorHelper$1(segments),
+          _step17;
+        try {
+          for (_iterator17.s(); !(_step17 = _iterator17.n()).done;) {
+            var segment = _step17.value;
+            loop &= segmentMethod(ctx, this, segment, {
+              start: start,
+              end: start + count - 1
+            });
+          }
+        } catch (err) {
+          _iterator17.e(err);
+        } finally {
+          _iterator17.f();
+        }
+        return !!loop;
       }
     }, {
-      key: "_createItems",
-      value: function _createItems(options) {
-        var me = this;
-        var active = me._active;
-        var data = me._chart.data;
-        var labelColors = [];
-        var labelPointStyles = [];
-        var labelTextColors = [];
-        var tooltipItems = [];
-        var i, len;
-
-        for (i = 0, len = active.length; i < len; ++i) {
-          tooltipItems.push(createTooltipItem(me._chart, active[i]));
+      key: "draw",
+      value: function draw(ctx, chartArea, start, count) {
+        var options = this.options || {};
+        var points = this.points || [];
+        if (points.length && options.borderWidth) {
+          ctx.save();
+          _draw(ctx, this, start, count);
+          ctx.restore();
         }
-
-        if (options.filter) {
-          tooltipItems = tooltipItems.filter(function (element, index, array) {
-            return options.filter(element, index, array, data);
-          });
+        if (this.animated) {
+          this._pointsUpdated = false;
+          this._path = undefined;
         }
+      }
+    }]);
+    return LineElement;
+  }(Element);
+  _defineProperty$w(LineElement, "id", 'line');
+  _defineProperty$w(LineElement, "defaults", {
+    borderCapStyle: 'butt',
+    borderDash: [],
+    borderDashOffset: 0,
+    borderJoinStyle: 'miter',
+    borderWidth: 3,
+    capBezierPoints: true,
+    cubicInterpolationMode: 'default',
+    fill: false,
+    spanGaps: false,
+    stepped: false,
+    tension: 0
+  });
+  _defineProperty$w(LineElement, "defaultRoutes", {
+    backgroundColor: 'backgroundColor',
+    borderColor: 'borderColor'
+  });
+  _defineProperty$w(LineElement, "descriptors", {
+    _scriptable: true,
+    _indexable: function _indexable(name) {
+      return name !== 'borderDash' && name !== 'fill';
+    }
+  });
+  function inRange$1(el, pos, axis, useFinalPosition) {
+    var options = el.options;
+    var _el$getProps = el.getProps([axis], useFinalPosition),
+      value = _el$getProps[axis];
+    return Math.abs(pos - value) < options.radius + options.hitRadius;
+  }
+  var PointElement = /*#__PURE__*/function (_Element4) {
+    _inherits$w(PointElement, _Element4);
+    var _super14 = _createSuper$w(PointElement);
+    /**
+    * @type {any}
+    */
 
-        if (options.itemSort) {
-          tooltipItems = tooltipItems.sort(function (a, b) {
-            return options.itemSort(a, b, data);
-          });
-        }
+    /**
+    * @type {any}
+    */
 
-        each(tooltipItems, function (context) {
-          var scoped = overrideCallbacks(options.callbacks, context);
-          labelColors.push(scoped.labelColor.call(me, context));
-          labelPointStyles.push(scoped.labelPointStyle.call(me, context));
-          labelTextColors.push(scoped.labelTextColor.call(me, context));
-        });
-        me.labelColors = labelColors;
-        me.labelPointStyles = labelPointStyles;
-        me.labelTextColors = labelTextColors;
-        me.dataPoints = tooltipItems;
-        return tooltipItems;
+    function PointElement(cfg) {
+      var _this25;
+      _classCallCheck$x(this, PointElement);
+      _this25 = _super14.call(this);
+      _this25.options = undefined;
+      _this25.parsed = undefined;
+      _this25.skip = undefined;
+      _this25.stop = undefined;
+      if (cfg) {
+        Object.assign(_assertThisInitialized$w(_this25), cfg);
+      }
+      return _this25;
+    }
+    _createClass$x(PointElement, [{
+      key: "inRange",
+      value: function inRange(mouseX, mouseY, useFinalPosition) {
+        var options = this.options;
+        var _this$getProps4 = this.getProps(['x', 'y'], useFinalPosition),
+          x = _this$getProps4.x,
+          y = _this$getProps4.y;
+        return Math.pow(mouseX - x, 2) + Math.pow(mouseY - y, 2) < Math.pow(options.hitRadius + options.radius, 2);
       }
     }, {
-      key: "update",
-      value: function update(changed, replay) {
-        var me = this;
-        var options = me.options.setContext(me.getContext());
-        var active = me._active;
-        var properties;
-        var tooltipItems = [];
-
-        if (!active.length) {
-          if (me.opacity !== 0) {
-            properties = {
-              opacity: 0
-            };
-          }
-        } else {
-          var position = positioners[options.position].call(me, active, me._eventPosition);
-          tooltipItems = me._createItems(options);
-          me.title = me.getTitle(tooltipItems, options);
-          me.beforeBody = me.getBeforeBody(tooltipItems, options);
-          me.body = me.getBody(tooltipItems, options);
-          me.afterBody = me.getAfterBody(tooltipItems, options);
-          me.footer = me.getFooter(tooltipItems, options);
-          var size = me._size = getTooltipSize(me, options);
-          var positionAndSize = Object.assign({}, position, size);
-          var alignment = determineAlignment(me._chart, options, positionAndSize);
-          var backgroundPoint = getBackgroundPoint(options, positionAndSize, alignment, me._chart);
-          me.xAlign = alignment.xAlign;
-          me.yAlign = alignment.yAlign;
-          properties = {
-            opacity: 1,
-            x: backgroundPoint.x,
-            y: backgroundPoint.y,
-            width: size.width,
-            height: size.height,
-            caretX: position.x,
-            caretY: position.y
-          };
-        }
-
-        me._tooltipItems = tooltipItems;
-        me.$context = undefined;
-
-        if (properties) {
-          me._resolveAnimations().update(me, properties);
-        }
-
-        if (changed && options.external) {
-          options.external.call(me, {
-            chart: me._chart,
-            tooltip: me,
-            replay: replay
-          });
-        }
+      key: "inXRange",
+      value: function inXRange(mouseX, useFinalPosition) {
+        return inRange$1(this, mouseX, 'x', useFinalPosition);
       }
     }, {
-      key: "drawCaret",
-      value: function drawCaret(tooltipPoint, ctx, size, options) {
-        var caretPosition = this.getCaretPosition(tooltipPoint, size, options);
-        ctx.lineTo(caretPosition.x1, caretPosition.y1);
-        ctx.lineTo(caretPosition.x2, caretPosition.y2);
-        ctx.lineTo(caretPosition.x3, caretPosition.y3);
+      key: "inYRange",
+      value: function inYRange(mouseY, useFinalPosition) {
+        return inRange$1(this, mouseY, 'y', useFinalPosition);
       }
     }, {
-      key: "getCaretPosition",
-      value: function getCaretPosition(tooltipPoint, size, options) {
-        var xAlign = this.xAlign,
-            yAlign = this.yAlign;
-        var cornerRadius = options.cornerRadius,
-            caretSize = options.caretSize;
-        var ptX = tooltipPoint.x,
-            ptY = tooltipPoint.y;
-        var width = size.width,
-            height = size.height;
-        var x1, x2, x3, y1, y2, y3;
-
-        if (yAlign === 'center') {
-          y2 = ptY + height / 2;
-
-          if (xAlign === 'left') {
-            x1 = ptX;
-            x2 = x1 - caretSize;
-            y1 = y2 + caretSize;
-            y3 = y2 - caretSize;
-          } else {
-            x1 = ptX + width;
-            x2 = x1 + caretSize;
-            y1 = y2 - caretSize;
-            y3 = y2 + caretSize;
-          }
-
-          x3 = x1;
-        } else {
-          if (xAlign === 'left') {
-            x2 = ptX + cornerRadius + caretSize;
-          } else if (xAlign === 'right') {
-            x2 = ptX + width - cornerRadius - caretSize;
-          } else {
-            x2 = this.caretX;
-          }
-
-          if (yAlign === 'top') {
-            y1 = ptY;
-            y2 = y1 - caretSize;
-            x1 = x2 - caretSize;
-            x3 = x2 + caretSize;
-          } else {
-            y1 = ptY + height;
-            y2 = y1 + caretSize;
-            x1 = x2 + caretSize;
-            x3 = x2 - caretSize;
-          }
-
-          y3 = y1;
-        }
-
+      key: "getCenterPoint",
+      value: function getCenterPoint(useFinalPosition) {
+        var _this$getProps5 = this.getProps(['x', 'y'], useFinalPosition),
+          x = _this$getProps5.x,
+          y = _this$getProps5.y;
         return {
-          x1: x1,
-          x2: x2,
-          x3: x3,
-          y1: y1,
-          y2: y2,
-          y3: y3
+          x: x,
+          y: y
         };
       }
     }, {
-      key: "drawTitle",
-      value: function drawTitle(pt, ctx, options) {
-        var me = this;
-        var title = me.title;
-        var length = title.length;
-        var titleFont, titleSpacing, i;
-
-        if (length) {
-          var rtlHelper = getRtlAdapter(options.rtl, me.x, me.width);
-          pt.x = getAlignedX(me, options.titleAlign, options);
-          ctx.textAlign = rtlHelper.textAlign(options.titleAlign);
-          ctx.textBaseline = 'middle';
-          titleFont = toFont(options.titleFont);
-          titleSpacing = options.titleSpacing;
-          ctx.fillStyle = options.titleColor;
-          ctx.font = titleFont.string;
-
-          for (i = 0; i < length; ++i) {
-            ctx.fillText(title[i], rtlHelper.x(pt.x), pt.y + titleFont.lineHeight / 2);
-            pt.y += titleFont.lineHeight + titleSpacing;
-
-            if (i + 1 === length) {
-              pt.y += options.titleMarginBottom - titleSpacing;
-            }
-          }
-        }
-      }
-    }, {
-      key: "_drawColorBox",
-      value: function _drawColorBox(ctx, pt, i, rtlHelper, options) {
-        var me = this;
-        var labelColors = me.labelColors[i];
-        var labelPointStyle = me.labelPointStyles[i];
-        var boxHeight = options.boxHeight,
-            boxWidth = options.boxWidth;
-        var bodyFont = toFont(options.bodyFont);
-        var colorX = getAlignedX(me, 'left', options);
-        var rtlColorX = rtlHelper.x(colorX);
-        var yOffSet = boxHeight < bodyFont.lineHeight ? (bodyFont.lineHeight - boxHeight) / 2 : 0;
-        var colorY = pt.y + yOffSet;
-
-        if (options.usePointStyle) {
-          var drawOptions = {
-            radius: Math.min(boxWidth, boxHeight) / 2,
-            pointStyle: labelPointStyle.pointStyle,
-            rotation: labelPointStyle.rotation,
-            borderWidth: 1
-          };
-          var centerX = rtlHelper.leftForLtr(rtlColorX, boxWidth) + boxWidth / 2;
-          var centerY = colorY + boxHeight / 2;
-          ctx.strokeStyle = options.multiKeyBackground;
-          ctx.fillStyle = options.multiKeyBackground;
-          drawPoint(ctx, drawOptions, centerX, centerY);
-          ctx.strokeStyle = labelColors.borderColor;
-          ctx.fillStyle = labelColors.backgroundColor;
-          drawPoint(ctx, drawOptions, centerX, centerY);
-        } else {
-          ctx.fillStyle = options.multiKeyBackground;
-          ctx.fillRect(rtlHelper.leftForLtr(rtlColorX, boxWidth), colorY, boxWidth, boxHeight);
-          ctx.lineWidth = 1;
-          ctx.strokeStyle = labelColors.borderColor;
-          ctx.strokeRect(rtlHelper.leftForLtr(rtlColorX, boxWidth), colorY, boxWidth, boxHeight);
-          ctx.fillStyle = labelColors.backgroundColor;
-          ctx.fillRect(rtlHelper.leftForLtr(rtlHelper.xPlus(rtlColorX, 1), boxWidth - 2), colorY + 1, boxWidth - 2, boxHeight - 2);
-        }
-
-        ctx.fillStyle = me.labelTextColors[i];
-      }
-    }, {
-      key: "drawBody",
-      value: function drawBody(pt, ctx, options) {
-        var me = this;
-        var body = me.body;
-        var bodySpacing = options.bodySpacing,
-            bodyAlign = options.bodyAlign,
-            displayColors = options.displayColors,
-            boxHeight = options.boxHeight,
-            boxWidth = options.boxWidth;
-        var bodyFont = toFont(options.bodyFont);
-        var bodyLineHeight = bodyFont.lineHeight;
-        var xLinePadding = 0;
-        var rtlHelper = getRtlAdapter(options.rtl, me.x, me.width);
-
-        var fillLineOfText = function fillLineOfText(line) {
-          ctx.fillText(line, rtlHelper.x(pt.x + xLinePadding), pt.y + bodyLineHeight / 2);
-          pt.y += bodyLineHeight + bodySpacing;
-        };
-
-        var bodyAlignForCalculation = rtlHelper.textAlign(bodyAlign);
-        var bodyItem, textColor, lines, i, j, ilen, jlen;
-        ctx.textAlign = bodyAlign;
-        ctx.textBaseline = 'middle';
-        ctx.font = bodyFont.string;
-        pt.x = getAlignedX(me, bodyAlignForCalculation, options);
-        ctx.fillStyle = options.bodyColor;
-        each(me.beforeBody, fillLineOfText);
-        xLinePadding = displayColors && bodyAlignForCalculation !== 'right' ? bodyAlign === 'center' ? boxWidth / 2 + 1 : boxWidth + 2 : 0;
-
-        for (i = 0, ilen = body.length; i < ilen; ++i) {
-          bodyItem = body[i];
-          textColor = me.labelTextColors[i];
-          ctx.fillStyle = textColor;
-          each(bodyItem.before, fillLineOfText);
-          lines = bodyItem.lines;
-
-          if (displayColors && lines.length) {
-            me._drawColorBox(ctx, pt, i, rtlHelper, options);
-
-            bodyLineHeight = Math.max(bodyFont.lineHeight, boxHeight);
-          }
-
-          for (j = 0, jlen = lines.length; j < jlen; ++j) {
-            fillLineOfText(lines[j]);
-            bodyLineHeight = bodyFont.lineHeight;
-          }
-
-          each(bodyItem.after, fillLineOfText);
-        }
-
-        xLinePadding = 0;
-        bodyLineHeight = bodyFont.lineHeight;
-        each(me.afterBody, fillLineOfText);
-        pt.y -= bodySpacing;
-      }
-    }, {
-      key: "drawFooter",
-      value: function drawFooter(pt, ctx, options) {
-        var me = this;
-        var footer = me.footer;
-        var length = footer.length;
-        var footerFont, i;
-
-        if (length) {
-          var rtlHelper = getRtlAdapter(options.rtl, me.x, me.width);
-          pt.x = getAlignedX(me, options.footerAlign, options);
-          pt.y += options.footerMarginTop;
-          ctx.textAlign = rtlHelper.textAlign(options.footerAlign);
-          ctx.textBaseline = 'middle';
-          footerFont = toFont(options.footerFont);
-          ctx.fillStyle = options.footerColor;
-          ctx.font = footerFont.string;
-
-          for (i = 0; i < length; ++i) {
-            ctx.fillText(footer[i], rtlHelper.x(pt.x), pt.y + footerFont.lineHeight / 2);
-            pt.y += footerFont.lineHeight + options.footerSpacing;
-          }
-        }
-      }
-    }, {
-      key: "drawBackground",
-      value: function drawBackground(pt, ctx, tooltipSize, options) {
-        var xAlign = this.xAlign,
-            yAlign = this.yAlign;
-        var x = pt.x,
-            y = pt.y;
-        var width = tooltipSize.width,
-            height = tooltipSize.height;
-        var radius = options.cornerRadius;
-        ctx.fillStyle = options.backgroundColor;
-        ctx.strokeStyle = options.borderColor;
-        ctx.lineWidth = options.borderWidth;
-        ctx.beginPath();
-        ctx.moveTo(x + radius, y);
-
-        if (yAlign === 'top') {
-          this.drawCaret(pt, ctx, tooltipSize, options);
-        }
-
-        ctx.lineTo(x + width - radius, y);
-        ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
-
-        if (yAlign === 'center' && xAlign === 'right') {
-          this.drawCaret(pt, ctx, tooltipSize, options);
-        }
-
-        ctx.lineTo(x + width, y + height - radius);
-        ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
-
-        if (yAlign === 'bottom') {
-          this.drawCaret(pt, ctx, tooltipSize, options);
-        }
-
-        ctx.lineTo(x + radius, y + height);
-        ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
-
-        if (yAlign === 'center' && xAlign === 'left') {
-          this.drawCaret(pt, ctx, tooltipSize, options);
-        }
-
-        ctx.lineTo(x, y + radius);
-        ctx.quadraticCurveTo(x, y, x + radius, y);
-        ctx.closePath();
-        ctx.fill();
-
-        if (options.borderWidth > 0) {
-          ctx.stroke();
-        }
-      }
-    }, {
-      key: "_updateAnimationTarget",
-      value: function _updateAnimationTarget(options) {
-        var me = this;
-        var chart = me._chart;
-        var anims = me.$animations;
-        var animX = anims && anims.x;
-        var animY = anims && anims.y;
-
-        if (animX || animY) {
-          var position = positioners[options.position].call(me, me._active, me._eventPosition);
-
-          if (!position) {
-            return;
-          }
-
-          var size = me._size = getTooltipSize(me, options);
-          var positionAndSize = Object.assign({}, position, me._size);
-          var alignment = determineAlignment(chart, options, positionAndSize);
-          var point = getBackgroundPoint(options, positionAndSize, alignment, chart);
-
-          if (animX._to !== point.x || animY._to !== point.y) {
-            me.xAlign = alignment.xAlign;
-            me.yAlign = alignment.yAlign;
-            me.width = size.width;
-            me.height = size.height;
-            me.caretX = position.x;
-            me.caretY = position.y;
-
-            me._resolveAnimations().update(me, point);
-          }
-        }
+      key: "size",
+      value: function size(options) {
+        options = options || this.options || {};
+        var radius = options.radius || 0;
+        radius = Math.max(radius, radius && options.hoverRadius || 0);
+        var borderWidth = radius && options.borderWidth || 0;
+        return (radius + borderWidth) * 2;
       }
     }, {
       key: "draw",
-      value: function draw(ctx) {
-        var me = this;
-        var options = me.options.setContext(me.getContext());
-        var opacity = me.opacity;
-
-        if (!opacity) {
+      value: function draw(ctx, area) {
+        var options = this.options;
+        if (this.skip || options.radius < 0.1 || !_isPointInArea(this, area, this.size(options) / 2)) {
           return;
         }
-
-        me._updateAnimationTarget(options);
-
-        var tooltipSize = {
-          width: me.width,
-          height: me.height
-        };
-        var pt = {
-          x: me.x,
-          y: me.y
-        };
-        opacity = Math.abs(opacity) < 1e-3 ? 0 : opacity;
-        var padding = toPadding(options.padding);
-        var hasTooltipContent = me.title.length || me.beforeBody.length || me.body.length || me.afterBody.length || me.footer.length;
-
-        if (options.enabled && hasTooltipContent) {
-          ctx.save();
-          ctx.globalAlpha = opacity;
-          me.drawBackground(pt, ctx, tooltipSize, options);
-          overrideTextDirection(ctx, options.textDirection);
-          pt.y += padding.top;
-          me.drawTitle(pt, ctx, options);
-          me.drawBody(pt, ctx, options);
-          me.drawFooter(pt, ctx, options);
-          restoreTextDirection(ctx, options.textDirection);
-          ctx.restore();
-        }
-      }
-    }, {
-      key: "getActiveElements",
-      value: function getActiveElements() {
-        return this._active || [];
-      }
-    }, {
-      key: "setActiveElements",
-      value: function setActiveElements(activeElements, eventPosition) {
-        var me = this;
-        var lastActive = me._active;
-        var active = activeElements.map(function (_ref7) {
-          var datasetIndex = _ref7.datasetIndex,
-              index = _ref7.index;
-
-          var meta = me._chart.getDatasetMeta(datasetIndex);
-
-          if (!meta) {
-            throw new Error('Cannot find a dataset at index ' + datasetIndex);
-          }
-
-          return {
-            datasetIndex: datasetIndex,
-            element: meta.data[index],
-            index: index
-          };
-        });
-        var changed = !_elementsEqual(lastActive, active);
-
-        var positionChanged = me._positionChanged(active, eventPosition);
-
-        if (changed || positionChanged) {
-          me._active = active;
-          me._eventPosition = eventPosition;
-          me.update(true);
-        }
-      }
-    }, {
-      key: "handleEvent",
-      value: function handleEvent(e, replay) {
-        var me = this;
-        var options = me.options;
-        var lastActive = me._active || [];
-        var changed = false;
-        var active = [];
-
-        if (e.type !== 'mouseout') {
-          active = me._chart.getElementsAtEventForMode(e, options.mode, options, replay);
-
-          if (options.reverse) {
-            active.reverse();
-          }
-        }
-
-        var positionChanged = me._positionChanged(active, e);
-
-        changed = replay || !_elementsEqual(active, lastActive) || positionChanged;
-
-        if (changed) {
-          me._active = active;
-
-          if (options.enabled || options.external) {
-            me._eventPosition = {
-              x: e.x,
-              y: e.y
-            };
-            me.update(true, replay);
-          }
-        }
-
-        return changed;
+        ctx.strokeStyle = options.borderColor;
+        ctx.lineWidth = options.borderWidth;
+        ctx.fillStyle = options.backgroundColor;
+        drawPoint(ctx, options, this.x, this.y);
       }
     }, {
-      key: "_positionChanged",
-      value: function _positionChanged(active, e) {
-        var me = this;
-        var position = positioners[me.options.position].call(me, active, e);
-        return me.caretX !== position.x || me.caretY !== position.y;
+      key: "getRange",
+      value: function getRange() {
+        var options = this.options || {};
+        // @ts-expect-error Fallbacks should never be hit in practice
+        return options.radius + options.hitRadius;
       }
     }]);
-
-    return Tooltip;
+    return PointElement;
   }(Element);
-
-  Tooltip.positioners = positioners;
-  var plugin_tooltip = {
-    id: 'tooltip',
-    _element: Tooltip,
-    positioners: positioners,
-    afterInit: function afterInit(chart, _args, options) {
-      if (options) {
-        chart.tooltip = new Tooltip({
-          _chart: chart,
-          options: options
-        });
+  _defineProperty$w(PointElement, "id", 'point');
+  _defineProperty$w(PointElement, "defaults", {
+    borderWidth: 1,
+    hitRadius: 1,
+    hoverBorderWidth: 1,
+    hoverRadius: 4,
+    pointStyle: 'circle',
+    radius: 3,
+    rotation: 0
+  });
+  _defineProperty$w(PointElement, "defaultRoutes", {
+    backgroundColor: 'backgroundColor',
+    borderColor: 'borderColor'
+  });
+  function getBarBounds(bar, useFinalPosition) {
+    var _bar$getProps = bar.getProps(['x', 'y', 'base', 'width', 'height'], useFinalPosition),
+      x = _bar$getProps.x,
+      y = _bar$getProps.y,
+      base = _bar$getProps.base,
+      width = _bar$getProps.width,
+      height = _bar$getProps.height;
+    var left, right, top, bottom, half;
+    if (bar.horizontal) {
+      half = height / 2;
+      left = Math.min(x, base);
+      right = Math.max(x, base);
+      top = y - half;
+      bottom = y + half;
+    } else {
+      half = width / 2;
+      left = x - half;
+      right = x + half;
+      top = Math.min(y, base);
+      bottom = Math.max(y, base);
+    }
+    return {
+      left: left,
+      top: top,
+      right: right,
+      bottom: bottom
+    };
+  }
+  function skipOrLimit(skip, value, min, max) {
+    return skip ? 0 : _limitValue(value, min, max);
+  }
+  function parseBorderWidth(bar, maxW, maxH) {
+    var value = bar.options.borderWidth;
+    var skip = bar.borderSkipped;
+    var o = toTRBL(value);
+    return {
+      t: skipOrLimit(skip.top, o.top, 0, maxH),
+      r: skipOrLimit(skip.right, o.right, 0, maxW),
+      b: skipOrLimit(skip.bottom, o.bottom, 0, maxH),
+      l: skipOrLimit(skip.left, o.left, 0, maxW)
+    };
+  }
+  function parseBorderRadius(bar, maxW, maxH) {
+    var _bar$getProps2 = bar.getProps(['enableBorderRadius']),
+      enableBorderRadius = _bar$getProps2.enableBorderRadius;
+    var value = bar.options.borderRadius;
+    var o = toTRBLCorners(value);
+    var maxR = Math.min(maxW, maxH);
+    var skip = bar.borderSkipped;
+    var enableBorder = enableBorderRadius || isObject(value);
+    return {
+      topLeft: skipOrLimit(!enableBorder || skip.top || skip.left, o.topLeft, 0, maxR),
+      topRight: skipOrLimit(!enableBorder || skip.top || skip.right, o.topRight, 0, maxR),
+      bottomLeft: skipOrLimit(!enableBorder || skip.bottom || skip.left, o.bottomLeft, 0, maxR),
+      bottomRight: skipOrLimit(!enableBorder || skip.bottom || skip.right, o.bottomRight, 0, maxR)
+    };
+  }
+  function boundingRects(bar) {
+    var bounds = getBarBounds(bar);
+    var width = bounds.right - bounds.left;
+    var height = bounds.bottom - bounds.top;
+    var border = parseBorderWidth(bar, width / 2, height / 2);
+    var radius = parseBorderRadius(bar, width / 2, height / 2);
+    return {
+      outer: {
+        x: bounds.left,
+        y: bounds.top,
+        w: width,
+        h: height,
+        radius: radius
+      },
+      inner: {
+        x: bounds.left + border.l,
+        y: bounds.top + border.t,
+        w: width - border.l - border.r,
+        h: height - border.t - border.b,
+        radius: {
+          topLeft: Math.max(0, radius.topLeft - Math.max(border.t, border.l)),
+          topRight: Math.max(0, radius.topRight - Math.max(border.t, border.r)),
+          bottomLeft: Math.max(0, radius.bottomLeft - Math.max(border.b, border.l)),
+          bottomRight: Math.max(0, radius.bottomRight - Math.max(border.b, border.r))
+        }
       }
-    },
-    beforeUpdate: function beforeUpdate(chart, _args, options) {
-      if (chart.tooltip) {
-        chart.tooltip.initialize(options);
+    };
+  }
+  function _inRange(bar, x, y, useFinalPosition) {
+    var skipX = x === null;
+    var skipY = y === null;
+    var skipBoth = skipX && skipY;
+    var bounds = bar && !skipBoth && getBarBounds(bar, useFinalPosition);
+    return bounds && (skipX || _isBetween(x, bounds.left, bounds.right)) && (skipY || _isBetween(y, bounds.top, bounds.bottom));
+  }
+  function hasRadius(radius) {
+    return radius.topLeft || radius.topRight || radius.bottomLeft || radius.bottomRight;
+  }
+  function addNormalRectPath(ctx, rect) {
+    ctx.rect(rect.x, rect.y, rect.w, rect.h);
+  }
+  function inflateRect(rect, amount) {
+    var refRect = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var x = rect.x !== refRect.x ? -amount : 0;
+    var y = rect.y !== refRect.y ? -amount : 0;
+    var w = (rect.x + rect.w !== refRect.x + refRect.w ? amount : 0) - x;
+    var h = (rect.y + rect.h !== refRect.y + refRect.h ? amount : 0) - y;
+    return {
+      x: rect.x + x,
+      y: rect.y + y,
+      w: rect.w + w,
+      h: rect.h + h,
+      radius: rect.radius
+    };
+  }
+  var BarElement = /*#__PURE__*/function (_Element5) {
+    _inherits$w(BarElement, _Element5);
+    var _super15 = _createSuper$w(BarElement);
+    function BarElement(cfg) {
+      var _this26;
+      _classCallCheck$x(this, BarElement);
+      _this26 = _super15.call(this);
+      _this26.options = undefined;
+      _this26.horizontal = undefined;
+      _this26.base = undefined;
+      _this26.width = undefined;
+      _this26.height = undefined;
+      _this26.inflateAmount = undefined;
+      if (cfg) {
+        Object.assign(_assertThisInitialized$w(_this26), cfg);
       }
-    },
-    reset: function reset(chart, _args, options) {
-      if (chart.tooltip) {
-        chart.tooltip.initialize(options);
+      return _this26;
+    }
+    _createClass$x(BarElement, [{
+      key: "draw",
+      value: function draw(ctx) {
+        var inflateAmount = this.inflateAmount,
+          _this$options14 = this.options,
+          borderColor = _this$options14.borderColor,
+          backgroundColor = _this$options14.backgroundColor;
+        var _boundingRects = boundingRects(this),
+          inner = _boundingRects.inner,
+          outer = _boundingRects.outer;
+        var addRectPath = hasRadius(outer.radius) ? addRoundedRectPath : addNormalRectPath;
+        ctx.save();
+        if (outer.w !== inner.w || outer.h !== inner.h) {
+          ctx.beginPath();
+          addRectPath(ctx, inflateRect(outer, inflateAmount, inner));
+          ctx.clip();
+          addRectPath(ctx, inflateRect(inner, -inflateAmount, outer));
+          ctx.fillStyle = borderColor;
+          ctx.fill('evenodd');
+        }
+        ctx.beginPath();
+        addRectPath(ctx, inflateRect(inner, inflateAmount));
+        ctx.fillStyle = backgroundColor;
+        ctx.fill();
+        ctx.restore();
+      }
+    }, {
+      key: "inRange",
+      value: function inRange(mouseX, mouseY, useFinalPosition) {
+        return _inRange(this, mouseX, mouseY, useFinalPosition);
+      }
+    }, {
+      key: "inXRange",
+      value: function inXRange(mouseX, useFinalPosition) {
+        return _inRange(this, mouseX, null, useFinalPosition);
+      }
+    }, {
+      key: "inYRange",
+      value: function inYRange(mouseY, useFinalPosition) {
+        return _inRange(this, null, mouseY, useFinalPosition);
+      }
+    }, {
+      key: "getCenterPoint",
+      value: function getCenterPoint(useFinalPosition) {
+        var _this$getProps6 = this.getProps(['x', 'y', 'base', 'horizontal'], useFinalPosition),
+          x = _this$getProps6.x,
+          y = _this$getProps6.y,
+          base = _this$getProps6.base,
+          horizontal = _this$getProps6.horizontal;
+        return {
+          x: horizontal ? (x + base) / 2 : x,
+          y: horizontal ? y : (y + base) / 2
+        };
+      }
+    }, {
+      key: "getRange",
+      value: function getRange(axis) {
+        return axis === 'x' ? this.width / 2 : this.height / 2;
+      }
+    }]);
+    return BarElement;
+  }(Element);
+  _defineProperty$w(BarElement, "id", 'bar');
+  _defineProperty$w(BarElement, "defaults", {
+    borderSkipped: 'start',
+    borderWidth: 0,
+    borderRadius: 0,
+    inflateAmount: 'auto',
+    pointStyle: undefined
+  });
+  _defineProperty$w(BarElement, "defaultRoutes", {
+    backgroundColor: 'backgroundColor',
+    borderColor: 'borderColor'
+  });
+  var elements = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ArcElement: ArcElement,
+    LineElement: LineElement,
+    PointElement: PointElement,
+    BarElement: BarElement
+  });
+  var BORDER_COLORS = ['rgb(54, 162, 235)', 'rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)', 'rgb(153, 102, 255)', 'rgb(201, 203, 207)' // grey
+  ];
+  // Border colors with 50% transparency
+  var BACKGROUND_COLORS = /* #__PURE__ */BORDER_COLORS.map(function (color) {
+    return color.replace('rgb(', 'rgba(').replace(')', ', 0.5)');
+  });
+  function getBorderColor(i) {
+    return BORDER_COLORS[i % BORDER_COLORS.length];
+  }
+  function getBackgroundColor(i) {
+    return BACKGROUND_COLORS[i % BACKGROUND_COLORS.length];
+  }
+  function colorizeDefaultDataset(dataset, i) {
+    dataset.borderColor = getBorderColor(i);
+    dataset.backgroundColor = getBackgroundColor(i);
+    return ++i;
+  }
+  function colorizeDoughnutDataset(dataset, i) {
+    dataset.backgroundColor = dataset.data.map(function () {
+      return getBorderColor(i++);
+    });
+    return i;
+  }
+  function colorizePolarAreaDataset(dataset, i) {
+    dataset.backgroundColor = dataset.data.map(function () {
+      return getBackgroundColor(i++);
+    });
+    return i;
+  }
+  function getColorizer(chart) {
+    var i = 0;
+    return function (dataset, datasetIndex) {
+      var controller = chart.getDatasetMeta(datasetIndex).controller;
+      if (controller instanceof DoughnutController) {
+        i = colorizeDoughnutDataset(dataset, i);
+      } else if (controller instanceof PolarAreaController) {
+        i = colorizePolarAreaDataset(dataset, i);
+      } else if (controller) {
+        i = colorizeDefaultDataset(dataset, i);
+      }
+    };
+  }
+  function containsColorsDefinitions(descriptors) {
+    var k;
+    for (k in descriptors) {
+      if (descriptors[k].borderColor || descriptors[k].backgroundColor) {
+        return true;
       }
+    }
+    return false;
+  }
+  function containsColorsDefinition(descriptor) {
+    return descriptor && (descriptor.borderColor || descriptor.backgroundColor);
+  }
+  var plugin_colors = {
+    id: 'colors',
+    defaults: {
+      enabled: true,
+      forceOverride: false
     },
-    afterDraw: function afterDraw(chart) {
-      var tooltip = chart.tooltip;
-      var args = {
-        tooltip: tooltip
-      };
-
-      if (chart.notifyPlugins('beforeTooltipDraw', args) === false) {
+    beforeLayout: function beforeLayout(chart, _args, options) {
+      if (!options.enabled) {
         return;
       }
-
-      if (tooltip) {
-        tooltip.draw(chart.ctx);
+      var _chart$config = chart.config,
+        datasets = _chart$config.data.datasets,
+        chartOptions = _chart$config.options;
+      var elements = chartOptions.elements;
+      if (!options.forceOverride && (containsColorsDefinitions(datasets) || containsColorsDefinition(chartOptions) || elements && containsColorsDefinitions(elements))) {
+        return;
       }
-
-      chart.notifyPlugins('afterTooltipDraw', args);
-    },
-    afterEvent: function afterEvent(chart, args) {
-      if (chart.tooltip) {
-        var useFinalPosition = args.replay;
-
-        if (chart.tooltip.handleEvent(args.event, useFinalPosition)) {
-          args.changed = true;
+      var colorizer = getColorizer(chart);
+      datasets.forEach(colorizer);
+    }
+  };
+  function lttbDecimation(data, start, count, availableWidth, options) {
+    var samples = options.samples || availableWidth;
+    if (samples >= count) {
+      return data.slice(start, start + count);
+    }
+    var decimated = [];
+    var bucketWidth = (count - 2) / (samples - 2);
+    var sampledIndex = 0;
+    var endIndex = start + count - 1;
+    var a = start;
+    var i, maxAreaPoint, maxArea, area, nextA;
+    decimated[sampledIndex++] = data[a];
+    for (i = 0; i < samples - 2; i++) {
+      var avgX = 0;
+      var avgY = 0;
+      var j = void 0;
+      var avgRangeStart = Math.floor((i + 1) * bucketWidth) + 1 + start;
+      var avgRangeEnd = Math.min(Math.floor((i + 2) * bucketWidth) + 1, count) + start;
+      var avgRangeLength = avgRangeEnd - avgRangeStart;
+      for (j = avgRangeStart; j < avgRangeEnd; j++) {
+        avgX += data[j].x;
+        avgY += data[j].y;
+      }
+      avgX /= avgRangeLength;
+      avgY /= avgRangeLength;
+      var rangeOffs = Math.floor(i * bucketWidth) + 1 + start;
+      var rangeTo = Math.min(Math.floor((i + 1) * bucketWidth) + 1, count) + start;
+      var _data$a = data[a],
+        pointAx = _data$a.x,
+        pointAy = _data$a.y;
+      maxArea = area = -1;
+      for (j = rangeOffs; j < rangeTo; j++) {
+        area = 0.5 * Math.abs((pointAx - avgX) * (data[j].y - pointAy) - (pointAx - data[j].x) * (avgY - pointAy));
+        if (area > maxArea) {
+          maxArea = area;
+          maxAreaPoint = data[j];
+          nextA = j;
         }
       }
-    },
-    defaults: {
-      enabled: true,
-      external: null,
-      position: 'average',
-      backgroundColor: 'rgba(0,0,0,0.8)',
-      titleColor: '#fff',
-      titleFont: {
-        style: 'bold'
-      },
-      titleSpacing: 2,
-      titleMarginBottom: 6,
-      titleAlign: 'left',
-      bodyColor: '#fff',
-      bodySpacing: 2,
-      bodyFont: {},
-      bodyAlign: 'left',
-      footerColor: '#fff',
-      footerSpacing: 2,
-      footerMarginTop: 6,
-      footerFont: {
-        style: 'bold'
-      },
-      footerAlign: 'left',
-      padding: 6,
-      caretPadding: 2,
-      caretSize: 5,
-      cornerRadius: 6,
-      boxHeight: function boxHeight(ctx, opts) {
-        return opts.bodyFont.size;
-      },
-      boxWidth: function boxWidth(ctx, opts) {
-        return opts.bodyFont.size;
-      },
-      multiKeyBackground: '#fff',
-      displayColors: true,
-      borderColor: 'rgba(0,0,0,0)',
-      borderWidth: 0,
-      animation: {
-        duration: 400,
-        easing: 'easeOutQuart'
-      },
-      animations: {
-        numbers: {
-          type: 'number',
-          properties: ['x', 'y', 'width', 'height', 'caretX', 'caretY']
-        },
-        opacity: {
-          easing: 'linear',
-          duration: 200
+      decimated[sampledIndex++] = maxAreaPoint;
+      a = nextA;
+    }
+    decimated[sampledIndex++] = data[endIndex];
+    return decimated;
+  }
+  function minMaxDecimation(data, start, count, availableWidth) {
+    var avgX = 0;
+    var countX = 0;
+    var i, point, x, y, prevX, minIndex, maxIndex, startIndex, minY, maxY;
+    var decimated = [];
+    var endIndex = start + count - 1;
+    var xMin = data[start].x;
+    var xMax = data[endIndex].x;
+    var dx = xMax - xMin;
+    for (i = start; i < start + count; ++i) {
+      point = data[i];
+      x = (point.x - xMin) / dx * availableWidth;
+      y = point.y;
+      var truncX = x | 0;
+      if (truncX === prevX) {
+        if (y < minY) {
+          minY = y;
+          minIndex = i;
+        } else if (y > maxY) {
+          maxY = y;
+          maxIndex = i;
         }
-      },
-      callbacks: {
-        beforeTitle: noop,
-        title: function title(tooltipItems) {
-          if (tooltipItems.length > 0) {
-            var item = tooltipItems[0];
-            var labels = item.chart.data.labels;
-            var labelCount = labels ? labels.length : 0;
-
-            if (this && this.options && this.options.mode === 'dataset') {
-              return item.dataset.label || '';
-            } else if (item.label) {
-              return item.label;
-            } else if (labelCount > 0 && item.dataIndex < labelCount) {
-              return labels[item.dataIndex];
-            }
-          }
-
-          return '';
-        },
-        afterTitle: noop,
-        beforeBody: noop,
-        beforeLabel: noop,
-        label: function label(tooltipItem) {
-          if (this && this.options && this.options.mode === 'dataset') {
-            return tooltipItem.label + ': ' + tooltipItem.formattedValue || tooltipItem.formattedValue;
-          }
-
-          var label = tooltipItem.dataset.label || '';
-
-          if (label) {
-            label += ': ';
+        avgX = (countX * avgX + point.x) / ++countX;
+      } else {
+        var lastIndex = i - 1;
+        if (!isNullOrUndef(minIndex) && !isNullOrUndef(maxIndex)) {
+          var intermediateIndex1 = Math.min(minIndex, maxIndex);
+          var intermediateIndex2 = Math.max(minIndex, maxIndex);
+          if (intermediateIndex1 !== startIndex && intermediateIndex1 !== lastIndex) {
+            decimated.push(_objectSpread2(_objectSpread2({}, data[intermediateIndex1]), {}, {
+              x: avgX
+            }));
           }
-
-          var value = tooltipItem.formattedValue;
-
-          if (!isNullOrUndef(value)) {
-            label += value;
+          if (intermediateIndex2 !== startIndex && intermediateIndex2 !== lastIndex) {
+            decimated.push(_objectSpread2(_objectSpread2({}, data[intermediateIndex2]), {}, {
+              x: avgX
+            }));
           }
-
-          return label;
-        },
-        labelColor: function labelColor(tooltipItem) {
-          var meta = tooltipItem.chart.getDatasetMeta(tooltipItem.datasetIndex);
-          var options = meta.controller.getStyle(tooltipItem.dataIndex);
-          return {
-            borderColor: options.borderColor,
-            backgroundColor: options.backgroundColor
-          };
-        },
-        labelTextColor: function labelTextColor() {
-          return this.options.bodyColor;
-        },
-        labelPointStyle: function labelPointStyle(tooltipItem) {
-          var meta = tooltipItem.chart.getDatasetMeta(tooltipItem.datasetIndex);
-          var options = meta.controller.getStyle(tooltipItem.dataIndex);
-          return {
-            pointStyle: options.pointStyle,
-            rotation: options.rotation
-          };
-        },
-        afterLabel: noop,
-        afterBody: noop,
-        beforeFooter: noop,
-        footer: noop,
-        afterFooter: noop
-      }
-    },
-    defaultRoutes: {
-      bodyFont: 'font',
-      footerFont: 'font',
-      titleFont: 'font'
-    },
-    descriptors: {
-      _scriptable: function _scriptable(name) {
-        return name !== 'filter' && name !== 'itemSort' && name !== 'external';
-      },
-      _indexable: false,
-      callbacks: {
-        _scriptable: false,
-        _indexable: false
-      },
-      animation: {
-        _fallback: false
-      },
-      animations: {
-        _fallback: 'animation'
+        }
+        if (i > 0 && lastIndex !== startIndex) {
+          decimated.push(data[lastIndex]);
+        }
+        decimated.push(point);
+        prevX = truncX;
+        countX = 0;
+        minY = maxY = y;
+        minIndex = maxIndex = startIndex = i;
       }
-    },
-    additionalOptionScopes: ['interaction']
-  };
-  var plugins = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Decimation: plugin_decimation,
-    Filler: plugin_filler,
-    Legend: plugin_legend,
-    Title: plugin_title,
-    Tooltip: plugin_tooltip
-  });
-
-  var addIfString = function addIfString(labels, raw, index) {
-    return typeof raw === 'string' ? labels.push(raw) - 1 : isNaN(raw) ? null : index;
-  };
-
-  function findOrAddLabel(labels, raw, index) {
-    var first = labels.indexOf(raw);
-
-    if (first === -1) {
-      return addIfString(labels, raw, index);
     }
-
-    var last = labels.lastIndexOf(raw);
-    return first !== last ? index : first;
+    return decimated;
   }
-
-  var validIndex = function validIndex(index, max) {
-    return index === null ? null : _limitValue(Math.round(index), 0, max);
-  };
-
-  var CategoryScale = /*#__PURE__*/function (_Scale) {
-    _inherits(CategoryScale, _Scale);
-
-    var _super19 = _createSuper(CategoryScale);
-
-    function CategoryScale(cfg) {
-      var _this13;
-
-      _classCallCheck(this, CategoryScale);
-
-      _this13 = _super19.call(this, cfg);
-      _this13._startValue = undefined;
-      _this13._valueRange = 0;
-      return _this13;
+  function cleanDecimatedDataset(dataset) {
+    if (dataset._decimated) {
+      var data = dataset._data;
+      delete dataset._decimated;
+      delete dataset._data;
+      Object.defineProperty(dataset, 'data', {
+        value: data
+      });
     }
-
-    _createClass(CategoryScale, [{
-      key: "parse",
-      value: function parse(raw, index) {
-        if (isNullOrUndef(raw)) {
-          return null;
-        }
-
-        var labels = this.getLabels();
-        index = isFinite(index) && labels[index] === raw ? index : findOrAddLabel(labels, raw, valueOrDefault(index, raw));
-        return validIndex(index, labels.length - 1);
-      }
-    }, {
-      key: "determineDataLimits",
-      value: function determineDataLimits() {
-        var me = this;
-
-        var _me$getUserBounds2 = me.getUserBounds(),
-            minDefined = _me$getUserBounds2.minDefined,
-            maxDefined = _me$getUserBounds2.maxDefined;
-
-        var _me$getMinMax = me.getMinMax(true),
-            min = _me$getMinMax.min,
-            max = _me$getMinMax.max;
-
-        if (me.options.bounds === 'ticks') {
-          if (!minDefined) {
-            min = 0;
-          }
-
-          if (!maxDefined) {
-            max = me.getLabels().length - 1;
-          }
-        }
-
-        me.min = min;
-        me.max = max;
+  }
+  function cleanDecimatedData(chart) {
+    chart.data.datasets.forEach(function (dataset) {
+      cleanDecimatedDataset(dataset);
+    });
+  }
+  function getStartAndCountOfVisiblePointsSimplified(meta, points) {
+    var pointCount = points.length;
+    var start = 0;
+    var count;
+    var iScale = meta.iScale;
+    var _iScale$getUserBounds = iScale.getUserBounds(),
+      min = _iScale$getUserBounds.min,
+      max = _iScale$getUserBounds.max,
+      minDefined = _iScale$getUserBounds.minDefined,
+      maxDefined = _iScale$getUserBounds.maxDefined;
+    if (minDefined) {
+      start = _limitValue(_lookupByKey(points, iScale.axis, min).lo, 0, pointCount - 1);
+    }
+    if (maxDefined) {
+      count = _limitValue(_lookupByKey(points, iScale.axis, max).hi + 1, start, pointCount) - start;
+    } else {
+      count = pointCount - start;
+    }
+    return {
+      start: start,
+      count: count
+    };
+  }
+  var plugin_decimation = {
+    id: 'decimation',
+    defaults: {
+      algorithm: 'min-max',
+      enabled: false
+    },
+    beforeElementsUpdate: function beforeElementsUpdate(chart, args, options) {
+      if (!options.enabled) {
+        cleanDecimatedData(chart);
+        return;
       }
-    }, {
-      key: "buildTicks",
-      value: function buildTicks() {
-        var me = this;
-        var min = me.min;
-        var max = me.max;
-        var offset = me.options.offset;
-        var ticks = [];
-        var labels = me.getLabels();
-        labels = min === 0 && max === labels.length - 1 ? labels : labels.slice(min, max + 1);
-        me._valueRange = Math.max(labels.length - (offset ? 0 : 1), 1);
-        me._startValue = me.min - (offset ? 0.5 : 0);
-
-        for (var value = min; value <= max; value++) {
-          ticks.push({
-            value: value
-          });
+      var availableWidth = chart.width;
+      chart.data.datasets.forEach(function (dataset, datasetIndex) {
+        var _data = dataset._data,
+          indexAxis = dataset.indexAxis;
+        var meta = chart.getDatasetMeta(datasetIndex);
+        var data = _data || dataset.data;
+        if (resolve([indexAxis, chart.options.indexAxis]) === 'y') {
+          return;
         }
-
-        return ticks;
-      }
-    }, {
-      key: "getLabelForValue",
-      value: function getLabelForValue(value) {
-        var me = this;
-        var labels = me.getLabels();
-
-        if (value >= 0 && value < labels.length) {
-          return labels[value];
+        if (!meta.controller.supportsDecimation) {
+          return;
         }
-
-        return value;
-      }
-    }, {
-      key: "configure",
-      value: function configure() {
-        var me = this;
-
-        _get(_getPrototypeOf(CategoryScale.prototype), "configure", this).call(this);
-
-        if (!me.isHorizontal()) {
-          me._reversePixels = !me._reversePixels;
+        var xAxis = chart.scales[meta.xAxisID];
+        if (xAxis.type !== 'linear' && xAxis.type !== 'time') {
+          return;
         }
-      }
-    }, {
-      key: "getPixelForValue",
-      value: function getPixelForValue(value) {
-        var me = this;
-
-        if (typeof value !== 'number') {
-          value = me.parse(value);
+        if (chart.options.parsing) {
+          return;
         }
-
-        return value === null ? NaN : me.getPixelForDecimal((value - me._startValue) / me._valueRange);
-      }
-    }, {
-      key: "getPixelForTick",
-      value: function getPixelForTick(index) {
-        var me = this;
-        var ticks = me.ticks;
-
-        if (index < 0 || index > ticks.length - 1) {
-          return null;
+        var _getStartAndCountOfVi3 = getStartAndCountOfVisiblePointsSimplified(meta, data),
+          start = _getStartAndCountOfVi3.start,
+          count = _getStartAndCountOfVi3.count;
+        var threshold = options.threshold || 4 * availableWidth;
+        if (count <= threshold) {
+          cleanDecimatedDataset(dataset);
+          return;
         }
-
-        return me.getPixelForValue(ticks[index].value);
-      }
-    }, {
-      key: "getValueForPixel",
-      value: function getValueForPixel(pixel) {
-        var me = this;
-        return Math.round(me._startValue + me.getDecimalForPixel(pixel) * me._valueRange);
-      }
-    }, {
-      key: "getBasePixel",
-      value: function getBasePixel() {
-        return this.bottom;
-      }
-    }]);
-
-    return CategoryScale;
-  }(Scale);
-
-  CategoryScale.id = 'category';
-  CategoryScale.defaults = {
-    ticks: {
-      callback: CategoryScale.prototype.getLabelForValue
+        if (isNullOrUndef(_data)) {
+          dataset._data = data;
+          delete dataset.data;
+          Object.defineProperty(dataset, 'data', {
+            configurable: true,
+            enumerable: true,
+            get: function get() {
+              return this._decimated;
+            },
+            set: function set(d) {
+              this._data = d;
+            }
+          });
+        }
+        var decimated;
+        switch (options.algorithm) {
+          case 'lttb':
+            decimated = lttbDecimation(data, start, count, availableWidth, options);
+            break;
+          case 'min-max':
+            decimated = minMaxDecimation(data, start, count, availableWidth);
+            break;
+          default:
+            throw new Error("Unsupported decimation algorithm '".concat(options.algorithm, "'"));
+        }
+        dataset._decimated = decimated;
+      });
+    },
+    destroy: function destroy(chart) {
+      cleanDecimatedData(chart);
     }
   };
-
-  function generateTicks$1(generationOptions, dataRange) {
-    var ticks = [];
-    var MIN_SPACING = 1e-14;
-    var step = generationOptions.step,
-        min = generationOptions.min,
-        max = generationOptions.max,
-        precision = generationOptions.precision,
-        count = generationOptions.count,
-        maxTicks = generationOptions.maxTicks;
-    var unit = step || 1;
-    var maxSpaces = maxTicks - 1;
-    var rmin = dataRange.min,
-        rmax = dataRange.max;
-    var minDefined = !isNullOrUndef(min);
-    var maxDefined = !isNullOrUndef(max);
-    var countDefined = !isNullOrUndef(count);
-    var spacing = niceNum((rmax - rmin) / maxSpaces / unit) * unit;
-    var factor, niceMin, niceMax, numSpaces;
-
-    if (spacing < MIN_SPACING && !minDefined && !maxDefined) {
-      return [{
-        value: rmin
-      }, {
-        value: rmax
-      }];
-    }
-
-    numSpaces = Math.ceil(rmax / spacing) - Math.floor(rmin / spacing);
-
-    if (numSpaces > maxSpaces) {
-      spacing = niceNum(numSpaces * spacing / maxSpaces / unit) * unit;
+  function _segments(line, target, property) {
+    var segments = line.segments;
+    var points = line.points;
+    var tpoints = target.points;
+    var parts = [];
+    var _iterator18 = _createForOfIteratorHelper$1(segments),
+      _step18;
+    try {
+      for (_iterator18.s(); !(_step18 = _iterator18.n()).done;) {
+        var segment = _step18.value;
+        var start = segment.start,
+          end = segment.end;
+        end = _findSegmentEnd(start, end, points);
+        var bounds = _getBounds(property, points[start], points[end], segment.loop);
+        if (!target.segments) {
+          parts.push({
+            source: segment,
+            target: bounds,
+            start: points[start],
+            end: points[end]
+          });
+          continue;
+        }
+        var targetSegments = _boundSegments(target, bounds);
+        var _iterator19 = _createForOfIteratorHelper$1(targetSegments),
+          _step19;
+        try {
+          for (_iterator19.s(); !(_step19 = _iterator19.n()).done;) {
+            var tgt = _step19.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;
+            try {
+              for (_iterator20.s(); !(_step20 = _iterator20.n()).done;) {
+                var fillSource = _step20.value;
+                parts.push({
+                  source: fillSource,
+                  target: tgt,
+                  start: _defineProperty$w({}, property, _getEdge(bounds, subBounds, 'start', Math.max)),
+                  end: _defineProperty$w({}, property, _getEdge(bounds, subBounds, 'end', Math.min))
+                });
+              }
+            } catch (err) {
+              _iterator20.e(err);
+            } finally {
+              _iterator20.f();
+            }
+          }
+        } catch (err) {
+          _iterator19.e(err);
+        } finally {
+          _iterator19.f();
+        }
+      }
+    } catch (err) {
+      _iterator18.e(err);
+    } finally {
+      _iterator18.f();
     }
-
-    if (!isNullOrUndef(precision)) {
-      factor = Math.pow(10, precision);
-      spacing = Math.ceil(spacing * factor) / factor;
+    return parts;
+  }
+  function _getBounds(property, first, last, loop) {
+    if (loop) {
+      return;
     }
-
-    niceMin = Math.floor(rmin / spacing) * spacing;
-    niceMax = Math.ceil(rmax / spacing) * spacing;
-
-    if (minDefined && maxDefined && step && almostWhole((max - min) / step, spacing / 1000)) {
-      numSpaces = Math.min((max - min) / spacing, maxTicks);
-      spacing = (max - min) / numSpaces;
-      niceMin = min;
-      niceMax = max;
-    } else if (countDefined) {
-      niceMin = minDefined ? min : niceMin;
-      niceMax = maxDefined ? max : niceMax;
-      numSpaces = count - 1;
-      spacing = (niceMax - niceMin) / numSpaces;
-    } else {
-      numSpaces = (niceMax - niceMin) / spacing;
-
-      if (almostEquals(numSpaces, Math.round(numSpaces), spacing / 1000)) {
-        numSpaces = Math.round(numSpaces);
-      } else {
-        numSpaces = Math.ceil(numSpaces);
-      }
+    var start = first[property];
+    var end = last[property];
+    if (property === 'angle') {
+      start = _normalizeAngle(start);
+      end = _normalizeAngle(end);
     }
-
-    factor = Math.pow(10, isNullOrUndef(precision) ? _decimalPlaces(spacing) : precision);
-    niceMin = Math.round(niceMin * factor) / factor;
-    niceMax = Math.round(niceMax * factor) / factor;
-    var j = 0;
-
-    if (minDefined) {
-      ticks.push({
-        value: min
-      });
-
-      if (niceMin <= min) {
-        j++;
+    return {
+      property: property,
+      start: start,
+      end: end
+    };
+  }
+  function _pointsFromSegments(boundary, line) {
+    var _ref7 = boundary || {},
+      _ref7$x = _ref7.x,
+      x = _ref7$x === void 0 ? null : _ref7$x,
+      _ref7$y = _ref7.y,
+      y = _ref7$y === void 0 ? null : _ref7$y;
+    var linePoints = line.points;
+    var points = [];
+    line.segments.forEach(function (_ref8) {
+      var start = _ref8.start,
+        end = _ref8.end;
+      end = _findSegmentEnd(start, end, linePoints);
+      var first = linePoints[start];
+      var last = linePoints[end];
+      if (y !== null) {
+        points.push({
+          x: first.x,
+          y: y
+        });
+        points.push({
+          x: last.x,
+          y: y
+        });
+      } else if (x !== null) {
+        points.push({
+          x: x,
+          y: first.y
+        });
+        points.push({
+          x: x,
+          y: last.y
+        });
       }
-
-      if (almostEquals(Math.round((niceMin + j * spacing) * factor) / factor, min, spacing / 10)) {
-        j++;
+    });
+    return points;
+  }
+  function _findSegmentEnd(start, end, points) {
+    for (; end > start; end--) {
+      var point = points[end];
+      if (!isNaN(point.x) && !isNaN(point.y)) {
+        break;
       }
     }
-
-    for (; j < numSpaces; ++j) {
-      ticks.push({
-        value: Math.round((niceMin + j * spacing) * factor) / factor
-      });
+    return end;
+  }
+  function _getEdge(a, b, prop, fn) {
+    if (a && b) {
+      return fn(a[prop], b[prop]);
     }
-
-    if (maxDefined) {
-      if (almostEquals(ticks[ticks.length - 1].value, max, spacing / 10)) {
-        ticks[ticks.length - 1].value = max;
-      } else {
-        ticks.push({
-          value: max
-        });
-      }
+    return a ? a[prop] : b ? b[prop] : 0;
+  }
+  function _createBoundaryLine(boundary, line) {
+    var points = [];
+    var _loop = false;
+    if (isArray(boundary)) {
+      _loop = true;
+      points = boundary;
     } else {
-      ticks.push({
-        value: niceMax
-      });
+      points = _pointsFromSegments(boundary, line);
     }
-
-    return ticks;
+    return points.length ? new LineElement({
+      points: points,
+      options: {
+        tension: 0
+      },
+      _loop: _loop,
+      _fullLoop: _loop
+    }) : null;
   }
-
-  var LinearScaleBase = /*#__PURE__*/function (_Scale2) {
-    _inherits(LinearScaleBase, _Scale2);
-
-    var _super20 = _createSuper(LinearScaleBase);
-
-    function LinearScaleBase(cfg) {
-      var _this14;
-
-      _classCallCheck(this, LinearScaleBase);
-
-      _this14 = _super20.call(this, cfg);
-      _this14.start = undefined;
-      _this14.end = undefined;
-      _this14._startValue = undefined;
-      _this14._endValue = undefined;
-      _this14._valueRange = 0;
-      return _this14;
+  function _shouldApplyFill(source) {
+    return source && source.fill !== false;
+  }
+  function _resolveTarget(sources, index, propagate) {
+    var source = sources[index];
+    var fill = source.fill;
+    var visited = [index];
+    var target;
+    if (!propagate) {
+      return fill;
     }
-
-    _createClass(LinearScaleBase, [{
-      key: "parse",
-      value: function parse(raw, index) {
-        if (isNullOrUndef(raw)) {
-          return null;
-        }
-
-        if ((typeof raw === 'number' || raw instanceof Number) && !isFinite(+raw)) {
-          return null;
-        }
-
-        return +raw;
-      }
-    }, {
-      key: "handleTickRangeOptions",
-      value: function handleTickRangeOptions() {
-        var me = this;
-        var _me$options7 = me.options,
-            beginAtZero = _me$options7.beginAtZero,
-            stacked = _me$options7.stacked;
-
-        var _me$getUserBounds3 = me.getUserBounds(),
-            minDefined = _me$getUserBounds3.minDefined,
-            maxDefined = _me$getUserBounds3.maxDefined;
-
-        var min = me.min,
-            max = me.max;
-
-        var setMin = function setMin(v) {
-          return min = minDefined ? min : v;
-        };
-
-        var setMax = function setMax(v) {
-          return max = maxDefined ? max : v;
-        };
-
-        if (beginAtZero || stacked) {
-          var minSign = sign(min);
-          var maxSign = sign(max);
-
-          if (minSign < 0 && maxSign < 0) {
-            setMax(0);
-          } else if (minSign > 0 && maxSign > 0) {
-            setMin(0);
-          }
-        }
-
-        if (min === max) {
-          setMax(max + 1);
-
-          if (!beginAtZero) {
-            setMin(min - 1);
-          }
-        }
-
-        me.min = min;
-        me.max = max;
+    while (fill !== false && visited.indexOf(fill) === -1) {
+      if (!isNumberFinite(fill)) {
+        return fill;
       }
-    }, {
-      key: "getTickLimit",
-      value: function getTickLimit() {
-        var me = this;
-        var tickOpts = me.options.ticks;
-        var maxTicksLimit = tickOpts.maxTicksLimit,
-            stepSize = tickOpts.stepSize;
-        var maxTicks;
-
-        if (stepSize) {
-          maxTicks = Math.ceil(me.max / stepSize) - Math.floor(me.min / stepSize) + 1;
-        } else {
-          maxTicks = me.computeTickLimit();
-          maxTicksLimit = maxTicksLimit || 11;
-        }
-
-        if (maxTicksLimit) {
-          maxTicks = Math.min(maxTicksLimit, maxTicks);
-        }
-
-        return maxTicks;
+      target = sources[fill];
+      if (!target) {
+        return false;
       }
-    }, {
-      key: "computeTickLimit",
-      value: function computeTickLimit() {
-        return Number.POSITIVE_INFINITY;
+      if (target.visible) {
+        return fill;
       }
-    }, {
-      key: "buildTicks",
-      value: function buildTicks() {
-        var me = this;
-        var opts = me.options;
-        var tickOpts = opts.ticks;
-        var maxTicks = me.getTickLimit();
-        maxTicks = Math.max(2, maxTicks);
-        var numericGeneratorOptions = {
-          maxTicks: maxTicks,
-          min: opts.min,
-          max: opts.max,
-          precision: tickOpts.precision,
-          step: tickOpts.stepSize,
-          count: tickOpts.count
-        };
-        var ticks = generateTicks$1(numericGeneratorOptions, _addGrace(me, opts.grace));
-
-        if (opts.bounds === 'ticks') {
-          _setMinAndMaxByKey(ticks, me, 'value');
-        }
-
-        if (opts.reverse) {
-          ticks.reverse();
-          me.start = me.max;
-          me.end = me.min;
-        } else {
-          me.start = me.min;
-          me.end = me.max;
-        }
-
-        return ticks;
+      visited.push(fill);
+      fill = target.fill;
+    }
+    return false;
+  }
+  function _decodeFill(line, index, count) {
+    var fill = parseFillOption(line);
+    if (isObject(fill)) {
+      return isNaN(fill.value) ? false : fill;
+    }
+    var target = parseFloat(fill);
+    if (isNumberFinite(target) && Math.floor(target) === target) {
+      return decodeTargetIndex(fill[0], index, target, count);
+    }
+    return ['origin', 'start', 'end', 'stack', 'shape'].indexOf(fill) >= 0 && fill;
+  }
+  function decodeTargetIndex(firstCh, index, target, count) {
+    if (firstCh === '-' || firstCh === '+') {
+      target = index + target;
+    }
+    if (target === index || target < 0 || target >= count) {
+      return false;
+    }
+    return target;
+  }
+  function _getTargetPixel(fill, scale) {
+    var pixel = null;
+    if (fill === 'start') {
+      pixel = scale.bottom;
+    } else if (fill === 'end') {
+      pixel = scale.top;
+    } else if (isObject(fill)) {
+      pixel = scale.getPixelForValue(fill.value);
+    } else if (scale.getBasePixel) {
+      pixel = scale.getBasePixel();
+    }
+    return pixel;
+  }
+  function _getTargetValue(fill, scale, startValue) {
+    var value;
+    if (fill === 'start') {
+      value = startValue;
+    } else if (fill === 'end') {
+      value = scale.options.reverse ? scale.min : scale.max;
+    } else if (isObject(fill)) {
+      value = fill.value;
+    } else {
+      value = scale.getBaseValue();
+    }
+    return value;
+  }
+  function parseFillOption(line) {
+    var options = line.options;
+    var fillOption = options.fill;
+    var fill = valueOrDefault(fillOption && fillOption.target, fillOption);
+    if (fill === undefined) {
+      fill = !!options.backgroundColor;
+    }
+    if (fill === false || fill === null) {
+      return false;
+    }
+    if (fill === true) {
+      return 'origin';
+    }
+    return fill;
+  }
+  function _buildStackLine(source) {
+    var scale = source.scale,
+      index = source.index,
+      line = source.line;
+    var points = [];
+    var segments = line.segments;
+    var sourcePoints = line.points;
+    var linesBelow = getLinesBelow(scale, index);
+    linesBelow.push(_createBoundaryLine({
+      x: null,
+      y: scale.bottom
+    }, line));
+    for (var i = 0; i < segments.length; i++) {
+      var segment = segments[i];
+      for (var j = segment.start; j <= segment.end; j++) {
+        addPointsBelow(points, sourcePoints[j], linesBelow);
       }
-    }, {
-      key: "configure",
-      value: function configure() {
-        var me = this;
-        var ticks = me.ticks;
-        var start = me.min;
-        var end = me.max;
-
-        _get(_getPrototypeOf(LinearScaleBase.prototype), "configure", this).call(this);
-
-        if (me.options.offset && ticks.length) {
-          var offset = (end - start) / Math.max(ticks.length - 1, 1) / 2;
-          start -= offset;
-          end += offset;
-        }
-
-        me._startValue = start;
-        me._endValue = end;
-        me._valueRange = end - start;
+    }
+    return new LineElement({
+      points: points,
+      options: {}
+    });
+  }
+  function getLinesBelow(scale, index) {
+    var below = [];
+    var metas = scale.getMatchingVisibleMetas('line');
+    for (var i = 0; i < metas.length; i++) {
+      var meta = metas[i];
+      if (meta.index === index) {
+        break;
       }
-    }, {
-      key: "getLabelForValue",
-      value: function getLabelForValue(value) {
-        return formatNumber(value, this.chart.options.locale);
+      if (!meta.hidden) {
+        below.unshift(meta.dataset);
       }
-    }]);
-
-    return LinearScaleBase;
-  }(Scale);
-
-  var LinearScale = /*#__PURE__*/function (_LinearScaleBase) {
-    _inherits(LinearScale, _LinearScaleBase);
-
-    var _super21 = _createSuper(LinearScale);
-
-    function LinearScale() {
-      _classCallCheck(this, LinearScale);
-
-      return _super21.apply(this, arguments);
     }
-
-    _createClass(LinearScale, [{
-      key: "determineDataLimits",
-      value: function determineDataLimits() {
-        var me = this;
-
-        var _me$getMinMax2 = me.getMinMax(true),
-            min = _me$getMinMax2.min,
-            max = _me$getMinMax2.max;
-
-        me.min = isNumberFinite(min) ? min : 0;
-        me.max = isNumberFinite(max) ? max : 1;
-        me.handleTickRangeOptions();
+    return below;
+  }
+  function addPointsBelow(points, sourcePoint, linesBelow) {
+    var postponed = [];
+    for (var j = 0; j < linesBelow.length; j++) {
+      var line = linesBelow[j];
+      var _findPoint = findPoint(line, sourcePoint, 'x'),
+        first = _findPoint.first,
+        last = _findPoint.last,
+        point = _findPoint.point;
+      if (!point || first && last) {
+        continue;
       }
-    }, {
-      key: "computeTickLimit",
-      value: function computeTickLimit() {
-        var me = this;
-
-        if (me.isHorizontal()) {
-          return Math.ceil(me.width / 40);
+      if (first) {
+        postponed.unshift(point);
+      } else {
+        points.push(point);
+        if (!last) {
+          break;
         }
-
-        var tickFont = me._resolveTickFontOptions(0);
-
-        return Math.ceil(me.height / tickFont.lineHeight);
       }
-    }, {
-      key: "getPixelForValue",
-      value: function getPixelForValue(value) {
-        return value === null ? NaN : this.getPixelForDecimal((value - this._startValue) / this._valueRange);
+    }
+    points.push.apply(points, postponed);
+  }
+  function findPoint(line, sourcePoint, property) {
+    var point = line.interpolate(sourcePoint, property);
+    if (!point) {
+      return {};
+    }
+    var pointValue = point[property];
+    var segments = line.segments;
+    var linePoints = line.points;
+    var first = false;
+    var last = false;
+    for (var i = 0; i < segments.length; i++) {
+      var segment = segments[i];
+      var firstValue = linePoints[segment.start][property];
+      var lastValue = linePoints[segment.end][property];
+      if (_isBetween(pointValue, firstValue, lastValue)) {
+        first = pointValue === firstValue;
+        last = pointValue === lastValue;
+        break;
+      }
+    }
+    return {
+      first: first,
+      last: last,
+      point: point
+    };
+  }
+  var simpleArc = /*#__PURE__*/function () {
+    function simpleArc(opts) {
+      _classCallCheck$x(this, simpleArc);
+      this.x = opts.x;
+      this.y = opts.y;
+      this.radius = opts.radius;
+    }
+    _createClass$x(simpleArc, [{
+      key: "pathSegment",
+      value: function pathSegment(ctx, bounds, opts) {
+        var x = this.x,
+          y = this.y,
+          radius = this.radius;
+        bounds = bounds || {
+          start: 0,
+          end: TAU
+        };
+        ctx.arc(x, y, radius, bounds.end, bounds.start, true);
+        return !opts.bounds;
       }
     }, {
-      key: "getValueForPixel",
-      value: function getValueForPixel(pixel) {
-        return this._startValue + this.getDecimalForPixel(pixel) * this._valueRange;
+      key: "interpolate",
+      value: function interpolate(point) {
+        var x = this.x,
+          y = this.y,
+          radius = this.radius;
+        var angle = point.angle;
+        return {
+          x: x + Math.cos(angle) * radius,
+          y: y + Math.sin(angle) * radius,
+          angle: angle
+        };
       }
     }]);
-
-    return LinearScale;
-  }(LinearScaleBase);
-
-  LinearScale.id = 'linear';
-  LinearScale.defaults = {
-    ticks: {
-      callback: Ticks.formatters.numeric
+    return simpleArc;
+  }();
+  function _getTarget(source) {
+    var chart = source.chart,
+      fill = source.fill,
+      line = source.line;
+    if (isNumberFinite(fill)) {
+      return getLineByIndex(chart, fill);
     }
-  };
-
-  function isMajor(tickVal) {
-    var remain = tickVal / Math.pow(10, Math.floor(log10(tickVal)));
-    return remain === 1;
+    if (fill === 'stack') {
+      return _buildStackLine(source);
+    }
+    if (fill === 'shape') {
+      return true;
+    }
+    var boundary = computeBoundary(source);
+    if (boundary instanceof simpleArc) {
+      return boundary;
+    }
+    return _createBoundaryLine(boundary, line);
   }
-
-  function generateTicks(generationOptions, dataRange) {
-    var endExp = Math.floor(log10(dataRange.max));
-    var endSignificand = Math.ceil(dataRange.max / Math.pow(10, endExp));
-    var ticks = [];
-    var tickVal = finiteOrDefault(generationOptions.min, Math.pow(10, Math.floor(log10(dataRange.min))));
-    var exp = Math.floor(log10(tickVal));
-    var significand = Math.floor(tickVal / Math.pow(10, exp));
-    var precision = exp < 0 ? Math.pow(10, Math.abs(exp)) : 1;
-
-    do {
-      ticks.push({
-        value: tickVal,
-        major: isMajor(tickVal)
+  function getLineByIndex(chart, index) {
+    var meta = chart.getDatasetMeta(index);
+    var visible = meta && chart.isDatasetVisible(index);
+    return visible ? meta.dataset : null;
+  }
+  function computeBoundary(source) {
+    var scale = source.scale || {};
+    if (scale.getPointPositionForValue) {
+      return computeCircularBoundary(source);
+    }
+    return computeLinearBoundary(source);
+  }
+  function computeLinearBoundary(source) {
+    var _source$scale = source.scale,
+      scale = _source$scale === void 0 ? {} : _source$scale,
+      fill = source.fill;
+    var pixel = _getTargetPixel(fill, scale);
+    if (isNumberFinite(pixel)) {
+      var horizontal = scale.isHorizontal();
+      return {
+        x: horizontal ? pixel : null,
+        y: horizontal ? null : pixel
+      };
+    }
+    return null;
+  }
+  function computeCircularBoundary(source) {
+    var scale = source.scale,
+      fill = source.fill;
+    var options = scale.options;
+    var length = scale.getLabels().length;
+    var start = options.reverse ? scale.max : scale.min;
+    var value = _getTargetValue(fill, scale, start);
+    var target = [];
+    if (options.grid.circular) {
+      var center = scale.getPointPositionForValue(0, start);
+      return new simpleArc({
+        x: center.x,
+        y: center.y,
+        radius: scale.getDistanceFromCenterForValue(value)
       });
-      ++significand;
-
-      if (significand === 10) {
-        significand = 1;
-        ++exp;
-        precision = exp >= 0 ? 1 : precision;
-      }
-
-      tickVal = Math.round(significand * Math.pow(10, exp) * precision) / precision;
-    } while (exp < endExp || exp === endExp && significand < endSignificand);
-
-    var lastTick = finiteOrDefault(generationOptions.max, tickVal);
-    ticks.push({
-      value: lastTick,
-      major: isMajor(tickVal)
-    });
-    return ticks;
+    }
+    for (var i = 0; i < length; ++i) {
+      target.push(scale.getPointPositionForValue(i, value));
+    }
+    return target;
   }
-
-  var LogarithmicScale = /*#__PURE__*/function (_Scale3) {
-    _inherits(LogarithmicScale, _Scale3);
-
-    var _super22 = _createSuper(LogarithmicScale);
-
-    function LogarithmicScale(cfg) {
-      var _this15;
-
-      _classCallCheck(this, LogarithmicScale);
-
-      _this15 = _super22.call(this, cfg);
-      _this15.start = undefined;
-      _this15.end = undefined;
-      _this15._startValue = undefined;
-      _this15._valueRange = 0;
-      return _this15;
+  function _drawfill(ctx, source, area) {
+    var target = _getTarget(source);
+    var line = source.line,
+      scale = source.scale,
+      axis = source.axis;
+    var lineOpts = line.options;
+    var fillOption = lineOpts.fill;
+    var color = lineOpts.backgroundColor;
+    var _ref9 = fillOption || {},
+      _ref9$above = _ref9.above,
+      above = _ref9$above === void 0 ? color : _ref9$above,
+      _ref9$below = _ref9.below,
+      below = _ref9$below === void 0 ? color : _ref9$below;
+    if (target && line.points.length) {
+      clipArea(ctx, area);
+      doFill(ctx, {
+        line: line,
+        target: target,
+        above: above,
+        below: below,
+        area: area,
+        scale: scale,
+        axis: axis
+      });
+      unclipArea(ctx);
     }
-
-    _createClass(LogarithmicScale, [{
-      key: "parse",
-      value: function parse(raw, index) {
-        var value = LinearScaleBase.prototype.parse.apply(this, [raw, index]);
-
-        if (value === 0) {
-          this._zero = true;
-          return undefined;
+  }
+  function doFill(ctx, cfg) {
+    var line = cfg.line,
+      target = cfg.target,
+      above = cfg.above,
+      below = cfg.below,
+      area = cfg.area,
+      scale = cfg.scale;
+    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);
+    }
+    fill(ctx, {
+      line: line,
+      target: target,
+      color: below,
+      scale: scale,
+      property: property
+    });
+    ctx.restore();
+  }
+  function clipVertical(ctx, target, clipY) {
+    var segments = target.segments,
+      points = target.points;
+    var first = true;
+    var lineLoop = false;
+    ctx.beginPath();
+    var _iterator21 = _createForOfIteratorHelper$1(segments),
+      _step21;
+    try {
+      for (_iterator21.s(); !(_step21 = _iterator21.n()).done;) {
+        var segment = _step21.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);
         }
-
-        return isNumberFinite(value) && value > 0 ? value : null;
-      }
-    }, {
-      key: "determineDataLimits",
-      value: function determineDataLimits() {
-        var me = this;
-
-        var _me$getMinMax3 = me.getMinMax(true),
-            min = _me$getMinMax3.min,
-            max = _me$getMinMax3.max;
-
-        me.min = isNumberFinite(min) ? Math.max(0, min) : null;
-        me.max = isNumberFinite(max) ? Math.max(0, max) : null;
-
-        if (me.options.beginAtZero) {
-          me._zero = true;
+        lineLoop = !!target.pathSegment(ctx, segment, {
+          move: lineLoop
+        });
+        if (lineLoop) {
+          ctx.closePath();
+        } else {
+          ctx.lineTo(lastPoint.x, clipY);
         }
-
-        me.handleTickRangeOptions();
       }
-    }, {
-      key: "handleTickRangeOptions",
-      value: function handleTickRangeOptions() {
-        var me = this;
-
-        var _me$getUserBounds4 = me.getUserBounds(),
-            minDefined = _me$getUserBounds4.minDefined,
-            maxDefined = _me$getUserBounds4.maxDefined;
-
-        var min = me.min;
-        var max = me.max;
-
-        var setMin = function setMin(v) {
-          return min = minDefined ? min : v;
-        };
-
-        var setMax = function setMax(v) {
-          return max = maxDefined ? max : v;
-        };
-
-        var exp = function exp(v, m) {
-          return Math.pow(10, Math.floor(log10(v)) + m);
-        };
-
-        if (min === max) {
-          if (min <= 0) {
-            setMin(1);
-            setMax(10);
+    } catch (err) {
+      _iterator21.e(err);
+    } finally {
+      _iterator21.f();
+    }
+    ctx.lineTo(target.first().x, clipY);
+    ctx.closePath();
+    ctx.clip();
+  }
+  function fill(ctx, cfg) {
+    var line = cfg.line,
+      target = cfg.target,
+      property = cfg.property,
+      color = cfg.color,
+      scale = cfg.scale;
+    var segments = _segments(line, target, property);
+    var _iterator22 = _createForOfIteratorHelper$1(segments),
+      _step22;
+    try {
+      for (_iterator22.s(); !(_step22 = _iterator22.n()).done;) {
+        var _step22$value = _step22.value,
+          src = _step22$value.source,
+          tgt = _step22$value.target,
+          start = _step22$value.start,
+          end = _step22$value.end;
+        var _src$style = src.style,
+          _src$style2 = _src$style === void 0 ? {} : _src$style,
+          _src$style2$backgroun = _src$style2.backgroundColor,
+          backgroundColor = _src$style2$backgroun === void 0 ? color : _src$style2$backgroun;
+        var notShape = target !== true;
+        ctx.save();
+        ctx.fillStyle = backgroundColor;
+        clipBounds(ctx, scale, notShape && _getBounds(property, start, end));
+        ctx.beginPath();
+        var lineLoop = !!line.pathSegment(ctx, src);
+        var loop = void 0;
+        if (notShape) {
+          if (lineLoop) {
+            ctx.closePath();
           } else {
-            setMin(exp(min, -1));
-            setMax(exp(max, +1));
+            interpolatedLineTo(ctx, target, end, property);
+          }
+          var targetLoop = !!target.pathSegment(ctx, tgt, {
+            move: lineLoop,
+            reverse: true
+          });
+          loop = lineLoop && targetLoop;
+          if (!loop) {
+            interpolatedLineTo(ctx, target, start, property);
           }
         }
-
-        if (min <= 0) {
-          setMin(exp(max, -1));
-        }
-
-        if (max <= 0) {
-          setMax(exp(min, +1));
+        ctx.closePath();
+        ctx.fill(loop ? 'evenodd' : 'nonzero');
+        ctx.restore();
+      }
+    } catch (err) {
+      _iterator22.e(err);
+    } finally {
+      _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') {
+      ctx.beginPath();
+      ctx.rect(start, top, end - start, bottom - top);
+      ctx.clip();
+    }
+  }
+  function interpolatedLineTo(ctx, target, point, property) {
+    var interpolatedPoint = target.interpolate(point, property);
+    if (interpolatedPoint) {
+      ctx.lineTo(interpolatedPoint.x, interpolatedPoint.y);
+    }
+  }
+  var index = {
+    id: 'filler',
+    afterDatasetsUpdate: function afterDatasetsUpdate(chart, _args, options) {
+      var count = (chart.data.datasets || []).length;
+      var sources = [];
+      var meta, i, line, source;
+      for (i = 0; i < count; ++i) {
+        meta = chart.getDatasetMeta(i);
+        line = meta.dataset;
+        source = null;
+        if (line && line.options && line instanceof LineElement) {
+          source = {
+            visible: chart.isDatasetVisible(i),
+            index: i,
+            fill: _decodeFill(line, i, count),
+            chart: chart,
+            axis: meta.controller.options.indexAxis,
+            scale: meta.vScale,
+            line: line
+          };
         }
-
-        if (me._zero && me.min !== me._suggestedMin && min === exp(me.min, 0)) {
-          setMin(exp(min, -1));
+        meta.$filler = source;
+        sources.push(source);
+      }
+      for (i = 0; i < count; ++i) {
+        source = sources[i];
+        if (!source || source.fill === false) {
+          continue;
         }
-
-        me.min = min;
-        me.max = max;
+        source.fill = _resolveTarget(sources, i, options.propagate);
       }
-    }, {
-      key: "buildTicks",
-      value: function buildTicks() {
-        var me = this;
-        var opts = me.options;
-        var generationOptions = {
-          min: me._userMin,
-          max: me._userMax
-        };
-        var ticks = generateTicks(generationOptions, me);
-
-        if (opts.bounds === 'ticks') {
-          _setMinAndMaxByKey(ticks, me, 'value');
+    },
+    beforeDraw: function beforeDraw(chart, _args, options) {
+      var draw = options.drawTime === 'beforeDraw';
+      var metasets = chart.getSortedVisibleDatasetMetas();
+      var area = chart.chartArea;
+      for (var i = metasets.length - 1; i >= 0; --i) {
+        var source = metasets[i].$filler;
+        if (!source) {
+          continue;
         }
-
-        if (opts.reverse) {
-          ticks.reverse();
-          me.start = me.max;
-          me.end = me.min;
-        } else {
-          me.start = me.min;
-          me.end = me.max;
+        source.line.updateControlPoints(area, source.axis);
+        if (draw && source.fill) {
+          _drawfill(chart.ctx, source, area);
         }
-
-        return ticks;
-      }
-    }, {
-      key: "getLabelForValue",
-      value: function getLabelForValue(value) {
-        return value === undefined ? '0' : formatNumber(value, this.chart.options.locale);
       }
-    }, {
-      key: "configure",
-      value: function configure() {
-        var me = this;
-        var start = me.min;
-
-        _get(_getPrototypeOf(LogarithmicScale.prototype), "configure", this).call(this);
-
-        me._startValue = log10(start);
-        me._valueRange = log10(me.max) - log10(start);
+    },
+    beforeDatasetsDraw: function beforeDatasetsDraw(chart, _args, options) {
+      if (options.drawTime !== 'beforeDatasetsDraw') {
+        return;
       }
-    }, {
-      key: "getPixelForValue",
-      value: function getPixelForValue(value) {
-        var me = this;
-
-        if (value === undefined || value === 0) {
-          value = me.min;
-        }
-
-        if (value === null || isNaN(value)) {
-          return NaN;
+      var metasets = chart.getSortedVisibleDatasetMetas();
+      for (var i = metasets.length - 1; i >= 0; --i) {
+        var source = metasets[i].$filler;
+        if (_shouldApplyFill(source)) {
+          _drawfill(chart.ctx, source, chart.chartArea);
         }
-
-        return me.getPixelForDecimal(value === me.min ? 0 : (log10(value) - me._startValue) / me._valueRange);
-      }
-    }, {
-      key: "getValueForPixel",
-      value: function getValueForPixel(pixel) {
-        var me = this;
-        var decimal = me.getDecimalForPixel(pixel);
-        return Math.pow(10, me._startValue + decimal * me._valueRange);
       }
-    }]);
-
-    return LogarithmicScale;
-  }(Scale);
-
-  LogarithmicScale.id = 'logarithmic';
-  LogarithmicScale.defaults = {
-    ticks: {
-      callback: Ticks.formatters.logarithmic,
-      major: {
-        enabled: true
+    },
+    beforeDatasetDraw: function beforeDatasetDraw(chart, args, options) {
+      var source = args.meta.$filler;
+      if (!_shouldApplyFill(source) || options.drawTime !== 'beforeDatasetDraw') {
+        return;
       }
+      _drawfill(chart.ctx, source, chart.chartArea);
+    },
+    defaults: {
+      propagate: true,
+      drawTime: 'beforeDatasetDraw'
     }
   };
-
-  function getTickBackdropHeight(opts) {
-    var tickOpts = opts.ticks;
-
-    if (tickOpts.display && opts.display) {
-      var padding = toPadding(tickOpts.backdropPadding);
-      return valueOrDefault(tickOpts.font && tickOpts.font.size, defaults.font.size) + padding.height;
+  var getBoxSize = function getBoxSize(labelOpts, fontSize) {
+    var _labelOpts$boxHeight = labelOpts.boxHeight,
+      boxHeight = _labelOpts$boxHeight === void 0 ? fontSize : _labelOpts$boxHeight,
+      _labelOpts$boxWidth = labelOpts.boxWidth,
+      boxWidth = _labelOpts$boxWidth === void 0 ? fontSize : _labelOpts$boxWidth;
+    if (labelOpts.usePointStyle) {
+      boxHeight = Math.min(boxHeight, fontSize);
+      boxWidth = labelOpts.pointStyleWidth || Math.min(boxWidth, fontSize);
     }
-
-    return 0;
-  }
-
-  function measureLabelSize(ctx, lineHeight, label) {
-    if (isArray(label)) {
-      return {
-        w: _longestText(ctx, ctx.font, label),
-        h: label.length * lineHeight
-      };
-    }
-
-    return {
-      w: ctx.measureText(label).width,
-      h: lineHeight
-    };
-  }
-
-  function determineLimits(angle, pos, size, min, max) {
-    if (angle === min || angle === max) {
-      return {
-        start: pos - size / 2,
-        end: pos + size / 2
-      };
-    } else if (angle < min || angle > max) {
-      return {
-        start: pos - size,
-        end: pos
-      };
-    }
-
     return {
-      start: pos,
-      end: pos + size
-    };
-  }
-
-  function fitWithPointLabels(scale) {
-    var furthestLimits = {
-      l: 0,
-      r: scale.width,
-      t: 0,
-      b: scale.height - scale.paddingTop
+      boxWidth: boxWidth,
+      boxHeight: boxHeight,
+      itemHeight: Math.max(fontSize, boxHeight)
     };
-    var furthestAngles = {};
-    var i, textSize, pointPosition;
-    var labelSizes = [];
-    var padding = [];
-    var valueCount = scale.getLabels().length;
-
-    for (i = 0; i < valueCount; i++) {
-      var _opts = scale.options.pointLabels.setContext(scale.getContext(i));
-
-      padding[i] = _opts.padding;
-      pointPosition = scale.getPointPosition(i, scale.drawingArea + padding[i]);
-      var plFont = toFont(_opts.font);
-      scale.ctx.font = plFont.string;
-      textSize = measureLabelSize(scale.ctx, plFont.lineHeight, scale._pointLabels[i]);
-      labelSizes[i] = textSize;
-      var angleRadians = scale.getIndexAngle(i);
-      var angle = toDegrees(angleRadians);
-      var hLimits = determineLimits(angle, pointPosition.x, textSize.w, 0, 180);
-      var vLimits = determineLimits(angle, pointPosition.y, textSize.h, 90, 270);
-
-      if (hLimits.start < furthestLimits.l) {
-        furthestLimits.l = hLimits.start;
-        furthestAngles.l = angleRadians;
-      }
-
-      if (hLimits.end > furthestLimits.r) {
-        furthestLimits.r = hLimits.end;
-        furthestAngles.r = angleRadians;
-      }
-
-      if (vLimits.start < furthestLimits.t) {
-        furthestLimits.t = vLimits.start;
-        furthestAngles.t = angleRadians;
-      }
-
-      if (vLimits.end > furthestLimits.b) {
-        furthestLimits.b = vLimits.end;
-        furthestAngles.b = angleRadians;
-      }
-    }
-
-    scale._setReductions(scale.drawingArea, furthestLimits, furthestAngles);
-
-    scale._pointLabelItems = [];
-    var opts = scale.options;
-    var tickBackdropHeight = getTickBackdropHeight(opts);
-    var outerDistance = scale.getDistanceFromCenterForValue(opts.ticks.reverse ? scale.min : scale.max);
-
-    for (i = 0; i < valueCount; i++) {
-      var extra = i === 0 ? tickBackdropHeight / 2 : 0;
-      var pointLabelPosition = scale.getPointPosition(i, outerDistance + extra + padding[i]);
-
-      var _angle = toDegrees(scale.getIndexAngle(i));
-
-      var size = labelSizes[i];
-      adjustPointPositionForLabelHeight(_angle, size, pointLabelPosition);
-      var textAlign = getTextAlignForAngle(_angle);
-      var left = void 0;
-
-      if (textAlign === 'left') {
-        left = pointLabelPosition.x;
-      } else if (textAlign === 'center') {
-        left = pointLabelPosition.x - size.w / 2;
-      } else {
-        left = pointLabelPosition.x - size.w;
-      }
-
-      var right = left + size.w;
-      scale._pointLabelItems[i] = {
-        x: pointLabelPosition.x,
-        y: pointLabelPosition.y,
-        textAlign: textAlign,
-        left: left,
-        top: pointLabelPosition.y,
-        right: right,
-        bottom: pointLabelPosition.y + size.h
-      };
-    }
-  }
-
-  function getTextAlignForAngle(angle) {
-    if (angle === 0 || angle === 180) {
-      return 'center';
-    } else if (angle < 180) {
-      return 'left';
-    }
-
-    return 'right';
-  }
-
-  function adjustPointPositionForLabelHeight(angle, textSize, position) {
-    if (angle === 90 || angle === 270) {
-      position.y -= textSize.h / 2;
-    } else if (angle > 270 || angle < 90) {
-      position.y -= textSize.h;
-    }
-  }
-
-  function drawPointLabels(scale, labelCount) {
-    var ctx = scale.ctx,
-        pointLabels = scale.options.pointLabels;
-
-    for (var i = labelCount - 1; i >= 0; i--) {
-      var optsAtIndex = pointLabels.setContext(scale.getContext(i));
-      var plFont = toFont(optsAtIndex.font);
-      var _scale$_pointLabelIte = scale._pointLabelItems[i],
-          x = _scale$_pointLabelIte.x,
-          y = _scale$_pointLabelIte.y,
-          textAlign = _scale$_pointLabelIte.textAlign,
-          left = _scale$_pointLabelIte.left,
-          top = _scale$_pointLabelIte.top,
-          right = _scale$_pointLabelIte.right,
-          bottom = _scale$_pointLabelIte.bottom;
-      var backdropColor = optsAtIndex.backdropColor;
-
-      if (!isNullOrUndef(backdropColor)) {
-        var padding = toPadding(optsAtIndex.backdropPadding);
-        ctx.fillStyle = backdropColor;
-        ctx.fillRect(left - padding.left, top - padding.top, right - left + padding.width, bottom - top + padding.height);
-      }
-
-      renderText(ctx, scale._pointLabels[i], x, y + plFont.lineHeight / 2, plFont, {
-        color: optsAtIndex.color,
-        textAlign: textAlign,
-        textBaseline: 'middle'
-      });
-    }
-  }
-
-  function pathRadiusLine(scale, radius, circular, labelCount) {
-    var ctx = scale.ctx;
-
-    if (circular) {
-      ctx.arc(scale.xCenter, scale.yCenter, radius, 0, TAU);
-    } else {
-      var pointPosition = scale.getPointPosition(0, radius);
-      ctx.moveTo(pointPosition.x, pointPosition.y);
-
-      for (var i = 1; i < labelCount; i++) {
-        pointPosition = scale.getPointPosition(i, radius);
-        ctx.lineTo(pointPosition.x, pointPosition.y);
+  };
+  var itemsEqual = function itemsEqual(a, b) {
+    return a !== null && b !== null && a.datasetIndex === b.datasetIndex && a.index === b.index;
+  };
+  var Legend = /*#__PURE__*/function (_Element6) {
+    _inherits$w(Legend, _Element6);
+    var _super16 = _createSuper$w(Legend);
+    function Legend(config) {
+      var _this27;
+      _classCallCheck$x(this, Legend);
+      _this27 = _super16.call(this);
+      _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;
+    }
+    _createClass$x(Legend, [{
+      key: "update",
+      value: function update(maxWidth, maxHeight, margins) {
+        this.maxWidth = maxWidth;
+        this.maxHeight = maxHeight;
+        this._margins = margins;
+        this.setDimensions();
+        this.buildLabels();
+        this.fit();
       }
-    }
-  }
-
-  function drawRadiusLine(scale, gridLineOpts, radius, labelCount) {
-    var ctx = scale.ctx;
-    var circular = gridLineOpts.circular;
-    var color = gridLineOpts.color,
-        lineWidth = gridLineOpts.lineWidth;
-
-    if (!circular && !labelCount || !color || !lineWidth || radius < 0) {
-      return;
-    }
-
-    ctx.save();
-    ctx.strokeStyle = color;
-    ctx.lineWidth = lineWidth;
-    ctx.setLineDash(gridLineOpts.borderDash);
-    ctx.lineDashOffset = gridLineOpts.borderDashOffset;
-    ctx.beginPath();
-    pathRadiusLine(scale, radius, circular, labelCount);
-    ctx.closePath();
-    ctx.stroke();
-    ctx.restore();
-  }
-
-  function numberOrZero(param) {
-    return isNumber(param) ? param : 0;
-  }
-
-  var RadialLinearScale = /*#__PURE__*/function (_LinearScaleBase2) {
-    _inherits(RadialLinearScale, _LinearScaleBase2);
-
-    var _super23 = _createSuper(RadialLinearScale);
-
-    function RadialLinearScale(cfg) {
-      var _this16;
-
-      _classCallCheck(this, RadialLinearScale);
-
-      _this16 = _super23.call(this, cfg);
-      _this16.xCenter = undefined;
-      _this16.yCenter = undefined;
-      _this16.drawingArea = undefined;
-      _this16._pointLabels = [];
-      _this16._pointLabelItems = [];
-      return _this16;
-    }
-
-    _createClass(RadialLinearScale, [{
+    }, {
       key: "setDimensions",
       value: function setDimensions() {
-        var me = this;
-        me.width = me.maxWidth;
-        me.height = me.maxHeight;
-        me.paddingTop = getTickBackdropHeight(me.options) / 2;
-        me.xCenter = Math.floor(me.width / 2);
-        me.yCenter = Math.floor((me.height - me.paddingTop) / 2);
-        me.drawingArea = Math.min(me.height - me.paddingTop, me.width) / 2;
-      }
-    }, {
-      key: "determineDataLimits",
-      value: function determineDataLimits() {
-        var me = this;
-
-        var _me$getMinMax4 = me.getMinMax(false),
-            min = _me$getMinMax4.min,
-            max = _me$getMinMax4.max;
-
-        me.min = isNumberFinite(min) && !isNaN(min) ? min : 0;
-        me.max = isNumberFinite(max) && !isNaN(max) ? max : 0;
-        me.handleTickRangeOptions();
-      }
-    }, {
-      key: "computeTickLimit",
-      value: function computeTickLimit() {
-        return Math.ceil(this.drawingArea / getTickBackdropHeight(this.options));
-      }
-    }, {
-      key: "generateTickLabels",
-      value: function generateTickLabels(ticks) {
-        var me = this;
-        LinearScaleBase.prototype.generateTickLabels.call(me, ticks);
-        me._pointLabels = me.getLabels().map(function (value, index) {
-          var label = callback(me.options.pointLabels.callback, [value, index], me);
-          return label || label === 0 ? label : '';
-        });
-      }
-    }, {
-      key: "fit",
-      value: function fit() {
-        var me = this;
-        var opts = me.options;
-
-        if (opts.display && opts.pointLabels.display) {
-          fitWithPointLabels(me);
+        if (this.isHorizontal()) {
+          this.width = this.maxWidth;
+          this.left = this._margins.left;
+          this.right = this.width;
         } else {
-          me.setCenterPoint(0, 0, 0, 0);
+          this.height = this.maxHeight;
+          this.top = this._margins.top;
+          this.bottom = this.height;
         }
       }
     }, {
-      key: "_setReductions",
-      value: function _setReductions(largestPossibleRadius, furthestLimits, furthestAngles) {
-        var me = this;
-        var radiusReductionLeft = furthestLimits.l / Math.sin(furthestAngles.l);
-        var radiusReductionRight = Math.max(furthestLimits.r - me.width, 0) / Math.sin(furthestAngles.r);
-        var radiusReductionTop = -furthestLimits.t / Math.cos(furthestAngles.t);
-        var radiusReductionBottom = -Math.max(furthestLimits.b - (me.height - me.paddingTop), 0) / Math.cos(furthestAngles.b);
-        radiusReductionLeft = numberOrZero(radiusReductionLeft);
-        radiusReductionRight = numberOrZero(radiusReductionRight);
-        radiusReductionTop = numberOrZero(radiusReductionTop);
-        radiusReductionBottom = numberOrZero(radiusReductionBottom);
-        me.drawingArea = Math.max(largestPossibleRadius / 2, Math.min(Math.floor(largestPossibleRadius - (radiusReductionLeft + radiusReductionRight) / 2), Math.floor(largestPossibleRadius - (radiusReductionTop + radiusReductionBottom) / 2)));
-        me.setCenterPoint(radiusReductionLeft, radiusReductionRight, radiusReductionTop, radiusReductionBottom);
-      }
-    }, {
-      key: "setCenterPoint",
-      value: function setCenterPoint(leftMovement, rightMovement, topMovement, bottomMovement) {
-        var me = this;
-        var maxRight = me.width - rightMovement - me.drawingArea;
-        var maxLeft = leftMovement + me.drawingArea;
-        var maxTop = topMovement + me.drawingArea;
-        var maxBottom = me.height - me.paddingTop - bottomMovement - me.drawingArea;
-        me.xCenter = Math.floor((maxLeft + maxRight) / 2 + me.left);
-        me.yCenter = Math.floor((maxTop + maxBottom) / 2 + me.top + me.paddingTop);
-      }
-    }, {
-      key: "getIndexAngle",
-      value: function getIndexAngle(index) {
-        var angleMultiplier = TAU / this.getLabels().length;
-        var startAngle = this.options.startAngle || 0;
-        return _normalizeAngle(index * angleMultiplier + toRadians(startAngle));
+      key: "buildLabels",
+      value: function buildLabels() {
+        var _this28 = 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);
+          });
+        }
+        if (labelOpts.sort) {
+          legendItems = legendItems.sort(function (a, b) {
+            return labelOpts.sort(a, b, _this28.chart.data);
+          });
+        }
+        if (this.options.reverse) {
+          legendItems.reverse();
+        }
+        this.legendItems = legendItems;
       }
     }, {
-      key: "getDistanceFromCenterForValue",
-      value: function getDistanceFromCenterForValue(value) {
-        var me = this;
-
-        if (isNullOrUndef(value)) {
-          return NaN;
+      key: "fit",
+      value: function fit() {
+        var options = this.options,
+          ctx = this.ctx;
+        if (!options.display) {
+          this.width = this.height = 0;
+          return;
         }
-
-        var scalingFactor = me.drawingArea / (me.max - me.min);
-
-        if (me.options.reverse) {
-          return (me.max - value) * scalingFactor;
+        var labelOpts = options.labels;
+        var labelFont = toFont(labelOpts.font);
+        var fontSize = labelFont.size;
+        var titleHeight = this._computeTitleHeight();
+        var _getBoxSize = getBoxSize(labelOpts, fontSize),
+          boxWidth = _getBoxSize.boxWidth,
+          itemHeight = _getBoxSize.itemHeight;
+        var width, height;
+        ctx.font = labelFont.string;
+        if (this.isHorizontal()) {
+          width = this.maxWidth;
+          height = this._fitRows(titleHeight, fontSize, boxWidth, itemHeight) + 10;
+        } else {
+          height = this.maxHeight;
+          width = this._fitCols(titleHeight, labelFont, boxWidth, itemHeight) + 10;
         }
-
-        return (value - me.min) * scalingFactor;
+        this.width = Math.min(width, options.maxWidth || this.maxWidth);
+        this.height = Math.min(height, options.maxHeight || this.maxHeight);
       }
     }, {
-      key: "getValueForDistanceFromCenter",
-      value: function getValueForDistanceFromCenter(distance) {
-        if (isNullOrUndef(distance)) {
-          return NaN;
-        }
-
-        var me = this;
-        var scaledDistance = distance / (me.drawingArea / (me.max - me.min));
-        return me.options.reverse ? me.max - scaledDistance : me.min + scaledDistance;
+      key: "_fitRows",
+      value: function _fitRows(titleHeight, fontSize, boxWidth, itemHeight) {
+        var ctx = this.ctx,
+          maxWidth = this.maxWidth,
+          padding = this.options.labels.padding;
+        var hitboxes = this.legendHitBoxes = [];
+        var lineWidths = this.lineWidths = [0];
+        var lineHeight = itemHeight + padding;
+        var totalHeight = titleHeight;
+        ctx.textAlign = 'left';
+        ctx.textBaseline = 'middle';
+        var row = -1;
+        var top = -lineHeight;
+        this.legendItems.forEach(function (legendItem, i) {
+          var itemWidth = boxWidth + fontSize / 2 + ctx.measureText(legendItem.text).width;
+          if (i === 0 || lineWidths[lineWidths.length - 1] + itemWidth + 2 * padding > maxWidth) {
+            totalHeight += lineHeight;
+            lineWidths[lineWidths.length - (i > 0 ? 0 : 1)] = 0;
+            top += lineHeight;
+            row++;
+          }
+          hitboxes[i] = {
+            left: 0,
+            top: top,
+            row: row,
+            width: itemWidth,
+            height: itemHeight
+          };
+          lineWidths[lineWidths.length - 1] += itemWidth + padding;
+        });
+        return totalHeight;
       }
     }, {
-      key: "getPointPosition",
-      value: function getPointPosition(index, distanceFromCenter) {
-        var me = this;
-        var angle = me.getIndexAngle(index) - HALF_PI;
-        return {
-          x: Math.cos(angle) * distanceFromCenter + me.xCenter,
-          y: Math.sin(angle) * distanceFromCenter + me.yCenter,
-          angle: angle
-        };
+      key: "_fitCols",
+      value: function _fitCols(titleHeight, labelFont, boxWidth, _itemHeight) {
+        var ctx = this.ctx,
+          maxHeight = this.maxHeight,
+          padding = this.options.labels.padding;
+        var hitboxes = this.legendHitBoxes = [];
+        var columnSizes = this.columnSizes = [];
+        var heightLimit = maxHeight - titleHeight;
+        var totalWidth = padding;
+        var currentColWidth = 0;
+        var currentColHeight = 0;
+        var left = 0;
+        var col = 0;
+        this.legendItems.forEach(function (legendItem, i) {
+          var _calculateItemSize = calculateItemSize(boxWidth, labelFont, ctx, legendItem, _itemHeight),
+            itemWidth = _calculateItemSize.itemWidth,
+            itemHeight = _calculateItemSize.itemHeight;
+          if (i > 0 && currentColHeight + itemHeight + 2 * padding > heightLimit) {
+            totalWidth += currentColWidth + padding;
+            columnSizes.push({
+              width: currentColWidth,
+              height: currentColHeight
+            });
+            left += currentColWidth + padding;
+            col++;
+            currentColWidth = currentColHeight = 0;
+          }
+          hitboxes[i] = {
+            left: left,
+            top: currentColHeight,
+            col: col,
+            width: itemWidth,
+            height: itemHeight
+          };
+          currentColWidth = Math.max(currentColWidth, itemWidth);
+          currentColHeight += itemHeight + padding;
+        });
+        totalWidth += currentColWidth;
+        columnSizes.push({
+          width: currentColWidth,
+          height: currentColHeight
+        });
+        return totalWidth;
       }
     }, {
-      key: "getPointPositionForValue",
-      value: function getPointPositionForValue(index, value) {
-        return this.getPointPosition(index, this.getDistanceFromCenterForValue(value));
+      key: "adjustHitBoxes",
+      value: function adjustHitBoxes() {
+        if (!this.options.display) {
+          return;
+        }
+        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;
+        var rtlHelper = getRtlAdapter(rtl, this.left, this.width);
+        if (this.isHorizontal()) {
+          var row = 0;
+          var left = _alignStartEnd(align, this.left + padding, this.right - this.lineWidths[row]);
+          var _iterator23 = _createForOfIteratorHelper$1(hitboxes),
+            _step23;
+          try {
+            for (_iterator23.s(); !(_step23 = _iterator23.n()).done;) {
+              var hitbox = _step23.value;
+              if (row !== hitbox.row) {
+                row = hitbox.row;
+                left = _alignStartEnd(align, this.left + padding, this.right - this.lineWidths[row]);
+              }
+              hitbox.top += this.top + titleHeight + padding;
+              hitbox.left = rtlHelper.leftForLtr(rtlHelper.x(left), hitbox.width);
+              left += hitbox.width + padding;
+            }
+          } catch (err) {
+            _iterator23.e(err);
+          } finally {
+            _iterator23.f();
+          }
+        } else {
+          var col = 0;
+          var top = _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - this.columnSizes[col].height);
+          var _iterator24 = _createForOfIteratorHelper$1(hitboxes),
+            _step24;
+          try {
+            for (_iterator24.s(); !(_step24 = _iterator24.n()).done;) {
+              var hitbox1 = _step24.value;
+              if (hitbox1.col !== col) {
+                col = hitbox1.col;
+                top = _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - this.columnSizes[col].height);
+              }
+              hitbox1.top = top;
+              hitbox1.left += this.left + padding;
+              hitbox1.left = rtlHelper.leftForLtr(rtlHelper.x(hitbox1.left), hitbox1.width);
+              top += hitbox1.height + padding;
+            }
+          } catch (err) {
+            _iterator24.e(err);
+          } finally {
+            _iterator24.f();
+          }
+        }
       }
     }, {
-      key: "getBasePosition",
-      value: function getBasePosition(index) {
-        return this.getPointPositionForValue(index || 0, this.getBaseValue());
+      key: "isHorizontal",
+      value: function isHorizontal() {
+        return this.options.position === 'top' || this.options.position === 'bottom';
       }
     }, {
-      key: "getPointLabelPosition",
-      value: function getPointLabelPosition(index) {
-        var _this$_pointLabelItem = this._pointLabelItems[index],
-            left = _this$_pointLabelItem.left,
-            top = _this$_pointLabelItem.top,
-            right = _this$_pointLabelItem.right,
-            bottom = _this$_pointLabelItem.bottom;
-        return {
-          left: left,
-          top: top,
-          right: right,
-          bottom: bottom
-        };
+      key: "draw",
+      value: function draw() {
+        if (this.options.display) {
+          var ctx = this.ctx;
+          clipArea(ctx, this);
+          this._draw();
+          unclipArea(ctx);
+        }
       }
     }, {
-      key: "drawBackground",
-      value: function drawBackground() {
-        var me = this;
-        var _me$options8 = me.options,
-            backgroundColor = _me$options8.backgroundColor,
-            circular = _me$options8.grid.circular;
-
-        if (backgroundColor) {
-          var ctx = me.ctx;
+      key: "_draw",
+      value: function _draw() {
+        var _this29 = this;
+        var opts = this.options,
+          columnSizes = this.columnSizes,
+          lineWidths = this.lineWidths,
+          ctx = this.ctx;
+        var align = opts.align,
+          labelOpts = opts.labels;
+        var defaultColor = defaults.color;
+        var rtlHelper = getRtlAdapter(opts.rtl, this.left, this.width);
+        var labelFont = toFont(labelOpts.font);
+        var padding = labelOpts.padding;
+        var fontSize = labelFont.size;
+        var halfFontSize = fontSize / 2;
+        var cursor;
+        this.drawTitle();
+        ctx.textAlign = rtlHelper.textAlign('left');
+        ctx.textBaseline = 'middle';
+        ctx.lineWidth = 0.5;
+        ctx.font = labelFont.string;
+        var _getBoxSize2 = getBoxSize(labelOpts, fontSize),
+          boxWidth = _getBoxSize2.boxWidth,
+          boxHeight = _getBoxSize2.boxHeight,
+          itemHeight = _getBoxSize2.itemHeight;
+        var drawLegendBox = function drawLegendBox(x, y, legendItem) {
+          if (isNaN(boxWidth) || boxWidth <= 0 || isNaN(boxHeight) || boxHeight < 0) {
+            return;
+          }
           ctx.save();
-          ctx.beginPath();
-          pathRadiusLine(me, me.getDistanceFromCenterForValue(me._endValue), circular, me.getLabels().length);
-          ctx.closePath();
-          ctx.fillStyle = backgroundColor;
-          ctx.fill();
+          var lineWidth = valueOrDefault(legendItem.lineWidth, 1);
+          ctx.fillStyle = valueOrDefault(legendItem.fillStyle, defaultColor);
+          ctx.lineCap = valueOrDefault(legendItem.lineCap, 'butt');
+          ctx.lineDashOffset = valueOrDefault(legendItem.lineDashOffset, 0);
+          ctx.lineJoin = valueOrDefault(legendItem.lineJoin, 'miter');
+          ctx.lineWidth = lineWidth;
+          ctx.strokeStyle = valueOrDefault(legendItem.strokeStyle, defaultColor);
+          ctx.setLineDash(valueOrDefault(legendItem.lineDash, []));
+          if (labelOpts.usePointStyle) {
+            var drawOptions = {
+              radius: boxHeight * Math.SQRT2 / 2,
+              pointStyle: legendItem.pointStyle,
+              rotation: legendItem.rotation,
+              borderWidth: lineWidth
+            };
+            var centerX = rtlHelper.xPlus(x, boxWidth / 2);
+            var centerY = y + halfFontSize;
+            drawPointLegend(ctx, drawOptions, centerX, centerY, labelOpts.pointStyleWidth && boxWidth);
+          } else {
+            var yBoxTop = y + Math.max((fontSize - boxHeight) / 2, 0);
+            var xBoxLeft = rtlHelper.leftForLtr(x, boxWidth);
+            var borderRadius = toTRBLCorners(legendItem.borderRadius);
+            ctx.beginPath();
+            if (Object.values(borderRadius).some(function (v) {
+              return v !== 0;
+            })) {
+              addRoundedRectPath(ctx, {
+                x: xBoxLeft,
+                y: yBoxTop,
+                w: boxWidth,
+                h: boxHeight,
+                radius: borderRadius
+              });
+            } else {
+              ctx.rect(xBoxLeft, yBoxTop, boxWidth, boxHeight);
+            }
+            ctx.fill();
+            if (lineWidth !== 0) {
+              ctx.stroke();
+            }
+          }
           ctx.restore();
+        };
+        var fillText = function fillText(x, y, legendItem) {
+          renderText(ctx, legendItem.text, x, y + itemHeight / 2, labelFont, {
+            strikethrough: legendItem.hidden,
+            textAlign: rtlHelper.textAlign(legendItem.textAlign)
+          });
+        };
+        var isHorizontal = this.isHorizontal();
+        var titleHeight = this._computeTitleHeight();
+        if (isHorizontal) {
+          cursor = {
+            x: _alignStartEnd(align, this.left + padding, this.right - lineWidths[0]),
+            y: this.top + padding + titleHeight,
+            line: 0
+          };
+        } else {
+          cursor = {
+            x: this.left + padding,
+            y: _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - columnSizes[0].height),
+            line: 0
+          };
         }
+        overrideTextDirection(this.ctx, opts.textDirection);
+        var lineHeight = itemHeight + padding;
+        this.legendItems.forEach(function (legendItem, i) {
+          ctx.strokeStyle = legendItem.fontColor;
+          ctx.fillStyle = legendItem.fontColor;
+          var textWidth = ctx.measureText(legendItem.text).width;
+          var textAlign = rtlHelper.textAlign(legendItem.textAlign || (legendItem.textAlign = labelOpts.textAlign));
+          var width = boxWidth + halfFontSize + textWidth;
+          var x = cursor.x;
+          var y = cursor.y;
+          rtlHelper.setWidth(_this29.width);
+          if (isHorizontal) {
+            if (i > 0 && x + width + padding > _this29.right) {
+              y = cursor.y += lineHeight;
+              cursor.line++;
+              x = cursor.x = _alignStartEnd(align, _this29.left + padding, _this29.right - lineWidths[cursor.line]);
+            }
+          } else if (i > 0 && y + lineHeight > _this29.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);
+          }
+          var realX = rtlHelper.x(x);
+          drawLegendBox(realX, y, legendItem);
+          x = _textX(textAlign, x + boxWidth + halfFontSize, isHorizontal ? x + width : _this29.right, opts.rtl);
+          fillText(rtlHelper.x(x), y, legendItem);
+          if (isHorizontal) {
+            cursor.x += width + padding;
+          } else if (typeof legendItem.text !== 'string') {
+            var fontLineHeight = labelFont.lineHeight;
+            cursor.y += calculateLegendItemHeight(legendItem, fontLineHeight);
+          } else {
+            cursor.y += lineHeight;
+          }
+        });
+        restoreTextDirection(this.ctx, opts.textDirection);
       }
     }, {
-      key: "drawGrid",
-      value: function drawGrid() {
-        var me = this;
-        var ctx = me.ctx;
-        var opts = me.options;
-        var angleLines = opts.angleLines,
-            grid = opts.grid;
-        var labelCount = me.getLabels().length;
-        var i, offset, position;
-
-        if (opts.pointLabels.display) {
-          drawPointLabels(me, labelCount);
+      key: "drawTitle",
+      value: function drawTitle() {
+        var opts = this.options;
+        var titleOpts = opts.title;
+        var titleFont = toFont(titleOpts.font);
+        var titlePadding = toPadding(titleOpts.padding);
+        if (!titleOpts.display) {
+          return;
         }
-
-        if (grid.display) {
-          me.ticks.forEach(function (tick, index) {
-            if (index !== 0) {
-              offset = me.getDistanceFromCenterForValue(tick.value);
-              var optsAtIndex = grid.setContext(me.getContext(index - 1));
-              drawRadiusLine(me, optsAtIndex, offset, labelCount);
-            }
-          });
+        var rtlHelper = getRtlAdapter(opts.rtl, this.left, this.width);
+        var ctx = this.ctx;
+        var position = titleOpts.position;
+        var halfFontSize = titleFont.size / 2;
+        var topPaddingPlusHalfFontSize = titlePadding.top + halfFontSize;
+        var y;
+        var left = this.left;
+        var maxWidth = this.width;
+        if (this.isHorizontal()) {
+          maxWidth = Math.max.apply(Math, _toConsumableArray(this.lineWidths));
+          y = this.top + topPaddingPlusHalfFontSize;
+          left = _alignStartEnd(opts.align, left, this.right - maxWidth);
+        } else {
+          var maxHeight = this.columnSizes.reduce(function (acc, size) {
+            return Math.max(acc, size.height);
+          }, 0);
+          y = topPaddingPlusHalfFontSize + _alignStartEnd(opts.align, this.top, this.bottom - maxHeight - opts.labels.padding - this._computeTitleHeight());
         }
-
-        if (angleLines.display) {
-          ctx.save();
-
-          for (i = me.getLabels().length - 1; i >= 0; i--) {
-            var optsAtIndex = angleLines.setContext(me.getContext(i));
-            var color = optsAtIndex.color,
-                lineWidth = optsAtIndex.lineWidth;
-
-            if (!lineWidth || !color) {
-              continue;
+        var x = _alignStartEnd(position, left, left + maxWidth);
+        ctx.textAlign = rtlHelper.textAlign(_toLeftRightCenter(position));
+        ctx.textBaseline = 'middle';
+        ctx.strokeStyle = titleOpts.color;
+        ctx.fillStyle = titleOpts.color;
+        ctx.font = titleFont.string;
+        renderText(ctx, titleOpts.text, x, y, titleFont);
+      }
+    }, {
+      key: "_computeTitleHeight",
+      value: function _computeTitleHeight() {
+        var titleOpts = this.options.title;
+        var titleFont = toFont(titleOpts.font);
+        var titlePadding = toPadding(titleOpts.padding);
+        return titleOpts.display ? titleFont.lineHeight + titlePadding.height : 0;
+      }
+    }, {
+      key: "_getLegendItemAt",
+      value: function _getLegendItemAt(x, y) {
+        var i, hitBox, lh;
+        if (_isBetween(x, this.left, this.right) && _isBetween(y, this.top, this.bottom)) {
+          lh = this.legendHitBoxes;
+          for (i = 0; i < lh.length; ++i) {
+            hitBox = lh[i];
+            if (_isBetween(x, hitBox.left, hitBox.left + hitBox.width) && _isBetween(y, hitBox.top, hitBox.top + hitBox.height)) {
+              return this.legendItems[i];
             }
-
-            ctx.lineWidth = lineWidth;
-            ctx.strokeStyle = color;
-            ctx.setLineDash(optsAtIndex.borderDash);
-            ctx.lineDashOffset = optsAtIndex.borderDashOffset;
-            offset = me.getDistanceFromCenterForValue(opts.ticks.reverse ? me.min : me.max);
-            position = me.getPointPosition(i, offset);
-            ctx.beginPath();
-            ctx.moveTo(me.xCenter, me.yCenter);
-            ctx.lineTo(position.x, position.y);
-            ctx.stroke();
           }
-
-          ctx.restore();
         }
+        return null;
       }
     }, {
-      key: "drawLabels",
-      value: function drawLabels() {
-        var me = this;
-        var ctx = me.ctx;
-        var opts = me.options;
-        var tickOpts = opts.ticks;
-
-        if (!tickOpts.display) {
+      key: "handleEvent",
+      value: function handleEvent(e) {
+        var opts = this.options;
+        if (!isListened(e.type, opts)) {
           return;
         }
-
-        var startAngle = me.getIndexAngle(0);
-        var offset, width;
-        ctx.save();
-        ctx.translate(me.xCenter, me.yCenter);
-        ctx.rotate(startAngle);
-        ctx.textAlign = 'center';
-        ctx.textBaseline = 'middle';
-        me.ticks.forEach(function (tick, index) {
-          if (index === 0 && !opts.reverse) {
-            return;
+        var hoveredItem = this._getLegendItemAt(e.x, e.y);
+        if (e.type === 'mousemove' || e.type === 'mouseout') {
+          var previous = this._hoveredItem;
+          var sameItem = itemsEqual(previous, hoveredItem);
+          if (previous && !sameItem) {
+            callback(opts.onLeave, [e, previous, this], this);
           }
-
-          var optsAtIndex = tickOpts.setContext(me.getContext(index));
-          var tickFont = toFont(optsAtIndex.font);
-          offset = me.getDistanceFromCenterForValue(me.ticks[index].value);
-
-          if (optsAtIndex.showLabelBackdrop) {
-            width = ctx.measureText(tick.label).width;
-            ctx.fillStyle = optsAtIndex.backdropColor;
-            var padding = toPadding(optsAtIndex.backdropPadding);
-            ctx.fillRect(-width / 2 - padding.left, -offset - tickFont.size / 2 - padding.top, width + padding.width, tickFont.size + padding.height);
+          this._hoveredItem = hoveredItem;
+          if (hoveredItem && !sameItem) {
+            callback(opts.onHover, [e, hoveredItem, this], this);
           }
-
-          renderText(ctx, tick.label, 0, -offset, tickFont, {
-            color: optsAtIndex.color
-          });
-        });
-        ctx.restore();
+        } else if (hoveredItem) {
+          callback(opts.onClick, [e, hoveredItem, this], this);
+        }
       }
-    }, {
-      key: "drawTitle",
-      value: function drawTitle() {}
     }]);
-
-    return RadialLinearScale;
-  }(LinearScaleBase);
-
-  RadialLinearScale.id = 'radialLinear';
-  RadialLinearScale.defaults = {
-    display: true,
-    animate: true,
-    position: 'chartArea',
-    angleLines: {
-      display: true,
-      lineWidth: 1,
-      borderDash: [],
-      borderDashOffset: 0.0
-    },
-    grid: {
-      circular: false
-    },
-    startAngle: 0,
-    ticks: {
-      showLabelBackdrop: true,
-      backdropColor: 'rgba(255,255,255,0.75)',
-      backdropPadding: 2,
-      callback: Ticks.formatters.numeric
-    },
-    pointLabels: {
-      backdropColor: undefined,
-      backdropPadding: 2,
-      display: true,
-      font: {
-        size: 10
-      },
-      callback: function callback(label) {
-        return label;
-      },
-      padding: 5
+    return Legend;
+  }(Element);
+  function calculateItemSize(boxWidth, labelFont, ctx, legendItem, _itemHeight) {
+    var itemWidth = calculateItemWidth(legendItem, boxWidth, labelFont, ctx);
+    var itemHeight = calculateItemHeight(_itemHeight, legendItem, labelFont.lineHeight);
+    return {
+      itemWidth: itemWidth,
+      itemHeight: itemHeight
+    };
+  }
+  function calculateItemWidth(legendItem, boxWidth, labelFont, ctx) {
+    var legendItemText = legendItem.text;
+    if (legendItemText && typeof legendItemText !== 'string') {
+      legendItemText = legendItemText.reduce(function (a, b) {
+        return a.length > b.length ? a : b;
+      });
     }
-  };
-  RadialLinearScale.defaultRoutes = {
-    'angleLines.color': 'borderColor',
-    'pointLabels.color': 'color',
-    'ticks.color': 'color'
-  };
-  RadialLinearScale.descriptors = {
-    angleLines: {
-      _fallback: 'grid'
+    return boxWidth + labelFont.size / 2 + ctx.measureText(legendItemText).width;
+  }
+  function calculateItemHeight(_itemHeight, legendItem, fontLineHeight) {
+    var itemHeight = _itemHeight;
+    if (typeof legendItem.text !== 'string') {
+      itemHeight = calculateLegendItemHeight(legendItem, fontLineHeight);
     }
-  };
-  var INTERVALS = {
-    millisecond: {
-      common: true,
-      size: 1,
-      steps: 1000
-    },
-    second: {
-      common: true,
-      size: 1000,
-      steps: 60
-    },
-    minute: {
-      common: true,
-      size: 60000,
-      steps: 60
+    return itemHeight;
+  }
+  function calculateLegendItemHeight(legendItem, fontLineHeight) {
+    var labelHeight = legendItem.text ? legendItem.text.length + 0.5 : 0;
+    return fontLineHeight * labelHeight;
+  }
+  function isListened(type, opts) {
+    if ((type === 'mousemove' || type === 'mouseout') && (opts.onHover || opts.onLeave)) {
+      return true;
+    }
+    if (opts.onClick && (type === 'click' || type === 'mouseup')) {
+      return true;
+    }
+    return false;
+  }
+  var plugin_legend = {
+    id: 'legend',
+    _element: Legend,
+    start: function start(chart, _args, options) {
+      var legend = chart.legend = new Legend({
+        ctx: chart.ctx,
+        options: options,
+        chart: chart
+      });
+      layouts.configure(chart, legend, options);
+      layouts.addBox(chart, legend);
     },
-    hour: {
-      common: true,
-      size: 3600000,
-      steps: 24
+    stop: function stop(chart) {
+      layouts.removeBox(chart, chart.legend);
+      delete chart.legend;
     },
-    day: {
-      common: true,
-      size: 86400000,
-      steps: 30
+    beforeUpdate: function beforeUpdate(chart, _args, options) {
+      var legend = chart.legend;
+      layouts.configure(chart, legend, options);
+      legend.options = options;
     },
-    week: {
-      common: false,
-      size: 604800000,
-      steps: 4
+    afterUpdate: function afterUpdate(chart) {
+      var legend = chart.legend;
+      legend.buildLabels();
+      legend.adjustHitBoxes();
     },
-    month: {
-      common: true,
-      size: 2.628e9,
-      steps: 12
+    afterEvent: function afterEvent(chart, args) {
+      if (!args.replay) {
+        chart.legend.handleEvent(args.event);
+      }
     },
-    quarter: {
-      common: false,
-      size: 7.884e9,
-      steps: 4
+    defaults: {
+      display: true,
+      position: 'top',
+      align: 'center',
+      fullSize: true,
+      reverse: false,
+      weight: 1000,
+      onClick: function onClick(e, legendItem, legend) {
+        var index = legendItem.datasetIndex;
+        var ci = legend.chart;
+        if (ci.isDatasetVisible(index)) {
+          ci.hide(index);
+          legendItem.hidden = true;
+        } else {
+          ci.show(index);
+          legendItem.hidden = false;
+        }
+      },
+      onHover: null,
+      onLeave: null,
+      labels: {
+        color: function color(ctx) {
+          return ctx.chart.options.color;
+        },
+        boxWidth: 40,
+        padding: 10,
+        generateLabels: function generateLabels(chart) {
+          var datasets = chart.data.datasets;
+          var _chart$legend$options = chart.legend.options.labels,
+            usePointStyle = _chart$legend$options.usePointStyle,
+            pointStyle = _chart$legend$options.pointStyle,
+            textAlign = _chart$legend$options.textAlign,
+            color = _chart$legend$options.color,
+            useBorderRadius = _chart$legend$options.useBorderRadius,
+            borderRadius = _chart$legend$options.borderRadius;
+          return chart._getSortedDatasetMetas().map(function (meta) {
+            var style = meta.controller.getStyle(usePointStyle ? 0 : undefined);
+            var borderWidth = toPadding(style.borderWidth);
+            return {
+              text: datasets[meta.index].label,
+              fillStyle: style.backgroundColor,
+              fontColor: color,
+              hidden: !meta.visible,
+              lineCap: style.borderCapStyle,
+              lineDash: style.borderDash,
+              lineDashOffset: style.borderDashOffset,
+              lineJoin: style.borderJoinStyle,
+              lineWidth: (borderWidth.width + borderWidth.height) / 4,
+              strokeStyle: style.borderColor,
+              pointStyle: pointStyle || style.pointStyle,
+              rotation: style.rotation,
+              textAlign: textAlign || style.textAlign,
+              borderRadius: useBorderRadius && (borderRadius || style.borderRadius),
+              datasetIndex: meta.index
+            };
+          }, this);
+        }
+      },
+      title: {
+        color: function color(ctx) {
+          return ctx.chart.options.color;
+        },
+        display: false,
+        position: 'center',
+        text: ''
+      }
     },
-    year: {
-      common: true,
-      size: 3.154e10
+    descriptors: {
+      _scriptable: function _scriptable(name) {
+        return !name.startsWith('on');
+      },
+      labels: {
+        _scriptable: function _scriptable(name) {
+          return !['generateLabels', 'filter', 'sort'].includes(name);
+        }
+      }
     }
   };
-  var UNITS = Object.keys(INTERVALS);
-
-  function sorter(a, b) {
-    return a - b;
-  }
-
-  function _parse(scale, input) {
-    if (isNullOrUndef(input)) {
-      return null;
-    }
-
-    var adapter = scale._adapter;
-    var options = scale.options.time;
-    var parser = options.parser,
-        round = options.round,
-        isoWeekday = options.isoWeekday;
-    var value = input;
-
-    if (typeof parser === 'function') {
-      value = parser(value);
-    }
-
-    if (!isNumberFinite(value)) {
-      value = typeof parser === 'string' ? adapter.parse(value, parser) : adapter.parse(value);
-    }
-
-    if (value === null) {
-      return null;
-    }
-
-    if (round) {
-      value = round === 'week' && (isNumber(isoWeekday) || isoWeekday === true) ? adapter.startOf(value, 'isoWeek', isoWeekday) : adapter.startOf(value, round);
-    }
-
-    return +value;
-  }
-
-  function determineUnitForAutoTicks(minUnit, min, max, capacity) {
-    var ilen = UNITS.length;
-
-    for (var i = UNITS.indexOf(minUnit); i < ilen - 1; ++i) {
-      var interval = INTERVALS[UNITS[i]];
-      var factor = interval.steps ? interval.steps : Number.MAX_SAFE_INTEGER;
-
-      if (interval.common && Math.ceil((max - min) / (factor * interval.size)) <= capacity) {
-        return UNITS[i];
-      }
-    }
-
-    return UNITS[ilen - 1];
-  }
-
-  function determineUnitForFormatting(scale, numTicks, minUnit, min, max) {
-    for (var i = UNITS.length - 1; i >= UNITS.indexOf(minUnit); i--) {
-      var unit = UNITS[i];
-
-      if (INTERVALS[unit].common && scale._adapter.diff(max, min, unit) >= numTicks - 1) {
-        return unit;
-      }
-    }
-
-    return UNITS[minUnit ? UNITS.indexOf(minUnit) : 0];
-  }
-
-  function determineMajorUnit(unit) {
-    for (var i = UNITS.indexOf(unit) + 1, ilen = UNITS.length; i < ilen; ++i) {
-      if (INTERVALS[UNITS[i]].common) {
-        return UNITS[i];
-      }
-    }
-  }
-
-  function addTick(ticks, time, timestamps) {
-    if (!timestamps) {
-      ticks[time] = true;
-    } else if (timestamps.length) {
-      var _lookup2 = _lookup(timestamps, time),
-          lo = _lookup2.lo,
-          hi = _lookup2.hi;
-
-      var timestamp = timestamps[lo] >= time ? timestamps[lo] : timestamps[hi];
-      ticks[timestamp] = true;
-    }
-  }
-
-  function setMajorTicks(scale, ticks, map, majorUnit) {
-    var adapter = scale._adapter;
-    var first = +adapter.startOf(ticks[0].value, majorUnit);
-    var last = ticks[ticks.length - 1].value;
-    var major, index;
-
-    for (major = first; major <= last; major = +adapter.add(major, 1, majorUnit)) {
-      index = map[major];
-
-      if (index >= 0) {
-        ticks[index].major = true;
-      }
-    }
-
-    return ticks;
-  }
-
-  function ticksFromTimestamps(scale, values, majorUnit) {
-    var ticks = [];
-    var map = {};
-    var ilen = values.length;
-    var i, value;
-
-    for (i = 0; i < ilen; ++i) {
-      value = values[i];
-      map[value] = i;
-      ticks.push({
-        value: value,
-        major: false
-      });
-    }
-
-    return ilen === 0 || !majorUnit ? ticks : setMajorTicks(scale, ticks, map, majorUnit);
-  }
-
-  var TimeScale = /*#__PURE__*/function (_Scale4) {
-    _inherits(TimeScale, _Scale4);
-
-    var _super24 = _createSuper(TimeScale);
-
-    function TimeScale(props) {
-      var _this17;
-
-      _classCallCheck(this, TimeScale);
-
-      _this17 = _super24.call(this, props);
-      _this17._cache = {
-        data: [],
-        labels: [],
-        all: []
-      };
-      _this17._unit = 'day';
-      _this17._majorUnit = undefined;
-      _this17._offsets = {};
-      _this17._normalized = false;
-      return _this17;
-    }
-
-    _createClass(TimeScale, [{
-      key: "init",
-      value: function init(scaleOpts, opts) {
-        var time = scaleOpts.time || (scaleOpts.time = {});
-        var adapter = this._adapter = new adapters._date(scaleOpts.adapters.date);
-        mergeIf(time.displayFormats, adapter.formats());
-
-        _get(_getPrototypeOf(TimeScale.prototype), "init", this).call(this, scaleOpts);
-
-        this._normalized = opts.normalized;
-      }
-    }, {
-      key: "parse",
-      value: function parse(raw, index) {
-        if (raw === undefined) {
-          return null;
-        }
-
-        return _parse(this, raw);
+  var Title = /*#__PURE__*/function (_Element7) {
+    _inherits$w(Title, _Element7);
+    var _super17 = _createSuper$w(Title);
+    function Title(config) {
+      var _this30;
+      _classCallCheck$x(this, Title);
+      _this30 = _super17.call(this);
+      _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;
+    }
+    _createClass$x(Title, [{
+      key: "update",
+      value: function update(maxWidth, maxHeight) {
+        var opts = this.options;
+        this.left = 0;
+        this.top = 0;
+        if (!opts.display) {
+          this.width = this.height = this.right = this.bottom = 0;
+          return;
+        }
+        this.width = this.right = maxWidth;
+        this.height = this.bottom = maxHeight;
+        var lineCount = isArray(opts.text) ? opts.text.length : 1;
+        this._padding = toPadding(opts.padding);
+        var textSize = lineCount * toFont(opts.font).lineHeight + this._padding.height;
+        if (this.isHorizontal()) {
+          this.height = textSize;
+        } else {
+          this.width = textSize;
+        }
       }
     }, {
-      key: "beforeLayout",
-      value: function beforeLayout() {
-        _get(_getPrototypeOf(TimeScale.prototype), "beforeLayout", this).call(this);
-
-        this._cache = {
-          data: [],
-          labels: [],
-          all: []
-        };
+      key: "isHorizontal",
+      value: function isHorizontal() {
+        var pos = this.options.position;
+        return pos === 'top' || pos === 'bottom';
       }
     }, {
-      key: "determineDataLimits",
-      value: function determineDataLimits() {
-        var me = this;
-        var options = me.options;
-        var adapter = me._adapter;
-        var unit = options.time.unit || 'day';
-
-        var _me$getUserBounds5 = me.getUserBounds(),
-            min = _me$getUserBounds5.min,
-            max = _me$getUserBounds5.max,
-            minDefined = _me$getUserBounds5.minDefined,
-            maxDefined = _me$getUserBounds5.maxDefined;
-
-        function _applyBounds(bounds) {
-          if (!minDefined && !isNaN(bounds.min)) {
-            min = Math.min(min, bounds.min);
-          }
-
-          if (!maxDefined && !isNaN(bounds.max)) {
-            max = Math.max(max, bounds.max);
-          }
-        }
-
-        if (!minDefined || !maxDefined) {
-          _applyBounds(me._getLabelBounds());
-
-          if (options.bounds !== 'ticks' || options.ticks.source !== 'labels') {
-            _applyBounds(me.getMinMax(false));
+      key: "_drawArgs",
+      value: function _drawArgs(offset) {
+        var top = this.top,
+          left = this.left,
+          bottom = this.bottom,
+          right = this.right,
+          options = this.options;
+        var align = options.align;
+        var rotation = 0;
+        var maxWidth, titleX, titleY;
+        if (this.isHorizontal()) {
+          titleX = _alignStartEnd(align, left, right);
+          titleY = top + offset;
+          maxWidth = right - left;
+        } else {
+          if (options.position === 'left') {
+            titleX = left + offset;
+            titleY = _alignStartEnd(align, bottom, top);
+            rotation = PI * -0.5;
+          } else {
+            titleX = right - offset;
+            titleY = _alignStartEnd(align, top, bottom);
+            rotation = PI * 0.5;
           }
+          maxWidth = bottom - top;
         }
-
-        min = isNumberFinite(min) && !isNaN(min) ? min : +adapter.startOf(Date.now(), unit);
-        max = isNumberFinite(max) && !isNaN(max) ? max : +adapter.endOf(Date.now(), unit) + 1;
-        me.min = Math.min(min, max - 1);
-        me.max = Math.max(min + 1, max);
-      }
-    }, {
-      key: "_getLabelBounds",
-      value: function _getLabelBounds() {
-        var arr = this.getLabelTimestamps();
-        var min = Number.POSITIVE_INFINITY;
-        var max = Number.NEGATIVE_INFINITY;
-
-        if (arr.length) {
-          min = arr[0];
-          max = arr[arr.length - 1];
-        }
-
         return {
-          min: min,
-          max: max
+          titleX: titleX,
+          titleY: titleY,
+          maxWidth: maxWidth,
+          rotation: rotation
         };
       }
     }, {
-      key: "buildTicks",
-      value: function buildTicks() {
-        var me = this;
-        var options = me.options;
-        var timeOpts = options.time;
-        var tickOpts = options.ticks;
-        var timestamps = tickOpts.source === 'labels' ? me.getLabelTimestamps() : me._generate();
-
-        if (options.bounds === 'ticks' && timestamps.length) {
-          me.min = me._userMin || timestamps[0];
-          me.max = me._userMax || timestamps[timestamps.length - 1];
-        }
-
-        var min = me.min;
-        var max = me.max;
-
-        var ticks = _filterBetween(timestamps, min, max);
-
-        me._unit = timeOpts.unit || (tickOpts.autoSkip ? determineUnitForAutoTicks(timeOpts.minUnit, me.min, me.max, me._getLabelCapacity(min)) : determineUnitForFormatting(me, ticks.length, timeOpts.minUnit, me.min, me.max));
-        me._majorUnit = !tickOpts.major.enabled || me._unit === 'year' ? undefined : determineMajorUnit(me._unit);
-        me.initOffsets(timestamps);
-
-        if (options.reverse) {
-          ticks.reverse();
-        }
-
-        return ticksFromTimestamps(me, ticks, me._majorUnit);
-      }
-    }, {
-      key: "initOffsets",
-      value: function initOffsets(timestamps) {
-        var me = this;
-        var start = 0;
-        var end = 0;
-        var first, last;
-
-        if (me.options.offset && timestamps.length) {
-          first = me.getDecimalForValue(timestamps[0]);
-
-          if (timestamps.length === 1) {
-            start = 1 - first;
-          } else {
-            start = (me.getDecimalForValue(timestamps[1]) - first) / 2;
-          }
-
-          last = me.getDecimalForValue(timestamps[timestamps.length - 1]);
-
-          if (timestamps.length === 1) {
-            end = last;
-          } else {
-            end = (last - me.getDecimalForValue(timestamps[timestamps.length - 2])) / 2;
-          }
+      key: "draw",
+      value: function draw() {
+        var ctx = this.ctx;
+        var opts = this.options;
+        if (!opts.display) {
+          return;
         }
-
-        var limit = timestamps.length < 3 ? 0.5 : 0.25;
-        start = _limitValue(start, 0, limit);
-        end = _limitValue(end, 0, limit);
-        me._offsets = {
-          start: start,
-          end: end,
-          factor: 1 / (start + 1 + end)
-        };
+        var fontOpts = toFont(opts.font);
+        var lineHeight = fontOpts.lineHeight;
+        var offset = lineHeight / 2 + this._padding.top;
+        var _this$_drawArgs = this._drawArgs(offset),
+          titleX = _this$_drawArgs.titleX,
+          titleY = _this$_drawArgs.titleY,
+          maxWidth = _this$_drawArgs.maxWidth,
+          rotation = _this$_drawArgs.rotation;
+        renderText(ctx, opts.text, 0, 0, fontOpts, {
+          color: opts.color,
+          maxWidth: maxWidth,
+          rotation: rotation,
+          textAlign: _toLeftRightCenter(opts.align),
+          textBaseline: 'middle',
+          translation: [titleX, titleY]
+        });
       }
-    }, {
-      key: "_generate",
-      value: function _generate() {
-        var me = this;
-        var adapter = me._adapter;
-        var min = me.min;
-        var max = me.max;
-        var options = me.options;
-        var timeOpts = options.time;
-        var minor = timeOpts.unit || determineUnitForAutoTicks(timeOpts.minUnit, min, max, me._getLabelCapacity(min));
-        var stepSize = valueOrDefault(timeOpts.stepSize, 1);
-        var weekday = minor === 'week' ? timeOpts.isoWeekday : false;
-        var hasWeekday = isNumber(weekday) || weekday === true;
-        var ticks = {};
-        var first = min;
-        var time, count;
-
-        if (hasWeekday) {
-          first = +adapter.startOf(first, 'isoWeek', weekday);
-        }
-
-        first = +adapter.startOf(first, hasWeekday ? 'day' : minor);
-
-        if (adapter.diff(max, min, minor) > 100000 * stepSize) {
-          throw new Error(min + ' and ' + max + ' are too far apart with stepSize of ' + stepSize + ' ' + minor);
-        }
-
-        var timestamps = options.ticks.source === 'data' && me.getDataTimestamps();
-
-        for (time = first, count = 0; time < max; time = +adapter.add(time, stepSize, minor), count++) {
-          addTick(ticks, time, timestamps);
-        }
-
-        if (time === max || options.bounds === 'ticks' || count === 1) {
-          addTick(ticks, time, timestamps);
-        }
-
-        return Object.keys(ticks).sort(function (a, b) {
-          return a - b;
-        }).map(function (x) {
-          return +x;
-        });
-      }
-    }, {
-      key: "getLabelForValue",
-      value: function getLabelForValue(value) {
-        var me = this;
-        var adapter = me._adapter;
-        var timeOpts = me.options.time;
-
-        if (timeOpts.tooltipFormat) {
-          return adapter.format(value, timeOpts.tooltipFormat);
-        }
-
-        return adapter.format(value, timeOpts.displayFormats.datetime);
-      }
-    }, {
-      key: "_tickFormatFunction",
-      value: function _tickFormatFunction(time, index, ticks, format) {
-        var me = this;
-        var options = me.options;
-        var formats = options.time.displayFormats;
-        var unit = me._unit;
-        var majorUnit = me._majorUnit;
-        var minorFormat = unit && formats[unit];
-        var majorFormat = majorUnit && formats[majorUnit];
-        var tick = ticks[index];
-        var major = majorUnit && majorFormat && tick && tick.major;
-
-        var label = me._adapter.format(time, format || (major ? majorFormat : minorFormat));
-
-        var formatter = options.ticks.callback;
-        return formatter ? formatter(label, index, ticks) : label;
+    }]);
+    return Title;
+  }(Element);
+  function createTitle(chart, titleOpts) {
+    var title = new Title({
+      ctx: chart.ctx,
+      options: titleOpts,
+      chart: chart
+    });
+    layouts.configure(chart, title, titleOpts);
+    layouts.addBox(chart, title);
+    chart.titleBlock = title;
+  }
+  var plugin_title = {
+    id: 'title',
+    _element: Title,
+    start: function start(chart, _args, options) {
+      createTitle(chart, options);
+    },
+    stop: function stop(chart) {
+      var titleBlock = chart.titleBlock;
+      layouts.removeBox(chart, titleBlock);
+      delete chart.titleBlock;
+    },
+    beforeUpdate: function beforeUpdate(chart, _args, options) {
+      var title = chart.titleBlock;
+      layouts.configure(chart, title, options);
+      title.options = options;
+    },
+    defaults: {
+      align: 'center',
+      display: false,
+      font: {
+        weight: 'bold'
+      },
+      fullSize: true,
+      padding: 10,
+      position: 'top',
+      text: '',
+      weight: 2000
+    },
+    defaultRoutes: {
+      color: 'color'
+    },
+    descriptors: {
+      _scriptable: true,
+      _indexable: false
+    }
+  };
+  var map = new WeakMap();
+  var plugin_subtitle = {
+    id: 'subtitle',
+    start: function start(chart, _args, options) {
+      var title = new Title({
+        ctx: chart.ctx,
+        options: options,
+        chart: chart
+      });
+      layouts.configure(chart, title, options);
+      layouts.addBox(chart, title);
+      map.set(chart, title);
+    },
+    stop: function stop(chart) {
+      layouts.removeBox(chart, map.get(chart));
+      map["delete"](chart);
+    },
+    beforeUpdate: function beforeUpdate(chart, _args, options) {
+      var title = map.get(chart);
+      layouts.configure(chart, title, options);
+      title.options = options;
+    },
+    defaults: {
+      align: 'center',
+      display: false,
+      font: {
+        weight: 'normal'
+      },
+      fullSize: true,
+      padding: 0,
+      position: 'top',
+      text: '',
+      weight: 1500
+    },
+    defaultRoutes: {
+      color: 'color'
+    },
+    descriptors: {
+      _scriptable: true,
+      _indexable: false
+    }
+  };
+  var positioners = {
+    average: function average(items) {
+      if (!items.length) {
+        return false;
       }
-    }, {
-      key: "generateTickLabels",
-      value: function generateTickLabels(ticks) {
-        var i, ilen, tick;
-
-        for (i = 0, ilen = ticks.length; i < ilen; ++i) {
-          tick = ticks[i];
-          tick.label = this._tickFormatFunction(tick.value, i, ticks);
+      var i, len;
+      var x = 0;
+      var y = 0;
+      var count = 0;
+      for (i = 0, len = items.length; i < len; ++i) {
+        var el = items[i].element;
+        if (el && el.hasValue()) {
+          var pos = el.tooltipPosition();
+          x += pos.x;
+          y += pos.y;
+          ++count;
         }
       }
-    }, {
-      key: "getDecimalForValue",
-      value: function getDecimalForValue(value) {
-        var me = this;
-        return value === null ? NaN : (value - me.min) / (me.max - me.min);
-      }
-    }, {
-      key: "getPixelForValue",
-      value: function getPixelForValue(value) {
-        var me = this;
-        var offsets = me._offsets;
-        var pos = me.getDecimalForValue(value);
-        return me.getPixelForDecimal((offsets.start + pos) * offsets.factor);
-      }
-    }, {
-      key: "getValueForPixel",
-      value: function getValueForPixel(pixel) {
-        var me = this;
-        var offsets = me._offsets;
-        var pos = me.getDecimalForPixel(pixel) / offsets.factor - offsets.end;
-        return me.min + pos * (me.max - me.min);
-      }
-    }, {
-      key: "_getLabelSize",
-      value: function _getLabelSize(label) {
-        var me = this;
-        var ticksOpts = me.options.ticks;
-        var tickLabelWidth = me.ctx.measureText(label).width;
-        var angle = toRadians(me.isHorizontal() ? ticksOpts.maxRotation : ticksOpts.minRotation);
-        var cosRotation = Math.cos(angle);
-        var sinRotation = Math.sin(angle);
-
-        var tickFontSize = me._resolveTickFontOptions(0).size;
-
-        return {
-          w: tickLabelWidth * cosRotation + tickFontSize * sinRotation,
-          h: tickLabelWidth * sinRotation + tickFontSize * cosRotation
-        };
-      }
-    }, {
-      key: "_getLabelCapacity",
-      value: function _getLabelCapacity(exampleTime) {
-        var me = this;
-        var timeOpts = me.options.time;
-        var displayFormats = timeOpts.displayFormats;
-        var format = displayFormats[timeOpts.unit] || displayFormats.millisecond;
-
-        var exampleLabel = me._tickFormatFunction(exampleTime, 0, ticksFromTimestamps(me, [exampleTime], me._majorUnit), format);
-
-        var size = me._getLabelSize(exampleLabel);
-
-        var capacity = Math.floor(me.isHorizontal() ? me.width / size.w : me.height / size.h) - 1;
-        return capacity > 0 ? capacity : 1;
-      }
-    }, {
-      key: "getDataTimestamps",
-      value: function getDataTimestamps() {
-        var me = this;
-        var timestamps = me._cache.data || [];
-        var i, ilen;
-
-        if (timestamps.length) {
-          return timestamps;
-        }
-
-        var metas = me.getMatchingVisibleMetas();
-
-        if (me._normalized && metas.length) {
-          return me._cache.data = metas[0].controller.getAllParsedValues(me);
-        }
-
-        for (i = 0, ilen = metas.length; i < ilen; ++i) {
-          timestamps = timestamps.concat(metas[i].controller.getAllParsedValues(me));
-        }
-
-        return me._cache.data = me.normalize(timestamps);
+      return {
+        x: x / count,
+        y: y / count
+      };
+    },
+    nearest: function nearest(items, eventPosition) {
+      if (!items.length) {
+        return false;
       }
-    }, {
-      key: "getLabelTimestamps",
-      value: function getLabelTimestamps() {
-        var me = this;
-        var timestamps = me._cache.labels || [];
-        var i, ilen;
-
-        if (timestamps.length) {
-          return timestamps;
-        }
-
-        var labels = me.getLabels();
-
-        for (i = 0, ilen = labels.length; i < ilen; ++i) {
-          timestamps.push(_parse(me, labels[i]));
+      var x = eventPosition.x;
+      var y = eventPosition.y;
+      var minDistance = Number.POSITIVE_INFINITY;
+      var i, len, nearestElement;
+      for (i = 0, len = items.length; i < len; ++i) {
+        var el = items[i].element;
+        if (el && el.hasValue()) {
+          var center = el.getCenterPoint();
+          var d = distanceBetweenPoints(eventPosition, center);
+          if (d < minDistance) {
+            minDistance = d;
+            nearestElement = el;
+          }
         }
-
-        return me._cache.labels = me._normalized ? timestamps : me.normalize(timestamps);
-      }
-    }, {
-      key: "normalize",
-      value: function normalize(values) {
-        return _arrayUnique(values.sort(sorter));
       }
-    }]);
-
-    return TimeScale;
-  }(Scale);
-
-  TimeScale.id = 'time';
-  TimeScale.defaults = {
-    bounds: 'data',
-    adapters: {},
-    time: {
-      parser: false,
-      unit: false,
-      round: false,
-      isoWeekday: false,
-      minUnit: 'millisecond',
-      displayFormats: {}
-    },
-    ticks: {
-      source: 'auto',
-      major: {
-        enabled: false
+      if (nearestElement) {
+        var tp = nearestElement.tooltipPosition();
+        x = tp.x;
+        y = tp.y;
       }
+      return {
+        x: x,
+        y: y
+      };
     }
   };
-
-  function interpolate(table, val, reverse) {
-    var prevSource, nextSource, prevTarget, nextTarget;
-
-    if (reverse) {
-      prevSource = Math.floor(val);
-      nextSource = Math.ceil(val);
-      prevTarget = table[prevSource];
-      nextTarget = table[nextSource];
-    } else {
-      var result = _lookup(table, val);
-
-      prevTarget = result.lo;
-      nextTarget = result.hi;
-      prevSource = table[prevTarget];
-      nextSource = table[nextTarget];
-    }
-
-    var span = nextSource - prevSource;
-    return span ? prevTarget + (nextTarget - prevTarget) * (val - prevSource) / span : prevTarget;
-  }
-
-  var TimeSeriesScale = /*#__PURE__*/function (_TimeScale) {
-    _inherits(TimeSeriesScale, _TimeScale);
-
-    var _super25 = _createSuper(TimeSeriesScale);
-
-    function TimeSeriesScale(props) {
-      var _this18;
-
-      _classCallCheck(this, TimeSeriesScale);
-
-      _this18 = _super25.call(this, props);
-      _this18._table = [];
-      _this18._maxIndex = undefined;
-      return _this18;
+  function pushOrConcat(base, toPush) {
+    if (toPush) {
+      if (isArray(toPush)) {
+        Array.prototype.push.apply(base, toPush);
+      } else {
+        base.push(toPush);
+      }
     }
-
-    _createClass(TimeSeriesScale, [{
-      key: "initOffsets",
-      value: function initOffsets() {
-        var me = this;
-
-        var timestamps = me._getTimestampsForTable();
-
-        me._table = me.buildLookupTable(timestamps);
-        me._maxIndex = me._table.length - 1;
-
-        _get(_getPrototypeOf(TimeSeriesScale.prototype), "initOffsets", this).call(this, timestamps);
+    return base;
+  }
+  function splitNewlines(str) {
+    if ((typeof str === 'string' || str instanceof String) && str.indexOf('\n') > -1) {
+      return str.split('\n');
+    }
+    return str;
+  }
+  function createTooltipItem(chart, item) {
+    var element = item.element,
+      datasetIndex = item.datasetIndex,
+      index = item.index;
+    var controller = chart.getDatasetMeta(datasetIndex).controller;
+    var _controller$getLabelA = controller.getLabelAndValue(index),
+      label = _controller$getLabelA.label,
+      value = _controller$getLabelA.value;
+    return {
+      chart: chart,
+      label: label,
+      parsed: controller.getParsed(index),
+      raw: chart.data.datasets[datasetIndex].data[index],
+      formattedValue: value,
+      dataset: controller.getDataset(),
+      dataIndex: index,
+      datasetIndex: datasetIndex,
+      element: element
+    };
+  }
+  function getTooltipSize(tooltip, options) {
+    var ctx = tooltip.chart.ctx;
+    var body = tooltip.body,
+      footer = tooltip.footer,
+      title = tooltip.title;
+    var boxWidth = options.boxWidth,
+      boxHeight = options.boxHeight;
+    var bodyFont = toFont(options.bodyFont);
+    var titleFont = toFont(options.titleFont);
+    var footerFont = toFont(options.footerFont);
+    var titleLineCount = title.length;
+    var footerLineCount = footer.length;
+    var bodyLineItemCount = body.length;
+    var padding = toPadding(options.padding);
+    var height = padding.height;
+    var width = 0;
+    var combinedBodyLength = body.reduce(function (count, bodyItem) {
+      return count + bodyItem.before.length + bodyItem.lines.length + bodyItem.after.length;
+    }, 0);
+    combinedBodyLength += tooltip.beforeBody.length + tooltip.afterBody.length;
+    if (titleLineCount) {
+      height += titleLineCount * titleFont.lineHeight + (titleLineCount - 1) * options.titleSpacing + options.titleMarginBottom;
+    }
+    if (combinedBodyLength) {
+      var bodyLineHeight = options.displayColors ? Math.max(boxHeight, bodyFont.lineHeight) : bodyFont.lineHeight;
+      height += bodyLineItemCount * bodyLineHeight + (combinedBodyLength - bodyLineItemCount) * bodyFont.lineHeight + (combinedBodyLength - 1) * options.bodySpacing;
+    }
+    if (footerLineCount) {
+      height += options.footerMarginTop + footerLineCount * footerFont.lineHeight + (footerLineCount - 1) * options.footerSpacing;
+    }
+    var widthPadding = 0;
+    var maxLineWidth = function maxLineWidth(line) {
+      width = Math.max(width, ctx.measureText(line).width + widthPadding);
+    };
+    ctx.save();
+    ctx.font = titleFont.string;
+    each(tooltip.title, maxLineWidth);
+    ctx.font = bodyFont.string;
+    each(tooltip.beforeBody.concat(tooltip.afterBody), maxLineWidth);
+    widthPadding = options.displayColors ? boxWidth + 2 + options.boxPadding : 0;
+    each(body, function (bodyItem) {
+      each(bodyItem.before, maxLineWidth);
+      each(bodyItem.lines, maxLineWidth);
+      each(bodyItem.after, maxLineWidth);
+    });
+    widthPadding = 0;
+    ctx.font = footerFont.string;
+    each(tooltip.footer, maxLineWidth);
+    ctx.restore();
+    width += padding.width;
+    return {
+      width: width,
+      height: height
+    };
+  }
+  function determineYAlign(chart, size) {
+    var y = size.y,
+      height = size.height;
+    if (y < height / 2) {
+      return 'top';
+    } else if (y > chart.height - height / 2) {
+      return 'bottom';
+    }
+    return 'center';
+  }
+  function doesNotFitWithAlign(xAlign, chart, options, size) {
+    var x = size.x,
+      width = size.width;
+    var caret = options.caretSize + options.caretPadding;
+    if (xAlign === 'left' && x + width + caret > chart.width) {
+      return true;
+    }
+    if (xAlign === 'right' && x - width - caret < 0) {
+      return true;
+    }
+  }
+  function determineXAlign(chart, options, size, yAlign) {
+    var x = size.x,
+      width = size.width;
+    var chartWidth = chart.width,
+      _chart$chartArea = chart.chartArea,
+      left = _chart$chartArea.left,
+      right = _chart$chartArea.right;
+    var xAlign = 'center';
+    if (yAlign === 'center') {
+      xAlign = x <= (left + right) / 2 ? 'left' : 'right';
+    } else if (x <= width / 2) {
+      xAlign = 'left';
+    } else if (x >= chartWidth - width / 2) {
+      xAlign = 'right';
+    }
+    if (doesNotFitWithAlign(xAlign, chart, options, size)) {
+      xAlign = 'center';
+    }
+    return xAlign;
+  }
+  function determineAlignment(chart, options, size) {
+    var yAlign = size.yAlign || options.yAlign || determineYAlign(chart, size);
+    return {
+      xAlign: size.xAlign || options.xAlign || determineXAlign(chart, options, size, yAlign),
+      yAlign: yAlign
+    };
+  }
+  function alignX(size, xAlign) {
+    var x = size.x,
+      width = size.width;
+    if (xAlign === 'right') {
+      x -= width;
+    } else if (xAlign === 'center') {
+      x -= width / 2;
+    }
+    return x;
+  }
+  function alignY(size, yAlign, paddingAndSize) {
+    var y = size.y,
+      height = size.height;
+    if (yAlign === 'top') {
+      y += paddingAndSize;
+    } else if (yAlign === 'bottom') {
+      y -= height + paddingAndSize;
+    } else {
+      y -= height / 2;
+    }
+    return y;
+  }
+  function getBackgroundPoint(options, size, alignment, chart) {
+    var caretSize = options.caretSize,
+      caretPadding = options.caretPadding,
+      cornerRadius = options.cornerRadius;
+    var xAlign = alignment.xAlign,
+      yAlign = alignment.yAlign;
+    var paddingAndSize = caretSize + caretPadding;
+    var _toTRBLCorners = toTRBLCorners(cornerRadius),
+      topLeft = _toTRBLCorners.topLeft,
+      topRight = _toTRBLCorners.topRight,
+      bottomLeft = _toTRBLCorners.bottomLeft,
+      bottomRight = _toTRBLCorners.bottomRight;
+    var x = alignX(size, xAlign);
+    var y = alignY(size, yAlign, paddingAndSize);
+    if (yAlign === 'center') {
+      if (xAlign === 'left') {
+        x += paddingAndSize;
+      } else if (xAlign === 'right') {
+        x -= paddingAndSize;
       }
-    }, {
-      key: "buildLookupTable",
-      value: function buildLookupTable(timestamps) {
-        var me = this;
-        var min = me.min,
-            max = me.max;
-
-        if (!timestamps.length) {
-          return [{
-            time: min,
-            pos: 0
-          }, {
-            time: max,
-            pos: 1
-          }];
-        }
-
-        var items = [min];
-        var i, ilen, curr;
-
-        for (i = 0, ilen = timestamps.length; i < ilen; ++i) {
-          curr = timestamps[i];
-
-          if (curr > min && curr < max) {
-            items.push(curr);
-          }
+    } else if (xAlign === 'left') {
+      x -= Math.max(topLeft, bottomLeft) + caretSize;
+    } else if (xAlign === 'right') {
+      x += Math.max(topRight, bottomRight) + caretSize;
+    }
+    return {
+      x: _limitValue(x, 0, chart.width - size.width),
+      y: _limitValue(y, 0, chart.height - size.height)
+    };
+  }
+  function getAlignedX(tooltip, align, options) {
+    var padding = toPadding(options.padding);
+    return align === 'center' ? tooltip.x + tooltip.width / 2 : align === 'right' ? tooltip.x + tooltip.width - padding.right : tooltip.x + padding.left;
+  }
+  function getBeforeAfterBodyLines(callback) {
+    return pushOrConcat([], splitNewlines(callback));
+  }
+  function createTooltipContext(parent, tooltip, tooltipItems) {
+    return createContext(parent, {
+      tooltip: tooltip,
+      tooltipItems: tooltipItems,
+      type: 'tooltip'
+    });
+  }
+  function overrideCallbacks(callbacks, context) {
+    var override = context && context.dataset && context.dataset.tooltip && context.dataset.tooltip.callbacks;
+    return override ? callbacks.override(override) : callbacks;
+  }
+  var defaultCallbacks = {
+    beforeTitle: noop,
+    title: function title(tooltipItems) {
+      if (tooltipItems.length > 0) {
+        var item = tooltipItems[0];
+        var labels = item.chart.data.labels;
+        var labelCount = labels ? labels.length : 0;
+        if (this && this.options && this.options.mode === 'dataset') {
+          return item.dataset.label || '';
+        } else if (item.label) {
+          return item.label;
+        } else if (labelCount > 0 && item.dataIndex < labelCount) {
+          return labels[item.dataIndex];
         }
-
-        items.push(max);
-        return items;
+      }
+      return '';
+    },
+    afterTitle: noop,
+    beforeBody: noop,
+    beforeLabel: noop,
+    label: function label(tooltipItem) {
+      if (this && this.options && this.options.mode === 'dataset') {
+        return tooltipItem.label + ': ' + tooltipItem.formattedValue || tooltipItem.formattedValue;
+      }
+      var label = tooltipItem.dataset.label || '';
+      if (label) {
+        label += ': ';
+      }
+      var value = tooltipItem.formattedValue;
+      if (!isNullOrUndef(value)) {
+        label += value;
+      }
+      return label;
+    },
+    labelColor: function labelColor(tooltipItem) {
+      var meta = tooltipItem.chart.getDatasetMeta(tooltipItem.datasetIndex);
+      var options = meta.controller.getStyle(tooltipItem.dataIndex);
+      return {
+        borderColor: options.borderColor,
+        backgroundColor: options.backgroundColor,
+        borderWidth: options.borderWidth,
+        borderDash: options.borderDash,
+        borderDashOffset: options.borderDashOffset,
+        borderRadius: 0
+      };
+    },
+    labelTextColor: function labelTextColor() {
+      return this.options.bodyColor;
+    },
+    labelPointStyle: function labelPointStyle(tooltipItem) {
+      var meta = tooltipItem.chart.getDatasetMeta(tooltipItem.datasetIndex);
+      var options = meta.controller.getStyle(tooltipItem.dataIndex);
+      return {
+        pointStyle: options.pointStyle,
+        rotation: options.rotation
+      };
+    },
+    afterLabel: noop,
+    afterBody: noop,
+    beforeFooter: noop,
+    footer: noop,
+    afterFooter: noop
+  };
+  function invokeCallbackWithFallback(callbacks, name, ctx, arg) {
+    var result = callbacks[name].call(ctx, arg);
+    if (typeof result === 'undefined') {
+      return defaultCallbacks[name].call(ctx, arg);
+    }
+    return result;
+  }
+  var Tooltip = /*#__PURE__*/function (_Element8) {
+    _inherits$w(Tooltip, _Element8);
+    var _super18 = _createSuper$w(Tooltip);
+    function Tooltip(config) {
+      var _this31;
+      _classCallCheck$x(this, Tooltip);
+      _this31 = _super18.call(this);
+      _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;
+    }
+    _createClass$x(Tooltip, [{
+      key: "initialize",
+      value: function initialize(options) {
+        this.options = options;
+        this._cachedAnimations = undefined;
+        this.$context = undefined;
       }
     }, {
-      key: "_getTimestampsForTable",
-      value: function _getTimestampsForTable() {
-        var me = this;
-        var timestamps = me._cache.all || [];
-
-        if (timestamps.length) {
-          return timestamps;
+      key: "_resolveAnimations",
+      value: function _resolveAnimations() {
+        var cached = this._cachedAnimations;
+        if (cached) {
+          return cached;
         }
-
-        var data = me.getDataTimestamps();
-        var label = me.getLabelTimestamps();
-
-        if (data.length && label.length) {
-          timestamps = me.normalize(data.concat(label));
-        } else {
-          timestamps = data.length ? data : label;
+        var chart = this.chart;
+        var options = this.options.setContext(this.getContext());
+        var opts = options.enabled && chart.options.animation && options.animations;
+        var animations = new Animations(this.chart, opts);
+        if (opts._cacheable) {
+          this._cachedAnimations = Object.freeze(animations);
         }
-
-        timestamps = me._cache.all = timestamps;
-        return timestamps;
+        return animations;
       }
     }, {
-      key: "getPixelForValue",
-      value: function getPixelForValue(value, index) {
-        var me = this;
-        var offsets = me._offsets;
-        var pos = me._normalized && me._maxIndex > 0 && !isNullOrUndef(index) ? index / me._maxIndex : me.getDecimalForValue(value);
-        return me.getPixelForDecimal((offsets.start + pos) * offsets.factor);
+      key: "getContext",
+      value: function getContext() {
+        return this.$context || (this.$context = createTooltipContext(this.chart.getContext(), this, this._tooltipItems));
       }
     }, {
-      key: "getDecimalForValue",
-      value: function getDecimalForValue(value) {
-        return interpolate(this._table, value) / this._maxIndex;
+      key: "getTitle",
+      value: function getTitle(context, options) {
+        var callbacks = options.callbacks;
+        var beforeTitle = invokeCallbackWithFallback(callbacks, 'beforeTitle', this, context);
+        var title = invokeCallbackWithFallback(callbacks, 'title', this, context);
+        var afterTitle = invokeCallbackWithFallback(callbacks, 'afterTitle', this, context);
+        var lines = [];
+        lines = pushOrConcat(lines, splitNewlines(beforeTitle));
+        lines = pushOrConcat(lines, splitNewlines(title));
+        lines = pushOrConcat(lines, splitNewlines(afterTitle));
+        return lines;
       }
     }, {
-      key: "getValueForPixel",
-      value: function getValueForPixel(pixel) {
-        var me = this;
-        var offsets = me._offsets;
-        var decimal = me.getDecimalForPixel(pixel) / offsets.factor - offsets.end;
-        return interpolate(me._table, decimal * this._maxIndex, true);
+      key: "getBeforeBody",
+      value: function getBeforeBody(tooltipItems, options) {
+        return getBeforeAfterBodyLines(invokeCallbackWithFallback(options.callbacks, 'beforeBody', this, tooltipItems));
       }
-    }]);
-
-    return TimeSeriesScale;
-  }(TimeScale);
-
-  TimeSeriesScale.id = 'timeseries';
-  TimeSeriesScale.defaults = TimeScale.defaults;
-  var scales = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    CategoryScale: CategoryScale,
-    LinearScale: LinearScale,
-    LogarithmicScale: LogarithmicScale,
-    RadialLinearScale: RadialLinearScale,
-    TimeScale: TimeScale,
-    TimeSeriesScale: TimeSeriesScale
-  });
-  var registerables = [controllers, elements, plugins, scales];
-
-  Chart.register.apply(Chart, _toConsumableArray(registerables));
-
-  function toInteger(dirtyNumber) {
-    if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
-      return NaN;
-    }
-
-    var number = Number(dirtyNumber);
-
-    if (isNaN(number)) {
-      return number;
-    }
-
-    return number < 0 ? Math.ceil(number) : Math.floor(number);
-  }
-
-  function requiredArgs(required, args) {
-    if (args.length < required) {
-      throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
-    }
-  }
-
-  /**
-   * @name toDate
-   * @category Common Helpers
-   * @summary Convert the given argument to an instance of Date.
-   *
-   * @description
-   * Convert the given argument to an instance of Date.
-   *
-   * If the argument is an instance of Date, the function returns its clone.
-   *
-   * If the argument is a number, it is treated as a timestamp.
-   *
-   * If the argument is none of the above, the function returns Invalid Date.
-   *
-   * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
-   *
-   * @param {Date|Number} argument - the value to convert
-   * @returns {Date} the parsed date in the local time zone
-   * @throws {TypeError} 1 argument required
-   *
-   * @example
-   * // Clone the date:
-   * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
-   * //=> Tue Feb 11 2014 11:30:30
-   *
-   * @example
-   * // Convert the timestamp to date:
-   * const result = toDate(1392098430000)
-   * //=> Tue Feb 11 2014 11:30:30
-   */
-
-  function toDate(argument) {
-    requiredArgs(1, arguments);
-    var argStr = Object.prototype.toString.call(argument); // Clone the date
-
-    if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {
-      // Prevent the date to lose the milliseconds when passed to new Date() in IE10
-      return new Date(argument.getTime());
-    } else if (typeof argument === 'number' || argStr === '[object Number]') {
-      return new Date(argument);
-    } else {
-      if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {
-        // eslint-disable-next-line no-console
-        console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule"); // eslint-disable-next-line no-console
-
-        console.warn(new Error().stack);
+    }, {
+      key: "getBody",
+      value: function getBody(tooltipItems, options) {
+        var _this32 = this;
+        var callbacks = options.callbacks;
+        var bodyItems = [];
+        each(tooltipItems, function (context) {
+          var bodyItem = {
+            before: [],
+            lines: [],
+            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)));
+          bodyItems.push(bodyItem);
+        });
+        return bodyItems;
       }
-
-      return new Date(NaN);
-    }
-  }
-
-  /**
-   * @name addDays
-   * @category Day Helpers
-   * @summary Add the specified number of days to the given date.
-   *
-   * @description
-   * Add the specified number of days to the given date.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the date to be changed
-   * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
-   * @returns {Date} the new date with the days added
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // Add 10 days to 1 September 2014:
-   * const result = addDays(new Date(2014, 8, 1), 10)
-   * //=> Thu Sep 11 2014 00:00:00
-   */
-
-  function addDays(dirtyDate, dirtyAmount) {
-    requiredArgs(2, arguments);
-    var date = toDate(dirtyDate);
-    var amount = toInteger(dirtyAmount);
-
-    if (isNaN(amount)) {
-      return new Date(NaN);
-    }
-
-    if (!amount) {
-      // If 0 days, no-op to avoid changing times in the hour before end of DST
-      return date;
-    }
-
-    date.setDate(date.getDate() + amount);
-    return date;
-  }
-
-  /**
-   * @name addMonths
-   * @category Month Helpers
-   * @summary Add the specified number of months to the given date.
-   *
-   * @description
-   * Add the specified number of months to the given date.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the date to be changed
-   * @param {Number} amount - the amount of months to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
-   * @returns {Date} the new date with the months added
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // Add 5 months to 1 September 2014:
-   * const result = addMonths(new Date(2014, 8, 1), 5)
-   * //=> Sun Feb 01 2015 00:00:00
-   */
-
-  function addMonths(dirtyDate, dirtyAmount) {
-    requiredArgs(2, arguments);
-    var date = toDate(dirtyDate);
-    var amount = toInteger(dirtyAmount);
-
-    if (isNaN(amount)) {
-      return new Date(NaN);
-    }
-
-    if (!amount) {
-      // If 0 months, no-op to avoid changing times in the hour before end of DST
-      return date;
-    }
-
-    var dayOfMonth = date.getDate(); // The JS Date object supports date math by accepting out-of-bounds values for
-    // month, day, etc. For example, new Date(2020, 1, 0) returns 31 Dec 2019 and
-    // new Date(2020, 13, 1) returns 1 Feb 2021.  This is *almost* the behavior we
-    // want except that dates will wrap around the end of a month, meaning that
-    // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So
-    // we'll default to the end of the desired month by adding 1 to the desired
-    // month and using a date of 0 to back up one day to the end of the desired
-    // month.
-
-    var endOfDesiredMonth = new Date(date.getTime());
-    endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);
-    var daysInMonth = endOfDesiredMonth.getDate();
-
-    if (dayOfMonth >= daysInMonth) {
-      // If we're already at the end of the month, then this is the correct date
-      // and we're done.
-      return endOfDesiredMonth;
-    } else {
-      // Otherwise, we now know that setting the original day-of-month value won't
-      // cause an overflow, so set the desired day-of-month. Note that we can't
-      // just set the date of `endOfDesiredMonth` because that object may have had
-      // its time changed in the unusual case where where a DST transition was on
-      // the last day of the month and its local time was in the hour skipped or
-      // repeated next to a DST transition.  So we use `date` instead which is
-      // guaranteed to still have the original time.
-      date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);
-      return date;
-    }
-  }
-
-  /**
-   * @name addMilliseconds
-   * @category Millisecond Helpers
-   * @summary Add the specified number of milliseconds to the given date.
-   *
-   * @description
-   * Add the specified number of milliseconds to the given date.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the date to be changed
-   * @param {Number} amount - the amount of milliseconds to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
-   * @returns {Date} the new date with the milliseconds added
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // Add 750 milliseconds to 10 July 2014 12:45:30.000:
-   * const result = addMilliseconds(new Date(2014, 6, 10, 12, 45, 30, 0), 750)
-   * //=> Thu Jul 10 2014 12:45:30.750
-   */
-
-  function addMilliseconds(dirtyDate, dirtyAmount) {
-    requiredArgs(2, arguments);
-    var timestamp = toDate(dirtyDate).getTime();
-    var amount = toInteger(dirtyAmount);
-    return new Date(timestamp + amount);
-  }
-
-  var MILLISECONDS_IN_HOUR$3 = 3600000;
-  /**
-   * @name addHours
-   * @category Hour Helpers
-   * @summary Add the specified number of hours to the given date.
-   *
-   * @description
-   * Add the specified number of hours to the given date.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the date to be changed
-   * @param {Number} amount - the amount of hours to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
-   * @returns {Date} the new date with the hours added
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // Add 2 hours to 10 July 2014 23:00:00:
-   * const result = addHours(new Date(2014, 6, 10, 23, 0), 2)
-   * //=> Fri Jul 11 2014 01:00:00
-   */
-
-  function addHours(dirtyDate, dirtyAmount) {
-    requiredArgs(2, arguments);
-    var amount = toInteger(dirtyAmount);
-    return addMilliseconds(dirtyDate, amount * MILLISECONDS_IN_HOUR$3);
+    }, {
+      key: "getAfterBody",
+      value: function getAfterBody(tooltipItems, options) {
+        return getBeforeAfterBodyLines(invokeCallbackWithFallback(options.callbacks, 'afterBody', this, tooltipItems));
+      }
+    }, {
+      key: "getFooter",
+      value: function getFooter(tooltipItems, options) {
+        var callbacks = options.callbacks;
+        var beforeFooter = invokeCallbackWithFallback(callbacks, 'beforeFooter', this, tooltipItems);
+        var footer = invokeCallbackWithFallback(callbacks, 'footer', this, tooltipItems);
+        var afterFooter = invokeCallbackWithFallback(callbacks, 'afterFooter', this, tooltipItems);
+        var lines = [];
+        lines = pushOrConcat(lines, splitNewlines(beforeFooter));
+        lines = pushOrConcat(lines, splitNewlines(footer));
+        lines = pushOrConcat(lines, splitNewlines(afterFooter));
+        return lines;
+      }
+    }, {
+      key: "_createItems",
+      value: function _createItems(options) {
+        var _this33 = this;
+        var active = this._active;
+        var data = this.chart.data;
+        var labelColors = [];
+        var labelPointStyles = [];
+        var labelTextColors = [];
+        var tooltipItems = [];
+        var i, len;
+        for (i = 0, len = active.length; i < len; ++i) {
+          tooltipItems.push(createTooltipItem(this.chart, active[i]));
+        }
+        if (options.filter) {
+          tooltipItems = tooltipItems.filter(function (element, index, array) {
+            return options.filter(element, index, array, data);
+          });
+        }
+        if (options.itemSort) {
+          tooltipItems = tooltipItems.sort(function (a, b) {
+            return options.itemSort(a, b, data);
+          });
+        }
+        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));
+        });
+        this.labelColors = labelColors;
+        this.labelPointStyles = labelPointStyles;
+        this.labelTextColors = labelTextColors;
+        this.dataPoints = tooltipItems;
+        return tooltipItems;
+      }
+    }, {
+      key: "update",
+      value: function update(changed, replay) {
+        var options = this.options.setContext(this.getContext());
+        var active = this._active;
+        var properties;
+        var tooltipItems = [];
+        if (!active.length) {
+          if (this.opacity !== 0) {
+            properties = {
+              opacity: 0
+            };
+          }
+        } else {
+          var position = positioners[options.position].call(this, active, this._eventPosition);
+          tooltipItems = this._createItems(options);
+          this.title = this.getTitle(tooltipItems, options);
+          this.beforeBody = this.getBeforeBody(tooltipItems, options);
+          this.body = this.getBody(tooltipItems, options);
+          this.afterBody = this.getAfterBody(tooltipItems, options);
+          this.footer = this.getFooter(tooltipItems, options);
+          var size = this._size = getTooltipSize(this, options);
+          var positionAndSize = Object.assign({}, position, size);
+          var alignment = determineAlignment(this.chart, options, positionAndSize);
+          var backgroundPoint = getBackgroundPoint(options, positionAndSize, alignment, this.chart);
+          this.xAlign = alignment.xAlign;
+          this.yAlign = alignment.yAlign;
+          properties = {
+            opacity: 1,
+            x: backgroundPoint.x,
+            y: backgroundPoint.y,
+            width: size.width,
+            height: size.height,
+            caretX: position.x,
+            caretY: position.y
+          };
+        }
+        this._tooltipItems = tooltipItems;
+        this.$context = undefined;
+        if (properties) {
+          this._resolveAnimations().update(this, properties);
+        }
+        if (changed && options.external) {
+          options.external.call(this, {
+            chart: this.chart,
+            tooltip: this,
+            replay: replay
+          });
+        }
+      }
+    }, {
+      key: "drawCaret",
+      value: function drawCaret(tooltipPoint, ctx, size, options) {
+        var caretPosition = this.getCaretPosition(tooltipPoint, size, options);
+        ctx.lineTo(caretPosition.x1, caretPosition.y1);
+        ctx.lineTo(caretPosition.x2, caretPosition.y2);
+        ctx.lineTo(caretPosition.x3, caretPosition.y3);
+      }
+    }, {
+      key: "getCaretPosition",
+      value: function getCaretPosition(tooltipPoint, size, options) {
+        var xAlign = this.xAlign,
+          yAlign = this.yAlign;
+        var caretSize = options.caretSize,
+          cornerRadius = options.cornerRadius;
+        var _toTRBLCorners2 = toTRBLCorners(cornerRadius),
+          topLeft = _toTRBLCorners2.topLeft,
+          topRight = _toTRBLCorners2.topRight,
+          bottomLeft = _toTRBLCorners2.bottomLeft,
+          bottomRight = _toTRBLCorners2.bottomRight;
+        var ptX = tooltipPoint.x,
+          ptY = tooltipPoint.y;
+        var width = size.width,
+          height = size.height;
+        var x1, x2, x3, y1, y2, y3;
+        if (yAlign === 'center') {
+          y2 = ptY + height / 2;
+          if (xAlign === 'left') {
+            x1 = ptX;
+            x2 = x1 - caretSize;
+            y1 = y2 + caretSize;
+            y3 = y2 - caretSize;
+          } else {
+            x1 = ptX + width;
+            x2 = x1 + caretSize;
+            y1 = y2 - caretSize;
+            y3 = y2 + caretSize;
+          }
+          x3 = x1;
+        } else {
+          if (xAlign === 'left') {
+            x2 = ptX + Math.max(topLeft, bottomLeft) + caretSize;
+          } else if (xAlign === 'right') {
+            x2 = ptX + width - Math.max(topRight, bottomRight) - caretSize;
+          } else {
+            x2 = this.caretX;
+          }
+          if (yAlign === 'top') {
+            y1 = ptY;
+            y2 = y1 - caretSize;
+            x1 = x2 - caretSize;
+            x3 = x2 + caretSize;
+          } else {
+            y1 = ptY + height;
+            y2 = y1 + caretSize;
+            x1 = x2 + caretSize;
+            x3 = x2 - caretSize;
+          }
+          y3 = y1;
+        }
+        return {
+          x1: x1,
+          x2: x2,
+          x3: x3,
+          y1: y1,
+          y2: y2,
+          y3: y3
+        };
+      }
+    }, {
+      key: "drawTitle",
+      value: function drawTitle(pt, ctx, options) {
+        var title = this.title;
+        var length = title.length;
+        var titleFont, titleSpacing, i;
+        if (length) {
+          var rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);
+          pt.x = getAlignedX(this, options.titleAlign, options);
+          ctx.textAlign = rtlHelper.textAlign(options.titleAlign);
+          ctx.textBaseline = 'middle';
+          titleFont = toFont(options.titleFont);
+          titleSpacing = options.titleSpacing;
+          ctx.fillStyle = options.titleColor;
+          ctx.font = titleFont.string;
+          for (i = 0; i < length; ++i) {
+            ctx.fillText(title[i], rtlHelper.x(pt.x), pt.y + titleFont.lineHeight / 2);
+            pt.y += titleFont.lineHeight + titleSpacing;
+            if (i + 1 === length) {
+              pt.y += options.titleMarginBottom - titleSpacing;
+            }
+          }
+        }
+      }
+    }, {
+      key: "_drawColorBox",
+      value: function _drawColorBox(ctx, pt, i, rtlHelper, options) {
+        var labelColors = this.labelColors[i];
+        var labelPointStyle = this.labelPointStyles[i];
+        var boxHeight = options.boxHeight,
+          boxWidth = options.boxWidth,
+          boxPadding = options.boxPadding;
+        var bodyFont = toFont(options.bodyFont);
+        var colorX = getAlignedX(this, 'left', options);
+        var rtlColorX = rtlHelper.x(colorX);
+        var yOffSet = boxHeight < bodyFont.lineHeight ? (bodyFont.lineHeight - boxHeight) / 2 : 0;
+        var colorY = pt.y + yOffSet;
+        if (options.usePointStyle) {
+          var drawOptions = {
+            radius: Math.min(boxWidth, boxHeight) / 2,
+            pointStyle: labelPointStyle.pointStyle,
+            rotation: labelPointStyle.rotation,
+            borderWidth: 1
+          };
+          var centerX = rtlHelper.leftForLtr(rtlColorX, boxWidth) + boxWidth / 2;
+          var centerY = colorY + boxHeight / 2;
+          ctx.strokeStyle = options.multiKeyBackground;
+          ctx.fillStyle = options.multiKeyBackground;
+          drawPoint(ctx, drawOptions, centerX, centerY);
+          ctx.strokeStyle = labelColors.borderColor;
+          ctx.fillStyle = labelColors.backgroundColor;
+          drawPoint(ctx, drawOptions, centerX, centerY);
+        } else {
+          ctx.lineWidth = isObject(labelColors.borderWidth) ? Math.max.apply(Math, _toConsumableArray(Object.values(labelColors.borderWidth))) : labelColors.borderWidth || 1;
+          ctx.strokeStyle = labelColors.borderColor;
+          ctx.setLineDash(labelColors.borderDash || []);
+          ctx.lineDashOffset = labelColors.borderDashOffset || 0;
+          var outerX = rtlHelper.leftForLtr(rtlColorX, boxWidth - boxPadding);
+          var innerX = rtlHelper.leftForLtr(rtlHelper.xPlus(rtlColorX, 1), boxWidth - boxPadding - 2);
+          var borderRadius = toTRBLCorners(labelColors.borderRadius);
+          if (Object.values(borderRadius).some(function (v) {
+            return v !== 0;
+          })) {
+            ctx.beginPath();
+            ctx.fillStyle = options.multiKeyBackground;
+            addRoundedRectPath(ctx, {
+              x: outerX,
+              y: colorY,
+              w: boxWidth,
+              h: boxHeight,
+              radius: borderRadius
+            });
+            ctx.fill();
+            ctx.stroke();
+            ctx.fillStyle = labelColors.backgroundColor;
+            ctx.beginPath();
+            addRoundedRectPath(ctx, {
+              x: innerX,
+              y: colorY + 1,
+              w: boxWidth - 2,
+              h: boxHeight - 2,
+              radius: borderRadius
+            });
+            ctx.fill();
+          } else {
+            ctx.fillStyle = options.multiKeyBackground;
+            ctx.fillRect(outerX, colorY, boxWidth, boxHeight);
+            ctx.strokeRect(outerX, colorY, boxWidth, boxHeight);
+            ctx.fillStyle = labelColors.backgroundColor;
+            ctx.fillRect(innerX, colorY + 1, boxWidth - 2, boxHeight - 2);
+          }
+        }
+        ctx.fillStyle = this.labelTextColors[i];
+      }
+    }, {
+      key: "drawBody",
+      value: function drawBody(pt, ctx, options) {
+        var body = this.body;
+        var bodySpacing = options.bodySpacing,
+          bodyAlign = options.bodyAlign,
+          displayColors = options.displayColors,
+          boxHeight = options.boxHeight,
+          boxWidth = options.boxWidth,
+          boxPadding = options.boxPadding;
+        var bodyFont = toFont(options.bodyFont);
+        var bodyLineHeight = bodyFont.lineHeight;
+        var xLinePadding = 0;
+        var rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);
+        var fillLineOfText = function fillLineOfText(line) {
+          ctx.fillText(line, rtlHelper.x(pt.x + xLinePadding), pt.y + bodyLineHeight / 2);
+          pt.y += bodyLineHeight + bodySpacing;
+        };
+        var bodyAlignForCalculation = rtlHelper.textAlign(bodyAlign);
+        var bodyItem, textColor, lines, i, j, ilen, jlen;
+        ctx.textAlign = bodyAlign;
+        ctx.textBaseline = 'middle';
+        ctx.font = bodyFont.string;
+        pt.x = getAlignedX(this, bodyAlignForCalculation, options);
+        ctx.fillStyle = options.bodyColor;
+        each(this.beforeBody, fillLineOfText);
+        xLinePadding = displayColors && bodyAlignForCalculation !== 'right' ? bodyAlign === 'center' ? boxWidth / 2 + boxPadding : boxWidth + 2 + boxPadding : 0;
+        for (i = 0, ilen = body.length; i < ilen; ++i) {
+          bodyItem = body[i];
+          textColor = this.labelTextColors[i];
+          ctx.fillStyle = textColor;
+          each(bodyItem.before, fillLineOfText);
+          lines = bodyItem.lines;
+          if (displayColors && lines.length) {
+            this._drawColorBox(ctx, pt, i, rtlHelper, options);
+            bodyLineHeight = Math.max(bodyFont.lineHeight, boxHeight);
+          }
+          for (j = 0, jlen = lines.length; j < jlen; ++j) {
+            fillLineOfText(lines[j]);
+            bodyLineHeight = bodyFont.lineHeight;
+          }
+          each(bodyItem.after, fillLineOfText);
+        }
+        xLinePadding = 0;
+        bodyLineHeight = bodyFont.lineHeight;
+        each(this.afterBody, fillLineOfText);
+        pt.y -= bodySpacing;
+      }
+    }, {
+      key: "drawFooter",
+      value: function drawFooter(pt, ctx, options) {
+        var footer = this.footer;
+        var length = footer.length;
+        var footerFont, i;
+        if (length) {
+          var rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);
+          pt.x = getAlignedX(this, options.footerAlign, options);
+          pt.y += options.footerMarginTop;
+          ctx.textAlign = rtlHelper.textAlign(options.footerAlign);
+          ctx.textBaseline = 'middle';
+          footerFont = toFont(options.footerFont);
+          ctx.fillStyle = options.footerColor;
+          ctx.font = footerFont.string;
+          for (i = 0; i < length; ++i) {
+            ctx.fillText(footer[i], rtlHelper.x(pt.x), pt.y + footerFont.lineHeight / 2);
+            pt.y += footerFont.lineHeight + options.footerSpacing;
+          }
+        }
+      }
+    }, {
+      key: "drawBackground",
+      value: function drawBackground(pt, ctx, tooltipSize, options) {
+        var xAlign = this.xAlign,
+          yAlign = this.yAlign;
+        var x = pt.x,
+          y = pt.y;
+        var width = tooltipSize.width,
+          height = tooltipSize.height;
+        var _toTRBLCorners3 = toTRBLCorners(options.cornerRadius),
+          topLeft = _toTRBLCorners3.topLeft,
+          topRight = _toTRBLCorners3.topRight,
+          bottomLeft = _toTRBLCorners3.bottomLeft,
+          bottomRight = _toTRBLCorners3.bottomRight;
+        ctx.fillStyle = options.backgroundColor;
+        ctx.strokeStyle = options.borderColor;
+        ctx.lineWidth = options.borderWidth;
+        ctx.beginPath();
+        ctx.moveTo(x + topLeft, y);
+        if (yAlign === 'top') {
+          this.drawCaret(pt, ctx, tooltipSize, options);
+        }
+        ctx.lineTo(x + width - topRight, y);
+        ctx.quadraticCurveTo(x + width, y, x + width, y + topRight);
+        if (yAlign === 'center' && xAlign === 'right') {
+          this.drawCaret(pt, ctx, tooltipSize, options);
+        }
+        ctx.lineTo(x + width, y + height - bottomRight);
+        ctx.quadraticCurveTo(x + width, y + height, x + width - bottomRight, y + height);
+        if (yAlign === 'bottom') {
+          this.drawCaret(pt, ctx, tooltipSize, options);
+        }
+        ctx.lineTo(x + bottomLeft, y + height);
+        ctx.quadraticCurveTo(x, y + height, x, y + height - bottomLeft);
+        if (yAlign === 'center' && xAlign === 'left') {
+          this.drawCaret(pt, ctx, tooltipSize, options);
+        }
+        ctx.lineTo(x, y + topLeft);
+        ctx.quadraticCurveTo(x, y, x + topLeft, y);
+        ctx.closePath();
+        ctx.fill();
+        if (options.borderWidth > 0) {
+          ctx.stroke();
+        }
+      }
+    }, {
+      key: "_updateAnimationTarget",
+      value: function _updateAnimationTarget(options) {
+        var chart = this.chart;
+        var anims = this.$animations;
+        var animX = anims && anims.x;
+        var animY = anims && anims.y;
+        if (animX || animY) {
+          var position = positioners[options.position].call(this, this._active, this._eventPosition);
+          if (!position) {
+            return;
+          }
+          var size = this._size = getTooltipSize(this, options);
+          var positionAndSize = Object.assign({}, position, this._size);
+          var alignment = determineAlignment(chart, options, positionAndSize);
+          var point = getBackgroundPoint(options, positionAndSize, alignment, chart);
+          if (animX._to !== point.x || animY._to !== point.y) {
+            this.xAlign = alignment.xAlign;
+            this.yAlign = alignment.yAlign;
+            this.width = size.width;
+            this.height = size.height;
+            this.caretX = position.x;
+            this.caretY = position.y;
+            this._resolveAnimations().update(this, point);
+          }
+        }
+      }
+    }, {
+      key: "_willRender",
+      value: function _willRender() {
+        return !!this.opacity;
+      }
+    }, {
+      key: "draw",
+      value: function draw(ctx) {
+        var options = this.options.setContext(this.getContext());
+        var opacity = this.opacity;
+        if (!opacity) {
+          return;
+        }
+        this._updateAnimationTarget(options);
+        var tooltipSize = {
+          width: this.width,
+          height: this.height
+        };
+        var pt = {
+          x: this.x,
+          y: this.y
+        };
+        opacity = Math.abs(opacity) < 1e-3 ? 0 : opacity;
+        var padding = toPadding(options.padding);
+        var hasTooltipContent = this.title.length || this.beforeBody.length || this.body.length || this.afterBody.length || this.footer.length;
+        if (options.enabled && hasTooltipContent) {
+          ctx.save();
+          ctx.globalAlpha = opacity;
+          this.drawBackground(pt, ctx, tooltipSize, options);
+          overrideTextDirection(ctx, options.textDirection);
+          pt.y += padding.top;
+          this.drawTitle(pt, ctx, options);
+          this.drawBody(pt, ctx, options);
+          this.drawFooter(pt, ctx, options);
+          restoreTextDirection(ctx, options.textDirection);
+          ctx.restore();
+        }
+      }
+    }, {
+      key: "getActiveElements",
+      value: function getActiveElements() {
+        return this._active || [];
+      }
+    }, {
+      key: "setActiveElements",
+      value: function setActiveElements(activeElements, eventPosition) {
+        var _this34 = this;
+        var lastActive = this._active;
+        var active = activeElements.map(function (_ref11) {
+          var datasetIndex = _ref11.datasetIndex,
+            index = _ref11.index;
+          var meta = _this34.chart.getDatasetMeta(datasetIndex);
+          if (!meta) {
+            throw new Error('Cannot find a dataset at index ' + datasetIndex);
+          }
+          return {
+            datasetIndex: datasetIndex,
+            element: meta.data[index],
+            index: index
+          };
+        });
+        var changed = !_elementsEqual(lastActive, active);
+        var positionChanged = this._positionChanged(active, eventPosition);
+        if (changed || positionChanged) {
+          this._active = active;
+          this._eventPosition = eventPosition;
+          this._ignoreReplayEvents = true;
+          this.update(true);
+        }
+      }
+    }, {
+      key: "handleEvent",
+      value: function handleEvent(e, replay) {
+        var inChartArea = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+        if (replay && this._ignoreReplayEvents) {
+          return false;
+        }
+        this._ignoreReplayEvents = false;
+        var options = this.options;
+        var lastActive = this._active || [];
+        var active = this._getActiveElements(e, lastActive, replay, inChartArea);
+        var positionChanged = this._positionChanged(active, e);
+        var changed = replay || !_elementsEqual(active, lastActive) || positionChanged;
+        if (changed) {
+          this._active = active;
+          if (options.enabled || options.external) {
+            this._eventPosition = {
+              x: e.x,
+              y: e.y
+            };
+            this.update(true, replay);
+          }
+        }
+        return changed;
+      }
+    }, {
+      key: "_getActiveElements",
+      value: function _getActiveElements(e, lastActive, replay, inChartArea) {
+        var options = this.options;
+        if (e.type === 'mouseout') {
+          return [];
+        }
+        if (!inChartArea) {
+          return lastActive;
+        }
+        var active = this.chart.getElementsAtEventForMode(e, options.mode, options, replay);
+        if (options.reverse) {
+          active.reverse();
+        }
+        return active;
+      }
+    }, {
+      key: "_positionChanged",
+      value: function _positionChanged(active, e) {
+        var caretX = this.caretX,
+          caretY = this.caretY,
+          options = this.options;
+        var position = positioners[options.position].call(this, active, e);
+        return position !== false && (caretX !== position.x || caretY !== position.y);
+      }
+    }]);
+    return Tooltip;
+  }(Element);
+  _defineProperty$w(Tooltip, "positioners", positioners);
+  var plugin_tooltip = {
+    id: 'tooltip',
+    _element: Tooltip,
+    positioners: positioners,
+    afterInit: function afterInit(chart, _args, options) {
+      if (options) {
+        chart.tooltip = new Tooltip({
+          chart: chart,
+          options: options
+        });
+      }
+    },
+    beforeUpdate: function beforeUpdate(chart, _args, options) {
+      if (chart.tooltip) {
+        chart.tooltip.initialize(options);
+      }
+    },
+    reset: function reset(chart, _args, options) {
+      if (chart.tooltip) {
+        chart.tooltip.initialize(options);
+      }
+    },
+    afterDraw: function afterDraw(chart) {
+      var tooltip = chart.tooltip;
+      if (tooltip && tooltip._willRender()) {
+        var args = {
+          tooltip: tooltip
+        };
+        if (chart.notifyPlugins('beforeTooltipDraw', _objectSpread2(_objectSpread2({}, args), {}, {
+          cancelable: true
+        })) === false) {
+          return;
+        }
+        tooltip.draw(chart.ctx);
+        chart.notifyPlugins('afterTooltipDraw', args);
+      }
+    },
+    afterEvent: function afterEvent(chart, args) {
+      if (chart.tooltip) {
+        var useFinalPosition = args.replay;
+        if (chart.tooltip.handleEvent(args.event, useFinalPosition, args.inChartArea)) {
+          args.changed = true;
+        }
+      }
+    },
+    defaults: {
+      enabled: true,
+      external: null,
+      position: 'average',
+      backgroundColor: 'rgba(0,0,0,0.8)',
+      titleColor: '#fff',
+      titleFont: {
+        weight: 'bold'
+      },
+      titleSpacing: 2,
+      titleMarginBottom: 6,
+      titleAlign: 'left',
+      bodyColor: '#fff',
+      bodySpacing: 2,
+      bodyFont: {},
+      bodyAlign: 'left',
+      footerColor: '#fff',
+      footerSpacing: 2,
+      footerMarginTop: 6,
+      footerFont: {
+        weight: 'bold'
+      },
+      footerAlign: 'left',
+      padding: 6,
+      caretPadding: 2,
+      caretSize: 5,
+      cornerRadius: 6,
+      boxHeight: function boxHeight(ctx, opts) {
+        return opts.bodyFont.size;
+      },
+      boxWidth: function boxWidth(ctx, opts) {
+        return opts.bodyFont.size;
+      },
+      multiKeyBackground: '#fff',
+      displayColors: true,
+      boxPadding: 0,
+      borderColor: 'rgba(0,0,0,0)',
+      borderWidth: 0,
+      animation: {
+        duration: 400,
+        easing: 'easeOutQuart'
+      },
+      animations: {
+        numbers: {
+          type: 'number',
+          properties: ['x', 'y', 'width', 'height', 'caretX', 'caretY']
+        },
+        opacity: {
+          easing: 'linear',
+          duration: 200
+        }
+      },
+      callbacks: defaultCallbacks
+    },
+    defaultRoutes: {
+      bodyFont: 'font',
+      footerFont: 'font',
+      titleFont: 'font'
+    },
+    descriptors: {
+      _scriptable: function _scriptable(name) {
+        return name !== 'filter' && name !== 'itemSort' && name !== 'external';
+      },
+      _indexable: false,
+      callbacks: {
+        _scriptable: false,
+        _indexable: false
+      },
+      animation: {
+        _fallback: false
+      },
+      animations: {
+        _fallback: 'animation'
+      }
+    },
+    additionalOptionScopes: ['interaction']
+  };
+  var plugins = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Colors: plugin_colors,
+    Decimation: plugin_decimation,
+    Filler: index,
+    Legend: plugin_legend,
+    SubTitle: plugin_subtitle,
+    Title: plugin_title,
+    Tooltip: plugin_tooltip
+  });
+  var addIfString = function addIfString(labels, raw, index, addedLabels) {
+    if (typeof raw === 'string') {
+      index = labels.push(raw) - 1;
+      addedLabels.unshift({
+        index: index,
+        label: raw
+      });
+    } else if (isNaN(raw)) {
+      index = null;
+    }
+    return index;
+  };
+  function findOrAddLabel(labels, raw, index, addedLabels) {
+    var first = labels.indexOf(raw);
+    if (first === -1) {
+      return addIfString(labels, raw, index, addedLabels);
+    }
+    var last = labels.lastIndexOf(raw);
+    return first !== last ? index : first;
+  }
+  var validIndex = function validIndex(index, max) {
+    return index === null ? null : _limitValue(Math.round(index), 0, max);
+  };
+  function _getLabelForValue(value) {
+    var labels = this.getLabels();
+    if (value >= 0 && value < labels.length) {
+      return labels[value];
+    }
+    return value;
+  }
+  var CategoryScale = /*#__PURE__*/function (_Scale) {
+    _inherits$w(CategoryScale, _Scale);
+    var _super19 = _createSuper$w(CategoryScale);
+    function CategoryScale(cfg) {
+      var _this35;
+      _classCallCheck$x(this, CategoryScale);
+      _this35 = _super19.call(this, cfg);
+      _this35._startValue = undefined;
+      _this35._valueRange = 0;
+      _this35._addedLabels = [];
+      return _this35;
+    }
+    _createClass$x(CategoryScale, [{
+      key: "init",
+      value: function init(scaleOptions) {
+        var added = this._addedLabels;
+        if (added.length) {
+          var labels = this.getLabels();
+          var _iterator25 = _createForOfIteratorHelper$1(added),
+            _step25;
+          try {
+            for (_iterator25.s(); !(_step25 = _iterator25.n()).done;) {
+              var _step25$value = _step25.value,
+                _index3 = _step25$value.index,
+                label = _step25$value.label;
+              if (labels[_index3] === label) {
+                labels.splice(_index3, 1);
+              }
+            }
+          } catch (err) {
+            _iterator25.e(err);
+          } finally {
+            _iterator25.f();
+          }
+          this._addedLabels = [];
+        }
+        _get(_getPrototypeOf$w(CategoryScale.prototype), "init", this).call(this, scaleOptions);
+      }
+    }, {
+      key: "parse",
+      value: function parse(raw, index) {
+        if (isNullOrUndef(raw)) {
+          return null;
+        }
+        var labels = this.getLabels();
+        index = isFinite(index) && labels[index] === raw ? index : findOrAddLabel(labels, raw, valueOrDefault(index, raw), this._addedLabels);
+        return validIndex(index, labels.length - 1);
+      }
+    }, {
+      key: "determineDataLimits",
+      value: function determineDataLimits() {
+        var _this$getUserBounds2 = this.getUserBounds(),
+          minDefined = _this$getUserBounds2.minDefined,
+          maxDefined = _this$getUserBounds2.maxDefined;
+        var _this$getMinMax = this.getMinMax(true),
+          min = _this$getMinMax.min,
+          max = _this$getMinMax.max;
+        if (this.options.bounds === 'ticks') {
+          if (!minDefined) {
+            min = 0;
+          }
+          if (!maxDefined) {
+            max = this.getLabels().length - 1;
+          }
+        }
+        this.min = min;
+        this.max = max;
+      }
+    }, {
+      key: "buildTicks",
+      value: function buildTicks() {
+        var min = this.min;
+        var max = this.max;
+        var offset = this.options.offset;
+        var ticks = [];
+        var labels = this.getLabels();
+        labels = min === 0 && max === labels.length - 1 ? labels : labels.slice(min, max + 1);
+        this._valueRange = Math.max(labels.length - (offset ? 0 : 1), 1);
+        this._startValue = this.min - (offset ? 0.5 : 0);
+        for (var value = min; value <= max; value++) {
+          ticks.push({
+            value: value
+          });
+        }
+        return ticks;
+      }
+    }, {
+      key: "getLabelForValue",
+      value: function getLabelForValue(value) {
+        return _getLabelForValue.call(this, value);
+      }
+    }, {
+      key: "configure",
+      value: function configure() {
+        _get(_getPrototypeOf$w(CategoryScale.prototype), "configure", this).call(this);
+        if (!this.isHorizontal()) {
+          this._reversePixels = !this._reversePixels;
+        }
+      }
+    }, {
+      key: "getPixelForValue",
+      value: function getPixelForValue(value) {
+        if (typeof value !== 'number') {
+          value = this.parse(value);
+        }
+        return value === null ? NaN : this.getPixelForDecimal((value - this._startValue) / this._valueRange);
+      }
+    }, {
+      key: "getPixelForTick",
+      value: function getPixelForTick(index) {
+        var ticks = this.ticks;
+        if (index < 0 || index > ticks.length - 1) {
+          return null;
+        }
+        return this.getPixelForValue(ticks[index].value);
+      }
+    }, {
+      key: "getValueForPixel",
+      value: function getValueForPixel(pixel) {
+        return Math.round(this._startValue + this.getDecimalForPixel(pixel) * this._valueRange);
+      }
+    }, {
+      key: "getBasePixel",
+      value: function getBasePixel() {
+        return this.bottom;
+      }
+    }]);
+    return CategoryScale;
+  }(Scale);
+  _defineProperty$w(CategoryScale, "id", 'category');
+  _defineProperty$w(CategoryScale, "defaults", {
+    ticks: {
+      callback: _getLabelForValue
+    }
+  });
+  function generateTicks$1(generationOptions, dataRange) {
+    var ticks = [];
+    var MIN_SPACING = 1e-14;
+    var bounds = generationOptions.bounds,
+      step = generationOptions.step,
+      min = generationOptions.min,
+      max = generationOptions.max,
+      precision = generationOptions.precision,
+      count = generationOptions.count,
+      maxTicks = generationOptions.maxTicks,
+      maxDigits = generationOptions.maxDigits,
+      includeBounds = generationOptions.includeBounds;
+    var unit = step || 1;
+    var maxSpaces = maxTicks - 1;
+    var rmin = dataRange.min,
+      rmax = dataRange.max;
+    var minDefined = !isNullOrUndef(min);
+    var maxDefined = !isNullOrUndef(max);
+    var countDefined = !isNullOrUndef(count);
+    var minSpacing = (rmax - rmin) / (maxDigits + 1);
+    var spacing = niceNum((rmax - rmin) / maxSpaces / unit) * unit;
+    var factor, niceMin, niceMax, numSpaces;
+    if (spacing < MIN_SPACING && !minDefined && !maxDefined) {
+      return [{
+        value: rmin
+      }, {
+        value: rmax
+      }];
+    }
+    numSpaces = Math.ceil(rmax / spacing) - Math.floor(rmin / spacing);
+    if (numSpaces > maxSpaces) {
+      spacing = niceNum(numSpaces * spacing / maxSpaces / unit) * unit;
+    }
+    if (!isNullOrUndef(precision)) {
+      factor = Math.pow(10, precision);
+      spacing = Math.ceil(spacing * factor) / factor;
+    }
+    if (bounds === 'ticks') {
+      niceMin = Math.floor(rmin / spacing) * spacing;
+      niceMax = Math.ceil(rmax / spacing) * spacing;
+    } else {
+      niceMin = rmin;
+      niceMax = rmax;
+    }
+    if (minDefined && maxDefined && step && almostWhole((max - min) / step, spacing / 1000)) {
+      numSpaces = Math.round(Math.min((max - min) / spacing, maxTicks));
+      spacing = (max - min) / numSpaces;
+      niceMin = min;
+      niceMax = max;
+    } else if (countDefined) {
+      niceMin = minDefined ? min : niceMin;
+      niceMax = maxDefined ? max : niceMax;
+      numSpaces = count - 1;
+      spacing = (niceMax - niceMin) / numSpaces;
+    } else {
+      numSpaces = (niceMax - niceMin) / spacing;
+      if (almostEquals(numSpaces, Math.round(numSpaces), spacing / 1000)) {
+        numSpaces = Math.round(numSpaces);
+      } else {
+        numSpaces = Math.ceil(numSpaces);
+      }
+    }
+    var decimalPlaces = Math.max(_decimalPlaces(spacing), _decimalPlaces(niceMin));
+    factor = Math.pow(10, isNullOrUndef(precision) ? decimalPlaces : precision);
+    niceMin = Math.round(niceMin * factor) / factor;
+    niceMax = Math.round(niceMax * factor) / factor;
+    var j = 0;
+    if (minDefined) {
+      if (includeBounds && niceMin !== min) {
+        ticks.push({
+          value: min
+        });
+        if (niceMin < min) {
+          j++;
+        }
+        if (almostEquals(Math.round((niceMin + j * spacing) * factor) / factor, min, relativeLabelSize(min, minSpacing, generationOptions))) {
+          j++;
+        }
+      } else if (niceMin < min) {
+        j++;
+      }
+    }
+    for (; j < numSpaces; ++j) {
+      ticks.push({
+        value: Math.round((niceMin + j * spacing) * factor) / factor
+      });
+    }
+    if (maxDefined && includeBounds && niceMax !== max) {
+      if (ticks.length && almostEquals(ticks[ticks.length - 1].value, max, relativeLabelSize(max, minSpacing, generationOptions))) {
+        ticks[ticks.length - 1].value = max;
+      } else {
+        ticks.push({
+          value: max
+        });
+      }
+    } else if (!maxDefined || niceMax === max) {
+      ticks.push({
+        value: niceMax
+      });
+    }
+    return ticks;
+  }
+  function relativeLabelSize(value, minSpacing, _ref12) {
+    var horizontal = _ref12.horizontal,
+      minRotation = _ref12.minRotation;
+    var rad = toRadians(minRotation);
+    var ratio = (horizontal ? Math.sin(rad) : Math.cos(rad)) || 0.001;
+    var length = 0.75 * minSpacing * ('' + value).length;
+    return Math.min(minSpacing / ratio, length);
+  }
+  var LinearScaleBase = /*#__PURE__*/function (_Scale2) {
+    _inherits$w(LinearScaleBase, _Scale2);
+    var _super20 = _createSuper$w(LinearScaleBase);
+    function LinearScaleBase(cfg) {
+      var _this36;
+      _classCallCheck$x(this, LinearScaleBase);
+      _this36 = _super20.call(this, cfg);
+      _this36.start = undefined;
+      _this36.end = undefined;
+      _this36._startValue = undefined;
+      _this36._endValue = undefined;
+      _this36._valueRange = 0;
+      return _this36;
+    }
+    _createClass$x(LinearScaleBase, [{
+      key: "parse",
+      value: function parse(raw, index) {
+        if (isNullOrUndef(raw)) {
+          return null;
+        }
+        if ((typeof raw === 'number' || raw instanceof Number) && !isFinite(+raw)) {
+          return null;
+        }
+        return +raw;
+      }
+    }, {
+      key: "handleTickRangeOptions",
+      value: function handleTickRangeOptions() {
+        var beginAtZero = this.options.beginAtZero;
+        var _this$getUserBounds3 = this.getUserBounds(),
+          minDefined = _this$getUserBounds3.minDefined,
+          maxDefined = _this$getUserBounds3.maxDefined;
+        var min = this.min,
+          max = this.max;
+        var setMin = function setMin(v) {
+          return min = minDefined ? min : v;
+        };
+        var setMax = function setMax(v) {
+          return max = maxDefined ? max : v;
+        };
+        if (beginAtZero) {
+          var minSign = sign(min);
+          var maxSign = sign(max);
+          if (minSign < 0 && maxSign < 0) {
+            setMax(0);
+          } else if (minSign > 0 && maxSign > 0) {
+            setMin(0);
+          }
+        }
+        if (min === max) {
+          var offset = max === 0 ? 1 : Math.abs(max * 0.05);
+          setMax(max + offset);
+          if (!beginAtZero) {
+            setMin(min - offset);
+          }
+        }
+        this.min = min;
+        this.max = max;
+      }
+    }, {
+      key: "getTickLimit",
+      value: function getTickLimit() {
+        var tickOpts = this.options.ticks;
+        var maxTicksLimit = tickOpts.maxTicksLimit,
+          stepSize = tickOpts.stepSize;
+        var maxTicks;
+        if (stepSize) {
+          maxTicks = Math.ceil(this.max / stepSize) - Math.floor(this.min / stepSize) + 1;
+          if (maxTicks > 1000) {
+            console.warn("scales.".concat(this.id, ".ticks.stepSize: ").concat(stepSize, " would result generating up to ").concat(maxTicks, " ticks. Limiting to 1000."));
+            maxTicks = 1000;
+          }
+        } else {
+          maxTicks = this.computeTickLimit();
+          maxTicksLimit = maxTicksLimit || 11;
+        }
+        if (maxTicksLimit) {
+          maxTicks = Math.min(maxTicksLimit, maxTicks);
+        }
+        return maxTicks;
+      }
+    }, {
+      key: "computeTickLimit",
+      value: function computeTickLimit() {
+        return Number.POSITIVE_INFINITY;
+      }
+    }, {
+      key: "buildTicks",
+      value: function buildTicks() {
+        var opts = this.options;
+        var tickOpts = opts.ticks;
+        var maxTicks = this.getTickLimit();
+        maxTicks = Math.max(2, maxTicks);
+        var numericGeneratorOptions = {
+          maxTicks: maxTicks,
+          bounds: opts.bounds,
+          min: opts.min,
+          max: opts.max,
+          precision: tickOpts.precision,
+          step: tickOpts.stepSize,
+          count: tickOpts.count,
+          maxDigits: this._maxDigits(),
+          horizontal: this.isHorizontal(),
+          minRotation: tickOpts.minRotation || 0,
+          includeBounds: tickOpts.includeBounds !== false
+        };
+        var dataRange = this._range || this;
+        var ticks = generateTicks$1(numericGeneratorOptions, dataRange);
+        if (opts.bounds === 'ticks') {
+          _setMinAndMaxByKey(ticks, this, 'value');
+        }
+        if (opts.reverse) {
+          ticks.reverse();
+          this.start = this.max;
+          this.end = this.min;
+        } else {
+          this.start = this.min;
+          this.end = this.max;
+        }
+        return ticks;
+      }
+    }, {
+      key: "configure",
+      value: function configure() {
+        var ticks = this.ticks;
+        var start = this.min;
+        var end = this.max;
+        _get(_getPrototypeOf$w(LinearScaleBase.prototype), "configure", this).call(this);
+        if (this.options.offset && ticks.length) {
+          var offset = (end - start) / Math.max(ticks.length - 1, 1) / 2;
+          start -= offset;
+          end += offset;
+        }
+        this._startValue = start;
+        this._endValue = end;
+        this._valueRange = end - start;
+      }
+    }, {
+      key: "getLabelForValue",
+      value: function getLabelForValue(value) {
+        return formatNumber(value, this.chart.options.locale, this.options.ticks.format);
+      }
+    }]);
+    return LinearScaleBase;
+  }(Scale);
+  var LinearScale = /*#__PURE__*/function (_LinearScaleBase) {
+    _inherits$w(LinearScale, _LinearScaleBase);
+    var _super21 = _createSuper$w(LinearScale);
+    function LinearScale() {
+      _classCallCheck$x(this, LinearScale);
+      return _super21.apply(this, arguments);
+    }
+    _createClass$x(LinearScale, [{
+      key: "determineDataLimits",
+      value: function determineDataLimits() {
+        var _this$getMinMax2 = this.getMinMax(true),
+          min = _this$getMinMax2.min,
+          max = _this$getMinMax2.max;
+        this.min = isNumberFinite(min) ? min : 0;
+        this.max = isNumberFinite(max) ? max : 1;
+        this.handleTickRangeOptions();
+      }
+    }, {
+      key: "computeTickLimit",
+      value: function computeTickLimit() {
+        var horizontal = this.isHorizontal();
+        var length = horizontal ? this.width : this.height;
+        var minRotation = toRadians(this.options.ticks.minRotation);
+        var ratio = (horizontal ? Math.sin(minRotation) : Math.cos(minRotation)) || 0.001;
+        var tickFont = this._resolveTickFontOptions(0);
+        return Math.ceil(length / Math.min(40, tickFont.lineHeight / ratio));
+      }
+    }, {
+      key: "getPixelForValue",
+      value: function getPixelForValue(value) {
+        return value === null ? NaN : this.getPixelForDecimal((value - this._startValue) / this._valueRange);
+      }
+    }, {
+      key: "getValueForPixel",
+      value: function getValueForPixel(pixel) {
+        return this._startValue + this.getDecimalForPixel(pixel) * this._valueRange;
+      }
+    }]);
+    return LinearScale;
+  }(LinearScaleBase);
+  _defineProperty$w(LinearScale, "id", 'linear');
+  _defineProperty$w(LinearScale, "defaults", {
+    ticks: {
+      callback: Ticks.formatters.numeric
+    }
+  });
+  var log10Floor = function log10Floor(v) {
+    return Math.floor(log10(v));
+  };
+  var changeExponent = function changeExponent(v, m) {
+    return Math.pow(10, log10Floor(v) + m);
+  };
+  function isMajor(tickVal) {
+    var remain = tickVal / Math.pow(10, log10Floor(tickVal));
+    return remain === 1;
+  }
+  function steps(min, max, rangeExp) {
+    var rangeStep = Math.pow(10, rangeExp);
+    var start = Math.floor(min / rangeStep);
+    var end = Math.ceil(max / rangeStep);
+    return end - start;
+  }
+  function startExp(min, max) {
+    var range = max - min;
+    var rangeExp = log10Floor(range);
+    while (steps(min, max, rangeExp) > 10) {
+      rangeExp++;
+    }
+    while (steps(min, max, rangeExp) < 10) {
+      rangeExp--;
+    }
+    return Math.min(rangeExp, log10Floor(min));
+  }
+  function generateTicks(generationOptions, _ref13) {
+    var min = _ref13.min,
+      max = _ref13.max;
+    min = finiteOrDefault(generationOptions.min, min);
+    var ticks = [];
+    var minExp = log10Floor(min);
+    var exp = startExp(min, max);
+    var precision = exp < 0 ? Math.pow(10, Math.abs(exp)) : 1;
+    var stepSize = Math.pow(10, exp);
+    var base = minExp > exp ? Math.pow(10, minExp) : 0;
+    var start = Math.round((min - base) * precision) / precision;
+    var offset = Math.floor((min - base) / stepSize / 10) * stepSize * 10;
+    var significand = Math.floor((start - offset) / Math.pow(10, exp));
+    var value = finiteOrDefault(generationOptions.min, Math.round((base + offset + significand * Math.pow(10, exp)) * precision) / precision);
+    while (value < max) {
+      ticks.push({
+        value: value,
+        major: isMajor(value),
+        significand: significand
+      });
+      if (significand >= 10) {
+        significand = significand < 15 ? 15 : 20;
+      } else {
+        significand++;
+      }
+      if (significand >= 20) {
+        exp++;
+        significand = 2;
+        precision = exp >= 0 ? 1 : precision;
+      }
+      value = Math.round((base + offset + significand * Math.pow(10, exp)) * precision) / precision;
+    }
+    var lastTick = finiteOrDefault(generationOptions.max, value);
+    ticks.push({
+      value: lastTick,
+      major: isMajor(lastTick),
+      significand: significand
+    });
+    return ticks;
+  }
+  var LogarithmicScale = /*#__PURE__*/function (_Scale3) {
+    _inherits$w(LogarithmicScale, _Scale3);
+    var _super22 = _createSuper$w(LogarithmicScale);
+    function LogarithmicScale(cfg) {
+      var _this37;
+      _classCallCheck$x(this, LogarithmicScale);
+      _this37 = _super22.call(this, cfg);
+      _this37.start = undefined;
+      _this37.end = undefined;
+      _this37._startValue = undefined;
+      _this37._valueRange = 0;
+      return _this37;
+    }
+    _createClass$x(LogarithmicScale, [{
+      key: "parse",
+      value: function parse(raw, index) {
+        var value = LinearScaleBase.prototype.parse.apply(this, [raw, index]);
+        if (value === 0) {
+          this._zero = true;
+          return undefined;
+        }
+        return isNumberFinite(value) && value > 0 ? value : null;
+      }
+    }, {
+      key: "determineDataLimits",
+      value: function determineDataLimits() {
+        var _this$getMinMax3 = this.getMinMax(true),
+          min = _this$getMinMax3.min,
+          max = _this$getMinMax3.max;
+        this.min = isNumberFinite(min) ? Math.max(0, min) : null;
+        this.max = isNumberFinite(max) ? Math.max(0, max) : null;
+        if (this.options.beginAtZero) {
+          this._zero = true;
+        }
+        if (this._zero && this.min !== this._suggestedMin && !isNumberFinite(this._userMin)) {
+          this.min = min === changeExponent(this.min, 0) ? changeExponent(this.min, -1) : changeExponent(this.min, 0);
+        }
+        this.handleTickRangeOptions();
+      }
+    }, {
+      key: "handleTickRangeOptions",
+      value: function handleTickRangeOptions() {
+        var _this$getUserBounds4 = this.getUserBounds(),
+          minDefined = _this$getUserBounds4.minDefined,
+          maxDefined = _this$getUserBounds4.maxDefined;
+        var min = this.min;
+        var max = this.max;
+        var setMin = function setMin(v) {
+          return min = minDefined ? min : v;
+        };
+        var setMax = function setMax(v) {
+          return max = maxDefined ? max : v;
+        };
+        if (min === max) {
+          if (min <= 0) {
+            setMin(1);
+            setMax(10);
+          } else {
+            setMin(changeExponent(min, -1));
+            setMax(changeExponent(max, +1));
+          }
+        }
+        if (min <= 0) {
+          setMin(changeExponent(max, -1));
+        }
+        if (max <= 0) {
+          setMax(changeExponent(min, +1));
+        }
+        this.min = min;
+        this.max = max;
+      }
+    }, {
+      key: "buildTicks",
+      value: function buildTicks() {
+        var opts = this.options;
+        var generationOptions = {
+          min: this._userMin,
+          max: this._userMax
+        };
+        var ticks = generateTicks(generationOptions, this);
+        if (opts.bounds === 'ticks') {
+          _setMinAndMaxByKey(ticks, this, 'value');
+        }
+        if (opts.reverse) {
+          ticks.reverse();
+          this.start = this.max;
+          this.end = this.min;
+        } else {
+          this.start = this.min;
+          this.end = this.max;
+        }
+        return ticks;
+      }
+    }, {
+      key: "getLabelForValue",
+      value: function getLabelForValue(value) {
+        return value === undefined ? '0' : formatNumber(value, this.chart.options.locale, this.options.ticks.format);
+      }
+    }, {
+      key: "configure",
+      value: function configure() {
+        var start = this.min;
+        _get(_getPrototypeOf$w(LogarithmicScale.prototype), "configure", this).call(this);
+        this._startValue = log10(start);
+        this._valueRange = log10(this.max) - log10(start);
+      }
+    }, {
+      key: "getPixelForValue",
+      value: function getPixelForValue(value) {
+        if (value === undefined || value === 0) {
+          value = this.min;
+        }
+        if (value === null || isNaN(value)) {
+          return NaN;
+        }
+        return this.getPixelForDecimal(value === this.min ? 0 : (log10(value) - this._startValue) / this._valueRange);
+      }
+    }, {
+      key: "getValueForPixel",
+      value: function getValueForPixel(pixel) {
+        var decimal = this.getDecimalForPixel(pixel);
+        return Math.pow(10, this._startValue + decimal * this._valueRange);
+      }
+    }]);
+    return LogarithmicScale;
+  }(Scale);
+  _defineProperty$w(LogarithmicScale, "id", 'logarithmic');
+  _defineProperty$w(LogarithmicScale, "defaults", {
+    ticks: {
+      callback: Ticks.formatters.logarithmic,
+      major: {
+        enabled: true
+      }
+    }
+  });
+  function getTickBackdropHeight(opts) {
+    var tickOpts = opts.ticks;
+    if (tickOpts.display && opts.display) {
+      var padding = toPadding(tickOpts.backdropPadding);
+      return valueOrDefault(tickOpts.font && tickOpts.font.size, defaults.font.size) + padding.height;
+    }
+    return 0;
+  }
+  function measureLabelSize(ctx, font, label) {
+    label = isArray(label) ? label : [label];
+    return {
+      w: _longestText(ctx, font.string, label),
+      h: label.length * font.lineHeight
+    };
+  }
+  function determineLimits(angle, pos, size, min, max) {
+    if (angle === min || angle === max) {
+      return {
+        start: pos - size / 2,
+        end: pos + size / 2
+      };
+    } else if (angle < min || angle > max) {
+      return {
+        start: pos - size,
+        end: pos
+      };
+    }
+    return {
+      start: pos,
+      end: pos + size
+    };
+  }
+  function fitWithPointLabels(scale) {
+    var orig = {
+      l: scale.left + scale._padding.left,
+      r: scale.right - scale._padding.right,
+      t: scale.top + scale._padding.top,
+      b: scale.bottom - scale._padding.bottom
+    };
+    var limits = Object.assign({}, orig);
+    var labelSizes = [];
+    var padding = [];
+    var valueCount = scale._pointLabels.length;
+    var pointLabelOpts = scale.options.pointLabels;
+    var additionalAngle = pointLabelOpts.centerPointLabels ? PI / valueCount : 0;
+    for (var i = 0; i < valueCount; i++) {
+      var opts = pointLabelOpts.setContext(scale.getPointLabelContext(i));
+      padding[i] = opts.padding;
+      var pointPosition = scale.getPointPosition(i, scale.drawingArea + padding[i], additionalAngle);
+      var plFont = toFont(opts.font);
+      var textSize = measureLabelSize(scale.ctx, plFont, scale._pointLabels[i]);
+      labelSizes[i] = textSize;
+      var angleRadians = _normalizeAngle(scale.getIndexAngle(i) + additionalAngle);
+      var angle = Math.round(toDegrees(angleRadians));
+      var hLimits = determineLimits(angle, pointPosition.x, textSize.w, 0, 180);
+      var vLimits = determineLimits(angle, pointPosition.y, textSize.h, 90, 270);
+      updateLimits(limits, orig, angleRadians, hLimits, vLimits);
+    }
+    scale.setCenterPoint(orig.l - limits.l, limits.r - orig.r, orig.t - limits.t, limits.b - orig.b);
+    scale._pointLabelItems = buildPointLabelItems(scale, labelSizes, padding);
+  }
+  function updateLimits(limits, orig, angle, hLimits, vLimits) {
+    var sin = Math.abs(Math.sin(angle));
+    var cos = Math.abs(Math.cos(angle));
+    var x = 0;
+    var y = 0;
+    if (hLimits.start < orig.l) {
+      x = (orig.l - hLimits.start) / sin;
+      limits.l = Math.min(limits.l, orig.l - x);
+    } else if (hLimits.end > orig.r) {
+      x = (hLimits.end - orig.r) / sin;
+      limits.r = Math.max(limits.r, orig.r + x);
+    }
+    if (vLimits.start < orig.t) {
+      y = (orig.t - vLimits.start) / cos;
+      limits.t = Math.min(limits.t, orig.t - y);
+    } else if (vLimits.end > orig.b) {
+      y = (vLimits.end - orig.b) / cos;
+      limits.b = Math.max(limits.b, orig.b + y);
+    }
+  }
+  function buildPointLabelItems(scale, labelSizes, padding) {
+    var items = [];
+    var valueCount = scale._pointLabels.length;
+    var opts = scale.options;
+    var extra = getTickBackdropHeight(opts) / 2;
+    var outerDistance = scale.drawingArea;
+    var additionalAngle = opts.pointLabels.centerPointLabels ? PI / valueCount : 0;
+    for (var i = 0; i < valueCount; i++) {
+      var pointLabelPosition = scale.getPointPosition(i, outerDistance + extra + padding[i], additionalAngle);
+      var angle = Math.round(toDegrees(_normalizeAngle(pointLabelPosition.angle + HALF_PI)));
+      var size = labelSizes[i];
+      var y = yForAngle(pointLabelPosition.y, size.h, angle);
+      var textAlign = getTextAlignForAngle(angle);
+      var left = leftForTextAlign(pointLabelPosition.x, size.w, textAlign);
+      items.push({
+        x: pointLabelPosition.x,
+        y: y,
+        textAlign: textAlign,
+        left: left,
+        top: y,
+        right: left + size.w,
+        bottom: y + size.h
+      });
+    }
+    return items;
+  }
+  function getTextAlignForAngle(angle) {
+    if (angle === 0 || angle === 180) {
+      return 'center';
+    } else if (angle < 180) {
+      return 'left';
+    }
+    return 'right';
+  }
+  function leftForTextAlign(x, w, align) {
+    if (align === 'right') {
+      x -= w;
+    } else if (align === 'center') {
+      x -= w / 2;
+    }
+    return x;
+  }
+  function yForAngle(y, h, angle) {
+    if (angle === 90 || angle === 270) {
+      y -= h / 2;
+    } else if (angle > 270 || angle < 90) {
+      y -= h;
+    }
+    return y;
+  }
+  function drawPointLabels(scale, labelCount) {
+    var ctx = scale.ctx,
+      pointLabels = scale.options.pointLabels;
+    for (var i = labelCount - 1; i >= 0; i--) {
+      var optsAtIndex = pointLabels.setContext(scale.getPointLabelContext(i));
+      var plFont = toFont(optsAtIndex.font);
+      var _scale$_pointLabelIte = scale._pointLabelItems[i],
+        x = _scale$_pointLabelIte.x,
+        y = _scale$_pointLabelIte.y,
+        textAlign = _scale$_pointLabelIte.textAlign,
+        left = _scale$_pointLabelIte.left,
+        top = _scale$_pointLabelIte.top,
+        right = _scale$_pointLabelIte.right,
+        bottom = _scale$_pointLabelIte.bottom;
+      var backdropColor = optsAtIndex.backdropColor;
+      if (!isNullOrUndef(backdropColor)) {
+        var borderRadius = toTRBLCorners(optsAtIndex.borderRadius);
+        var padding = toPadding(optsAtIndex.backdropPadding);
+        ctx.fillStyle = backdropColor;
+        var backdropLeft = left - padding.left;
+        var backdropTop = top - padding.top;
+        var backdropWidth = right - left + padding.width;
+        var backdropHeight = bottom - top + padding.height;
+        if (Object.values(borderRadius).some(function (v) {
+          return v !== 0;
+        })) {
+          ctx.beginPath();
+          addRoundedRectPath(ctx, {
+            x: backdropLeft,
+            y: backdropTop,
+            w: backdropWidth,
+            h: backdropHeight,
+            radius: borderRadius
+          });
+          ctx.fill();
+        } else {
+          ctx.fillRect(backdropLeft, backdropTop, backdropWidth, backdropHeight);
+        }
+      }
+      renderText(ctx, scale._pointLabels[i], x, y + plFont.lineHeight / 2, plFont, {
+        color: optsAtIndex.color,
+        textAlign: textAlign,
+        textBaseline: 'middle'
+      });
+    }
+  }
+  function pathRadiusLine(scale, radius, circular, labelCount) {
+    var ctx = scale.ctx;
+    if (circular) {
+      ctx.arc(scale.xCenter, scale.yCenter, radius, 0, TAU);
+    } else {
+      var pointPosition = scale.getPointPosition(0, radius);
+      ctx.moveTo(pointPosition.x, pointPosition.y);
+      for (var i = 1; i < labelCount; i++) {
+        pointPosition = scale.getPointPosition(i, radius);
+        ctx.lineTo(pointPosition.x, pointPosition.y);
+      }
+    }
+  }
+  function drawRadiusLine(scale, gridLineOpts, radius, labelCount, borderOpts) {
+    var ctx = scale.ctx;
+    var circular = gridLineOpts.circular;
+    var color = gridLineOpts.color,
+      lineWidth = gridLineOpts.lineWidth;
+    if (!circular && !labelCount || !color || !lineWidth || radius < 0) {
+      return;
+    }
+    ctx.save();
+    ctx.strokeStyle = color;
+    ctx.lineWidth = lineWidth;
+    ctx.setLineDash(borderOpts.dash);
+    ctx.lineDashOffset = borderOpts.dashOffset;
+    ctx.beginPath();
+    pathRadiusLine(scale, radius, circular, labelCount);
+    ctx.closePath();
+    ctx.stroke();
+    ctx.restore();
+  }
+  function createPointLabelContext(parent, index, label) {
+    return createContext(parent, {
+      label: label,
+      index: index,
+      type: 'pointLabel'
+    });
+  }
+  var RadialLinearScale = /*#__PURE__*/function (_LinearScaleBase2) {
+    _inherits$w(RadialLinearScale, _LinearScaleBase2);
+    var _super23 = _createSuper$w(RadialLinearScale);
+    function RadialLinearScale(cfg) {
+      var _this38;
+      _classCallCheck$x(this, RadialLinearScale);
+      _this38 = _super23.call(this, cfg);
+      _this38.xCenter = undefined;
+      _this38.yCenter = undefined;
+      _this38.drawingArea = undefined;
+      _this38._pointLabels = [];
+      _this38._pointLabelItems = [];
+      return _this38;
+    }
+    _createClass$x(RadialLinearScale, [{
+      key: "setDimensions",
+      value: function setDimensions() {
+        var padding = this._padding = toPadding(getTickBackdropHeight(this.options) / 2);
+        var w = this.width = this.maxWidth - padding.width;
+        var h = this.height = this.maxHeight - padding.height;
+        this.xCenter = Math.floor(this.left + w / 2 + padding.left);
+        this.yCenter = Math.floor(this.top + h / 2 + padding.top);
+        this.drawingArea = Math.floor(Math.min(w, h) / 2);
+      }
+    }, {
+      key: "determineDataLimits",
+      value: function determineDataLimits() {
+        var _this$getMinMax4 = this.getMinMax(false),
+          min = _this$getMinMax4.min,
+          max = _this$getMinMax4.max;
+        this.min = isNumberFinite(min) && !isNaN(min) ? min : 0;
+        this.max = isNumberFinite(max) && !isNaN(max) ? max : 0;
+        this.handleTickRangeOptions();
+      }
+    }, {
+      key: "computeTickLimit",
+      value: function computeTickLimit() {
+        return Math.ceil(this.drawingArea / getTickBackdropHeight(this.options));
+      }
+    }, {
+      key: "generateTickLabels",
+      value: function generateTickLabels(ticks) {
+        var _this39 = this;
+        LinearScaleBase.prototype.generateTickLabels.call(this, ticks);
+        this._pointLabels = this.getLabels().map(function (value, index) {
+          var label = callback(_this39.options.pointLabels.callback, [value, index], _this39);
+          return label || label === 0 ? label : '';
+        }).filter(function (v, i) {
+          return _this39.chart.getDataVisibility(i);
+        });
+      }
+    }, {
+      key: "fit",
+      value: function fit() {
+        var opts = this.options;
+        if (opts.display && opts.pointLabels.display) {
+          fitWithPointLabels(this);
+        } else {
+          this.setCenterPoint(0, 0, 0, 0);
+        }
+      }
+    }, {
+      key: "setCenterPoint",
+      value: function setCenterPoint(leftMovement, rightMovement, topMovement, bottomMovement) {
+        this.xCenter += Math.floor((leftMovement - rightMovement) / 2);
+        this.yCenter += Math.floor((topMovement - bottomMovement) / 2);
+        this.drawingArea -= Math.min(this.drawingArea / 2, Math.max(leftMovement, rightMovement, topMovement, bottomMovement));
+      }
+    }, {
+      key: "getIndexAngle",
+      value: function getIndexAngle(index) {
+        var angleMultiplier = TAU / (this._pointLabels.length || 1);
+        var startAngle = this.options.startAngle || 0;
+        return _normalizeAngle(index * angleMultiplier + toRadians(startAngle));
+      }
+    }, {
+      key: "getDistanceFromCenterForValue",
+      value: function getDistanceFromCenterForValue(value) {
+        if (isNullOrUndef(value)) {
+          return NaN;
+        }
+        var scalingFactor = this.drawingArea / (this.max - this.min);
+        if (this.options.reverse) {
+          return (this.max - value) * scalingFactor;
+        }
+        return (value - this.min) * scalingFactor;
+      }
+    }, {
+      key: "getValueForDistanceFromCenter",
+      value: function getValueForDistanceFromCenter(distance) {
+        if (isNullOrUndef(distance)) {
+          return NaN;
+        }
+        var scaledDistance = distance / (this.drawingArea / (this.max - this.min));
+        return this.options.reverse ? this.max - scaledDistance : this.min + scaledDistance;
+      }
+    }, {
+      key: "getPointLabelContext",
+      value: function getPointLabelContext(index) {
+        var pointLabels = this._pointLabels || [];
+        if (index >= 0 && index < pointLabels.length) {
+          var pointLabel = pointLabels[index];
+          return createPointLabelContext(this.getContext(), index, pointLabel);
+        }
+      }
+    }, {
+      key: "getPointPosition",
+      value: function getPointPosition(index, distanceFromCenter) {
+        var additionalAngle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+        var angle = this.getIndexAngle(index) - HALF_PI + additionalAngle;
+        return {
+          x: Math.cos(angle) * distanceFromCenter + this.xCenter,
+          y: Math.sin(angle) * distanceFromCenter + this.yCenter,
+          angle: angle
+        };
+      }
+    }, {
+      key: "getPointPositionForValue",
+      value: function getPointPositionForValue(index, value) {
+        return this.getPointPosition(index, this.getDistanceFromCenterForValue(value));
+      }
+    }, {
+      key: "getBasePosition",
+      value: function getBasePosition(index) {
+        return this.getPointPositionForValue(index || 0, this.getBaseValue());
+      }
+    }, {
+      key: "getPointLabelPosition",
+      value: function getPointLabelPosition(index) {
+        var _this$_pointLabelItem = this._pointLabelItems[index],
+          left = _this$_pointLabelItem.left,
+          top = _this$_pointLabelItem.top,
+          right = _this$_pointLabelItem.right,
+          bottom = _this$_pointLabelItem.bottom;
+        return {
+          left: left,
+          top: top,
+          right: right,
+          bottom: bottom
+        };
+      }
+    }, {
+      key: "drawBackground",
+      value: function drawBackground() {
+        var _this$options16 = this.options,
+          backgroundColor = _this$options16.backgroundColor,
+          circular = _this$options16.grid.circular;
+        if (backgroundColor) {
+          var ctx = this.ctx;
+          ctx.save();
+          ctx.beginPath();
+          pathRadiusLine(this, this.getDistanceFromCenterForValue(this._endValue), circular, this._pointLabels.length);
+          ctx.closePath();
+          ctx.fillStyle = backgroundColor;
+          ctx.fill();
+          ctx.restore();
+        }
+      }
+    }, {
+      key: "drawGrid",
+      value: function drawGrid() {
+        var _this40 = this;
+        var ctx = this.ctx;
+        var opts = this.options;
+        var angleLines = opts.angleLines,
+          grid = opts.grid,
+          border = opts.border;
+        var labelCount = this._pointLabels.length;
+        var i, offset, position;
+        if (opts.pointLabels.display) {
+          drawPointLabels(this, labelCount);
+        }
+        if (grid.display) {
+          this.ticks.forEach(function (tick, index) {
+            if (index !== 0) {
+              offset = _this40.getDistanceFromCenterForValue(tick.value);
+              var context = _this40.getContext(index);
+              var optsAtIndex = grid.setContext(context);
+              var optsAtIndexBorder = border.setContext(context);
+              drawRadiusLine(_this40, optsAtIndex, offset, labelCount, optsAtIndexBorder);
+            }
+          });
+        }
+        if (angleLines.display) {
+          ctx.save();
+          for (i = labelCount - 1; i >= 0; i--) {
+            var optsAtIndex = angleLines.setContext(this.getPointLabelContext(i));
+            var color = optsAtIndex.color,
+              lineWidth = optsAtIndex.lineWidth;
+            if (!lineWidth || !color) {
+              continue;
+            }
+            ctx.lineWidth = lineWidth;
+            ctx.strokeStyle = color;
+            ctx.setLineDash(optsAtIndex.borderDash);
+            ctx.lineDashOffset = optsAtIndex.borderDashOffset;
+            offset = this.getDistanceFromCenterForValue(opts.ticks.reverse ? this.min : this.max);
+            position = this.getPointPosition(i, offset);
+            ctx.beginPath();
+            ctx.moveTo(this.xCenter, this.yCenter);
+            ctx.lineTo(position.x, position.y);
+            ctx.stroke();
+          }
+          ctx.restore();
+        }
+      }
+    }, {
+      key: "drawBorder",
+      value: function drawBorder() {}
+    }, {
+      key: "drawLabels",
+      value: function drawLabels() {
+        var _this41 = this;
+        var ctx = this.ctx;
+        var opts = this.options;
+        var tickOpts = opts.ticks;
+        if (!tickOpts.display) {
+          return;
+        }
+        var startAngle = this.getIndexAngle(0);
+        var offset, width;
+        ctx.save();
+        ctx.translate(this.xCenter, this.yCenter);
+        ctx.rotate(startAngle);
+        ctx.textAlign = 'center';
+        ctx.textBaseline = 'middle';
+        this.ticks.forEach(function (tick, index) {
+          if (index === 0 && !opts.reverse) {
+            return;
+          }
+          var optsAtIndex = tickOpts.setContext(_this41.getContext(index));
+          var tickFont = toFont(optsAtIndex.font);
+          offset = _this41.getDistanceFromCenterForValue(_this41.ticks[index].value);
+          if (optsAtIndex.showLabelBackdrop) {
+            ctx.font = tickFont.string;
+            width = ctx.measureText(tick.label).width;
+            ctx.fillStyle = optsAtIndex.backdropColor;
+            var padding = toPadding(optsAtIndex.backdropPadding);
+            ctx.fillRect(-width / 2 - padding.left, -offset - tickFont.size / 2 - padding.top, width + padding.width, tickFont.size + padding.height);
+          }
+          renderText(ctx, tick.label, 0, -offset, tickFont, {
+            color: optsAtIndex.color
+          });
+        });
+        ctx.restore();
+      }
+    }, {
+      key: "drawTitle",
+      value: function drawTitle() {}
+    }]);
+    return RadialLinearScale;
+  }(LinearScaleBase);
+  _defineProperty$w(RadialLinearScale, "id", 'radialLinear');
+  _defineProperty$w(RadialLinearScale, "defaults", {
+    display: true,
+    animate: true,
+    position: 'chartArea',
+    angleLines: {
+      display: true,
+      lineWidth: 1,
+      borderDash: [],
+      borderDashOffset: 0.0
+    },
+    grid: {
+      circular: false
+    },
+    startAngle: 0,
+    ticks: {
+      showLabelBackdrop: true,
+      callback: Ticks.formatters.numeric
+    },
+    pointLabels: {
+      backdropColor: undefined,
+      backdropPadding: 2,
+      display: true,
+      font: {
+        size: 10
+      },
+      callback: function callback(label) {
+        return label;
+      },
+      padding: 5,
+      centerPointLabels: false
+    }
+  });
+  _defineProperty$w(RadialLinearScale, "defaultRoutes", {
+    'angleLines.color': 'borderColor',
+    'pointLabels.color': 'color',
+    'ticks.color': 'color'
+  });
+  _defineProperty$w(RadialLinearScale, "descriptors", {
+    angleLines: {
+      _fallback: 'grid'
+    }
+  });
+  var INTERVALS = {
+    millisecond: {
+      common: true,
+      size: 1,
+      steps: 1000
+    },
+    second: {
+      common: true,
+      size: 1000,
+      steps: 60
+    },
+    minute: {
+      common: true,
+      size: 60000,
+      steps: 60
+    },
+    hour: {
+      common: true,
+      size: 3600000,
+      steps: 24
+    },
+    day: {
+      common: true,
+      size: 86400000,
+      steps: 30
+    },
+    week: {
+      common: false,
+      size: 604800000,
+      steps: 4
+    },
+    month: {
+      common: true,
+      size: 2.628e9,
+      steps: 12
+    },
+    quarter: {
+      common: false,
+      size: 7.884e9,
+      steps: 4
+    },
+    year: {
+      common: true,
+      size: 3.154e10
+    }
+  };
+  var UNITS = /* #__PURE__ */Object.keys(INTERVALS);
+  function sorter(a, b) {
+    return a - b;
   }
-
-  /**
-   * @name startOfWeek
-   * @category Week Helpers
-   * @summary Return the start of a week for the given date.
-   *
-   * @description
-   * Return the start of a week for the given date.
-   * The result will be in the local timezone.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the original date
-   * @param {Object} [options] - an object with options.
-   * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}
-   * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)
-   * @returns {Date} the start of a week
-   * @throws {TypeError} 1 argument required
-   * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6
-   *
-   * @example
-   * // The start of a week for 2 September 2014 11:55:00:
-   * var result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0))
-   * //=> Sun Aug 31 2014 00:00:00
-   *
-   * @example
-   * // If the week starts on Monday, the start of the week for 2 September 2014 11:55:00:
-   * var result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
-   * //=> Mon Sep 01 2014 00:00:00
-   */
-
-  function startOfWeek(dirtyDate, dirtyOptions) {
-    requiredArgs(1, arguments);
-    var options = dirtyOptions || {};
-    var locale = options.locale;
-    var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;
-    var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
-    var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
-
-    if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
-      throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
+  function _parse(scale, input) {
+    if (isNullOrUndef(input)) {
+      return null;
     }
-
-    var date = toDate(dirtyDate);
-    var day = date.getDay();
-    var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
-    date.setDate(date.getDate() - diff);
-    date.setHours(0, 0, 0, 0);
-    return date;
+    var adapter = scale._adapter;
+    var _scale$_parseOpts = scale._parseOpts,
+      parser = _scale$_parseOpts.parser,
+      round = _scale$_parseOpts.round,
+      isoWeekday = _scale$_parseOpts.isoWeekday;
+    var value = input;
+    if (typeof parser === 'function') {
+      value = parser(value);
+    }
+    if (!isNumberFinite(value)) {
+      value = typeof parser === 'string' ? adapter.parse(value, parser) : adapter.parse(value);
+    }
+    if (value === null) {
+      return null;
+    }
+    if (round) {
+      value = round === 'week' && (isNumber(isoWeekday) || isoWeekday === true) ? adapter.startOf(value, 'isoWeek', isoWeekday) : adapter.startOf(value, round);
+    }
+    return +value;
   }
-
-  /**
-   * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
-   * They usually appear for dates that denote time before the timezones were introduced
-   * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891
-   * and GMT+01:00:00 after that date)
-   *
-   * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,
-   * which would lead to incorrect calculations.
-   *
-   * This function returns the timezone offset in milliseconds that takes seconds in account.
-   */
-  function getTimezoneOffsetInMilliseconds(date) {
-    var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
-    utcDate.setUTCFullYear(date.getFullYear());
-    return date.getTime() - utcDate.getTime();
+  function determineUnitForAutoTicks(minUnit, min, max, capacity) {
+    var ilen = UNITS.length;
+    for (var i = UNITS.indexOf(minUnit); i < ilen - 1; ++i) {
+      var interval = INTERVALS[UNITS[i]];
+      var factor = interval.steps ? interval.steps : Number.MAX_SAFE_INTEGER;
+      if (interval.common && Math.ceil((max - min) / (factor * interval.size)) <= capacity) {
+        return UNITS[i];
+      }
+    }
+    return UNITS[ilen - 1];
   }
-
-  /**
-   * @name startOfDay
-   * @category Day Helpers
-   * @summary Return the start of a day for the given date.
-   *
-   * @description
-   * Return the start of a day for the given date.
-   * The result will be in the local timezone.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the original date
-   * @returns {Date} the start of a day
-   * @throws {TypeError} 1 argument required
-   *
-   * @example
-   * // The start of a day for 2 September 2014 11:55:00:
-   * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
-   * //=> Tue Sep 02 2014 00:00:00
-   */
-
-  function startOfDay(dirtyDate) {
-    requiredArgs(1, arguments);
-    var date = toDate(dirtyDate);
-    date.setHours(0, 0, 0, 0);
-    return date;
+  function determineUnitForFormatting(scale, numTicks, minUnit, min, max) {
+    for (var i = UNITS.length - 1; i >= UNITS.indexOf(minUnit); i--) {
+      var unit = UNITS[i];
+      if (INTERVALS[unit].common && scale._adapter.diff(max, min, unit) >= numTicks - 1) {
+        return unit;
+      }
+    }
+    return UNITS[minUnit ? UNITS.indexOf(minUnit) : 0];
   }
-
-  var MILLISECONDS_IN_DAY$1 = 86400000;
-  /**
-   * @name differenceInCalendarDays
-   * @category Day Helpers
-   * @summary Get the number of calendar days between the given dates.
-   *
-   * @description
-   * Get the number of calendar days between the given dates. This means that the times are removed
-   * from the dates and then the difference in days is calculated.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of calendar days
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // How many calendar days are between
-   * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
-   * var result = differenceInCalendarDays(
-   *   new Date(2012, 6, 2, 0, 0),
-   *   new Date(2011, 6, 2, 23, 0)
-   * )
-   * //=> 366
-   * // How many calendar days are between
-   * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
-   * var result = differenceInCalendarDays(
-   *   new Date(2011, 6, 3, 0, 1),
-   *   new Date(2011, 6, 2, 23, 59)
-   * )
-   * //=> 1
-   */
-
-  function differenceInCalendarDays(dirtyDateLeft, dirtyDateRight) {
-    requiredArgs(2, arguments);
-    var startOfDayLeft = startOfDay(dirtyDateLeft);
-    var startOfDayRight = startOfDay(dirtyDateRight);
-    var timestampLeft = startOfDayLeft.getTime() - getTimezoneOffsetInMilliseconds(startOfDayLeft);
-    var timestampRight = startOfDayRight.getTime() - getTimezoneOffsetInMilliseconds(startOfDayRight); // Round the number of days to the nearest integer
-    // because the number of milliseconds in a day is not constant
-    // (e.g. it's different in the day of the daylight saving time clock shift)
-
-    return Math.round((timestampLeft - timestampRight) / MILLISECONDS_IN_DAY$1);
+  function determineMajorUnit(unit) {
+    for (var i = UNITS.indexOf(unit) + 1, ilen = UNITS.length; i < ilen; ++i) {
+      if (INTERVALS[UNITS[i]].common) {
+        return UNITS[i];
+      }
+    }
+  }
+  function addTick(ticks, time, timestamps) {
+    if (!timestamps) {
+      ticks[time] = true;
+    } else if (timestamps.length) {
+      var _lookup2 = _lookup(timestamps, time),
+        lo = _lookup2.lo,
+        hi = _lookup2.hi;
+      var timestamp = timestamps[lo] >= time ? timestamps[lo] : timestamps[hi];
+      ticks[timestamp] = true;
+    }
+  }
+  function setMajorTicks(scale, ticks, map, majorUnit) {
+    var adapter = scale._adapter;
+    var first = +adapter.startOf(ticks[0].value, majorUnit);
+    var last = ticks[ticks.length - 1].value;
+    var major, index;
+    for (major = first; major <= last; major = +adapter.add(major, 1, majorUnit)) {
+      index = map[major];
+      if (index >= 0) {
+        ticks[index].major = true;
+      }
+    }
+    return ticks;
   }
-
-  var MILLISECONDS_IN_MINUTE$3 = 60000;
-  /**
-   * @name addMinutes
-   * @category Minute Helpers
-   * @summary Add the specified number of minutes to the given date.
-   *
-   * @description
-   * Add the specified number of minutes to the given date.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the date to be changed
-   * @param {Number} amount - the amount of minutes to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
-   * @returns {Date} the new date with the minutes added
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // Add 30 minutes to 10 July 2014 12:00:00:
-   * const result = addMinutes(new Date(2014, 6, 10, 12, 0), 30)
-   * //=> Thu Jul 10 2014 12:30:00
-   */
-
-  function addMinutes(dirtyDate, dirtyAmount) {
-    requiredArgs(2, arguments);
-    var amount = toInteger(dirtyAmount);
-    return addMilliseconds(dirtyDate, amount * MILLISECONDS_IN_MINUTE$3);
+  function ticksFromTimestamps(scale, values, majorUnit) {
+    var ticks = [];
+    var map = {};
+    var ilen = values.length;
+    var i, value;
+    for (i = 0; i < ilen; ++i) {
+      value = values[i];
+      map[value] = i;
+      ticks.push({
+        value: value,
+        major: false
+      });
+    }
+    return ilen === 0 || !majorUnit ? ticks : setMajorTicks(scale, ticks, map, majorUnit);
   }
-
-  /**
-   * @name addQuarters
-   * @category Quarter Helpers
-   * @summary Add the specified number of year quarters to the given date.
-   *
-   * @description
-   * Add the specified number of year quarters to the given date.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the date to be changed
-   * @param {Number} amount - the amount of quarters to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
-   * @returns {Date} the new date with the quarters added
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // Add 1 quarter to 1 September 2014:
-   * const result = addQuarters(new Date(2014, 8, 1), 1)
-   * //=> Mon Dec 01 2014 00:00:00
-   */
-
-  function addQuarters(dirtyDate, dirtyAmount) {
-    requiredArgs(2, arguments);
-    var amount = toInteger(dirtyAmount);
-    var months = amount * 3;
-    return addMonths(dirtyDate, months);
+  var TimeScale = /*#__PURE__*/function (_Scale4) {
+    _inherits$w(TimeScale, _Scale4);
+    var _super24 = _createSuper$w(TimeScale);
+    function TimeScale(props) {
+      var _this42;
+      _classCallCheck$x(this, TimeScale);
+      _this42 = _super24.call(this, props);
+      _this42._cache = {
+        data: [],
+        labels: [],
+        all: []
+      };
+      _this42._unit = 'day';
+      _this42._majorUnit = undefined;
+      _this42._offsets = {};
+      _this42._normalized = false;
+      _this42._parseOpts = undefined;
+      return _this42;
+    }
+    _createClass$x(TimeScale, [{
+      key: "init",
+      value: function init(scaleOpts) {
+        var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        var time = scaleOpts.time || (scaleOpts.time = {});
+        var adapter = this._adapter = new adapters._date(scaleOpts.adapters.date);
+        adapter.init(opts);
+        mergeIf(time.displayFormats, adapter.formats());
+        this._parseOpts = {
+          parser: time.parser,
+          round: time.round,
+          isoWeekday: time.isoWeekday
+        };
+        _get(_getPrototypeOf$w(TimeScale.prototype), "init", this).call(this, scaleOpts);
+        this._normalized = opts.normalized;
+      }
+    }, {
+      key: "parse",
+      value: function parse(raw, index) {
+        if (raw === undefined) {
+          return null;
+        }
+        return _parse(this, raw);
+      }
+    }, {
+      key: "beforeLayout",
+      value: function beforeLayout() {
+        _get(_getPrototypeOf$w(TimeScale.prototype), "beforeLayout", this).call(this);
+        this._cache = {
+          data: [],
+          labels: [],
+          all: []
+        };
+      }
+    }, {
+      key: "determineDataLimits",
+      value: function determineDataLimits() {
+        var options = this.options;
+        var adapter = this._adapter;
+        var unit = options.time.unit || 'day';
+        var _this$getUserBounds5 = this.getUserBounds(),
+          min = _this$getUserBounds5.min,
+          max = _this$getUserBounds5.max,
+          minDefined = _this$getUserBounds5.minDefined,
+          maxDefined = _this$getUserBounds5.maxDefined;
+        function _applyBounds(bounds) {
+          if (!minDefined && !isNaN(bounds.min)) {
+            min = Math.min(min, bounds.min);
+          }
+          if (!maxDefined && !isNaN(bounds.max)) {
+            max = Math.max(max, bounds.max);
+          }
+        }
+        if (!minDefined || !maxDefined) {
+          _applyBounds(this._getLabelBounds());
+          if (options.bounds !== 'ticks' || options.ticks.source !== 'labels') {
+            _applyBounds(this.getMinMax(false));
+          }
+        }
+        min = isNumberFinite(min) && !isNaN(min) ? min : +adapter.startOf(Date.now(), unit);
+        max = isNumberFinite(max) && !isNaN(max) ? max : +adapter.endOf(Date.now(), unit) + 1;
+        this.min = Math.min(min, max - 1);
+        this.max = Math.max(min + 1, max);
+      }
+    }, {
+      key: "_getLabelBounds",
+      value: function _getLabelBounds() {
+        var arr = this.getLabelTimestamps();
+        var min = Number.POSITIVE_INFINITY;
+        var max = Number.NEGATIVE_INFINITY;
+        if (arr.length) {
+          min = arr[0];
+          max = arr[arr.length - 1];
+        }
+        return {
+          min: min,
+          max: max
+        };
+      }
+    }, {
+      key: "buildTicks",
+      value: function buildTicks() {
+        var options = this.options;
+        var timeOpts = options.time;
+        var tickOpts = options.ticks;
+        var timestamps = tickOpts.source === 'labels' ? this.getLabelTimestamps() : this._generate();
+        if (options.bounds === 'ticks' && timestamps.length) {
+          this.min = this._userMin || timestamps[0];
+          this.max = this._userMax || timestamps[timestamps.length - 1];
+        }
+        var min = this.min;
+        var max = this.max;
+        var ticks = _filterBetween(timestamps, min, max);
+        this._unit = timeOpts.unit || (tickOpts.autoSkip ? determineUnitForAutoTicks(timeOpts.minUnit, this.min, this.max, this._getLabelCapacity(min)) : determineUnitForFormatting(this, ticks.length, timeOpts.minUnit, this.min, this.max));
+        this._majorUnit = !tickOpts.major.enabled || this._unit === 'year' ? undefined : determineMajorUnit(this._unit);
+        this.initOffsets(timestamps);
+        if (options.reverse) {
+          ticks.reverse();
+        }
+        return ticksFromTimestamps(this, ticks, this._majorUnit);
+      }
+    }, {
+      key: "afterAutoSkip",
+      value: function afterAutoSkip() {
+        if (this.options.offsetAfterAutoskip) {
+          this.initOffsets(this.ticks.map(function (tick) {
+            return +tick.value;
+          }));
+        }
+      }
+    }, {
+      key: "initOffsets",
+      value: function initOffsets() {
+        var timestamps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+        var start = 0;
+        var end = 0;
+        var first, last;
+        if (this.options.offset && timestamps.length) {
+          first = this.getDecimalForValue(timestamps[0]);
+          if (timestamps.length === 1) {
+            start = 1 - first;
+          } else {
+            start = (this.getDecimalForValue(timestamps[1]) - first) / 2;
+          }
+          last = this.getDecimalForValue(timestamps[timestamps.length - 1]);
+          if (timestamps.length === 1) {
+            end = last;
+          } else {
+            end = (last - this.getDecimalForValue(timestamps[timestamps.length - 2])) / 2;
+          }
+        }
+        var limit = timestamps.length < 3 ? 0.5 : 0.25;
+        start = _limitValue(start, 0, limit);
+        end = _limitValue(end, 0, limit);
+        this._offsets = {
+          start: start,
+          end: end,
+          factor: 1 / (start + 1 + end)
+        };
+      }
+    }, {
+      key: "_generate",
+      value: function _generate() {
+        var adapter = this._adapter;
+        var min = this.min;
+        var max = this.max;
+        var options = this.options;
+        var timeOpts = options.time;
+        var minor = timeOpts.unit || determineUnitForAutoTicks(timeOpts.minUnit, min, max, this._getLabelCapacity(min));
+        var stepSize = valueOrDefault(options.ticks.stepSize, 1);
+        var weekday = minor === 'week' ? timeOpts.isoWeekday : false;
+        var hasWeekday = isNumber(weekday) || weekday === true;
+        var ticks = {};
+        var first = min;
+        var time, count;
+        if (hasWeekday) {
+          first = +adapter.startOf(first, 'isoWeek', weekday);
+        }
+        first = +adapter.startOf(first, hasWeekday ? 'day' : minor);
+        if (adapter.diff(max, min, minor) > 100000 * stepSize) {
+          throw new Error(min + ' and ' + max + ' are too far apart with stepSize of ' + stepSize + ' ' + minor);
+        }
+        var timestamps = options.ticks.source === 'data' && this.getDataTimestamps();
+        for (time = first, count = 0; time < max; time = +adapter.add(time, stepSize, minor), count++) {
+          addTick(ticks, time, timestamps);
+        }
+        if (time === max || options.bounds === 'ticks' || count === 1) {
+          addTick(ticks, time, timestamps);
+        }
+        return Object.keys(ticks).sort(function (a, b) {
+          return a - b;
+        }).map(function (x) {
+          return +x;
+        });
+      }
+    }, {
+      key: "getLabelForValue",
+      value: function getLabelForValue(value) {
+        var adapter = this._adapter;
+        var timeOpts = this.options.time;
+        if (timeOpts.tooltipFormat) {
+          return adapter.format(value, timeOpts.tooltipFormat);
+        }
+        return adapter.format(value, timeOpts.displayFormats.datetime);
+      }
+    }, {
+      key: "format",
+      value: function format(value, _format) {
+        var options = this.options;
+        var formats = options.time.displayFormats;
+        var unit = this._unit;
+        var fmt = _format || formats[unit];
+        return this._adapter.format(value, fmt);
+      }
+    }, {
+      key: "_tickFormatFunction",
+      value: function _tickFormatFunction(time, index, ticks, format) {
+        var options = this.options;
+        var formatter = options.ticks.callback;
+        if (formatter) {
+          return callback(formatter, [time, index, ticks], this);
+        }
+        var formats = options.time.displayFormats;
+        var unit = this._unit;
+        var majorUnit = this._majorUnit;
+        var minorFormat = unit && formats[unit];
+        var majorFormat = majorUnit && formats[majorUnit];
+        var tick = ticks[index];
+        var major = majorUnit && majorFormat && tick && tick.major;
+        return this._adapter.format(time, format || (major ? majorFormat : minorFormat));
+      }
+    }, {
+      key: "generateTickLabels",
+      value: function generateTickLabels(ticks) {
+        var i, ilen, tick;
+        for (i = 0, ilen = ticks.length; i < ilen; ++i) {
+          tick = ticks[i];
+          tick.label = this._tickFormatFunction(tick.value, i, ticks);
+        }
+      }
+    }, {
+      key: "getDecimalForValue",
+      value: function getDecimalForValue(value) {
+        return value === null ? NaN : (value - this.min) / (this.max - this.min);
+      }
+    }, {
+      key: "getPixelForValue",
+      value: function getPixelForValue(value) {
+        var offsets = this._offsets;
+        var pos = this.getDecimalForValue(value);
+        return this.getPixelForDecimal((offsets.start + pos) * offsets.factor);
+      }
+    }, {
+      key: "getValueForPixel",
+      value: function getValueForPixel(pixel) {
+        var offsets = this._offsets;
+        var pos = this.getDecimalForPixel(pixel) / offsets.factor - offsets.end;
+        return this.min + pos * (this.max - this.min);
+      }
+    }, {
+      key: "_getLabelSize",
+      value: function _getLabelSize(label) {
+        var ticksOpts = this.options.ticks;
+        var tickLabelWidth = this.ctx.measureText(label).width;
+        var angle = toRadians(this.isHorizontal() ? ticksOpts.maxRotation : ticksOpts.minRotation);
+        var cosRotation = Math.cos(angle);
+        var sinRotation = Math.sin(angle);
+        var tickFontSize = this._resolveTickFontOptions(0).size;
+        return {
+          w: tickLabelWidth * cosRotation + tickFontSize * sinRotation,
+          h: tickLabelWidth * sinRotation + tickFontSize * cosRotation
+        };
+      }
+    }, {
+      key: "_getLabelCapacity",
+      value: function _getLabelCapacity(exampleTime) {
+        var timeOpts = this.options.time;
+        var displayFormats = timeOpts.displayFormats;
+        var format = displayFormats[timeOpts.unit] || displayFormats.millisecond;
+        var exampleLabel = this._tickFormatFunction(exampleTime, 0, ticksFromTimestamps(this, [exampleTime], this._majorUnit), format);
+        var size = this._getLabelSize(exampleLabel);
+        var capacity = Math.floor(this.isHorizontal() ? this.width / size.w : this.height / size.h) - 1;
+        return capacity > 0 ? capacity : 1;
+      }
+    }, {
+      key: "getDataTimestamps",
+      value: function getDataTimestamps() {
+        var timestamps = this._cache.data || [];
+        var i, ilen;
+        if (timestamps.length) {
+          return timestamps;
+        }
+        var metas = this.getMatchingVisibleMetas();
+        if (this._normalized && metas.length) {
+          return this._cache.data = metas[0].controller.getAllParsedValues(this);
+        }
+        for (i = 0, ilen = metas.length; i < ilen; ++i) {
+          timestamps = timestamps.concat(metas[i].controller.getAllParsedValues(this));
+        }
+        return this._cache.data = this.normalize(timestamps);
+      }
+    }, {
+      key: "getLabelTimestamps",
+      value: function getLabelTimestamps() {
+        var timestamps = this._cache.labels || [];
+        var i, ilen;
+        if (timestamps.length) {
+          return timestamps;
+        }
+        var labels = this.getLabels();
+        for (i = 0, ilen = labels.length; i < ilen; ++i) {
+          timestamps.push(_parse(this, labels[i]));
+        }
+        return this._cache.labels = this._normalized ? timestamps : this.normalize(timestamps);
+      }
+    }, {
+      key: "normalize",
+      value: function normalize(values) {
+        return _arrayUnique(values.sort(sorter));
+      }
+    }]);
+    return TimeScale;
+  }(Scale);
+  _defineProperty$w(TimeScale, "id", 'time');
+  _defineProperty$w(TimeScale, "defaults", {
+    bounds: 'data',
+    adapters: {},
+    time: {
+      parser: false,
+      unit: false,
+      round: false,
+      isoWeekday: false,
+      minUnit: 'millisecond',
+      displayFormats: {}
+    },
+    ticks: {
+      source: 'auto',
+      callback: false,
+      major: {
+        enabled: false
+      }
+    }
+  });
+  function interpolate(table, val, reverse) {
+    var lo = 0;
+    var hi = table.length - 1;
+    var prevSource, nextSource, prevTarget, nextTarget;
+    if (reverse) {
+      if (val >= table[lo].pos && val <= table[hi].pos) {
+        var _lookupByKey2 = _lookupByKey(table, 'pos', val);
+        lo = _lookupByKey2.lo;
+        hi = _lookupByKey2.hi;
+      }
+      var _table$lo = table[lo];
+      prevSource = _table$lo.pos;
+      prevTarget = _table$lo.time;
+      var _table$hi = table[hi];
+      nextSource = _table$hi.pos;
+      nextTarget = _table$hi.time;
+    } else {
+      if (val >= table[lo].time && val <= table[hi].time) {
+        var _lookupByKey3 = _lookupByKey(table, 'time', val);
+        lo = _lookupByKey3.lo;
+        hi = _lookupByKey3.hi;
+      }
+      var _table$lo2 = table[lo];
+      prevSource = _table$lo2.time;
+      prevTarget = _table$lo2.pos;
+      var _table$hi2 = table[hi];
+      nextSource = _table$hi2.time;
+      nextTarget = _table$hi2.pos;
+    }
+    var span = nextSource - prevSource;
+    return span ? prevTarget + (nextTarget - prevTarget) * (val - prevSource) / span : prevTarget;
   }
+  var TimeSeriesScale = /*#__PURE__*/function (_TimeScale) {
+    _inherits$w(TimeSeriesScale, _TimeScale);
+    var _super25 = _createSuper$w(TimeSeriesScale);
+    function TimeSeriesScale(props) {
+      var _this43;
+      _classCallCheck$x(this, TimeSeriesScale);
+      _this43 = _super25.call(this, props);
+      _this43._table = [];
+      _this43._minPos = undefined;
+      _this43._tableRange = undefined;
+      return _this43;
+    }
+    _createClass$x(TimeSeriesScale, [{
+      key: "initOffsets",
+      value: function initOffsets() {
+        var timestamps = this._getTimestampsForTable();
+        var table = this._table = this.buildLookupTable(timestamps);
+        this._minPos = interpolate(table, this.min);
+        this._tableRange = interpolate(table, this.max) - this._minPos;
+        _get(_getPrototypeOf$w(TimeSeriesScale.prototype), "initOffsets", this).call(this, timestamps);
+      }
+    }, {
+      key: "buildLookupTable",
+      value: function buildLookupTable(timestamps) {
+        var min = this.min,
+          max = this.max;
+        var items = [];
+        var table = [];
+        var i, ilen, prev, curr, next;
+        for (i = 0, ilen = timestamps.length; i < ilen; ++i) {
+          curr = timestamps[i];
+          if (curr >= min && curr <= max) {
+            items.push(curr);
+          }
+        }
+        if (items.length < 2) {
+          return [{
+            time: min,
+            pos: 0
+          }, {
+            time: max,
+            pos: 1
+          }];
+        }
+        for (i = 0, ilen = items.length; i < ilen; ++i) {
+          next = items[i + 1];
+          prev = items[i - 1];
+          curr = items[i];
+          if (Math.round((next + prev) / 2) !== curr) {
+            table.push({
+              time: curr,
+              pos: i / (ilen - 1)
+            });
+          }
+        }
+        return table;
+      }
+    }, {
+      key: "_getTimestampsForTable",
+      value: function _getTimestampsForTable() {
+        var timestamps = this._cache.all || [];
+        if (timestamps.length) {
+          return timestamps;
+        }
+        var data = this.getDataTimestamps();
+        var label = this.getLabelTimestamps();
+        if (data.length && label.length) {
+          timestamps = this.normalize(data.concat(label));
+        } else {
+          timestamps = data.length ? data : label;
+        }
+        timestamps = this._cache.all = timestamps;
+        return timestamps;
+      }
+    }, {
+      key: "getDecimalForValue",
+      value: function getDecimalForValue(value) {
+        return (interpolate(this._table, value) - this._minPos) / this._tableRange;
+      }
+    }, {
+      key: "getValueForPixel",
+      value: function getValueForPixel(pixel) {
+        var offsets = this._offsets;
+        var decimal = this.getDecimalForPixel(pixel) / offsets.factor - offsets.end;
+        return interpolate(this._table, decimal * this._tableRange + this._minPos, true);
+      }
+    }]);
+    return TimeSeriesScale;
+  }(TimeScale);
+  _defineProperty$w(TimeSeriesScale, "id", 'timeseries');
+  _defineProperty$w(TimeSeriesScale, "defaults", TimeScale.defaults);
+  var scales = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CategoryScale: CategoryScale,
+    LinearScale: LinearScale,
+    LogarithmicScale: LogarithmicScale,
+    RadialLinearScale: RadialLinearScale,
+    TimeScale: TimeScale,
+    TimeSeriesScale: TimeSeriesScale
+  });
+  var registerables = [controllers, elements, plugins, scales];
 
-  /**
-   * @name addSeconds
-   * @category Second Helpers
-   * @summary Add the specified number of seconds to the given date.
-   *
-   * @description
-   * Add the specified number of seconds to the given date.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the date to be changed
-   * @param {Number} amount - the amount of seconds to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
-   * @returns {Date} the new date with the seconds added
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // Add 30 seconds to 10 July 2014 12:45:00:
-   * const result = addSeconds(new Date(2014, 6, 10, 12, 45, 0), 30)
-   * //=> Thu Jul 10 2014 12:45:30
-   */
-
-  function addSeconds(dirtyDate, dirtyAmount) {
-    requiredArgs(2, arguments);
-    var amount = toInteger(dirtyAmount);
-    return addMilliseconds(dirtyDate, amount * 1000);
-  }
+  Chart$1.register.apply(Chart$1, _toConsumableArray(registerables));
+  var Chart = Chart$1;
 
-  /**
-   * @name addWeeks
-   * @category Week Helpers
-   * @summary Add the specified number of weeks to the given date.
-   *
-   * @description
-   * Add the specified number of week to the given date.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the date to be changed
-   * @param {Number} amount - the amount of weeks to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
-   * @returns {Date} the new date with the weeks added
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // Add 4 weeks to 1 September 2014:
-   * const result = addWeeks(new Date(2014, 8, 1), 4)
-   * //=> Mon Sep 29 2014 00:00:00
-   */
+  var helpers = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    HALF_PI: HALF_PI,
+    INFINITY: INFINITY,
+    PI: PI,
+    PITAU: PITAU,
+    QUARTER_PI: QUARTER_PI,
+    RAD_PER_DEG: RAD_PER_DEG,
+    TAU: TAU,
+    TWO_THIRDS_PI: TWO_THIRDS_PI,
+    _addGrace: _addGrace,
+    _alignPixel: _alignPixel,
+    _alignStartEnd: _alignStartEnd,
+    _angleBetween: _angleBetween,
+    _angleDiff: _angleDiff,
+    _arrayUnique: _arrayUnique,
+    _attachContext: _attachContext,
+    _bezierCurveTo: _bezierCurveTo,
+    _bezierInterpolation: _bezierInterpolation,
+    _boundSegment: _boundSegment,
+    _boundSegments: _boundSegments,
+    _capitalize: _capitalize,
+    _computeSegments: _computeSegments,
+    _createResolver: _createResolver,
+    _decimalPlaces: _decimalPlaces,
+    _deprecated: _deprecated,
+    _descriptors: _descriptors,
+    _elementsEqual: _elementsEqual,
+    _factorize: _factorize,
+    _filterBetween: _filterBetween,
+    _getParentNode: _getParentNode,
+    _getStartAndCountOfVisiblePoints: _getStartAndCountOfVisiblePoints,
+    _int16Range: _int16Range,
+    _isBetween: _isBetween,
+    _isClickEvent: _isClickEvent,
+    _isDomSupported: _isDomSupported,
+    _isPointInArea: _isPointInArea,
+    _limitValue: _limitValue,
+    _longestText: _longestText,
+    _lookup: _lookup,
+    _lookupByKey: _lookupByKey,
+    _measureText: _measureText,
+    _merger: _merger,
+    _mergerIf: _mergerIf,
+    _normalizeAngle: _normalizeAngle,
+    _parseObjectDataRadialScale: _parseObjectDataRadialScale,
+    _pointInLine: _pointInLine,
+    _readValueToProps: _readValueToProps,
+    _rlookupByKey: _rlookupByKey,
+    _scaleRangesChanged: _scaleRangesChanged,
+    _setMinAndMaxByKey: _setMinAndMaxByKey,
+    _splitKey: _splitKey,
+    _steppedInterpolation: _steppedInterpolation,
+    _steppedLineTo: _steppedLineTo,
+    _textX: _textX,
+    _toLeftRightCenter: _toLeftRightCenter,
+    _updateBezierControlPoints: _updateBezierControlPoints,
+    addRoundedRectPath: addRoundedRectPath,
+    almostEquals: almostEquals,
+    almostWhole: almostWhole,
+    callback: callback,
+    clearCanvas: clearCanvas,
+    clipArea: clipArea,
+    clone: clone,
+    color: color,
+    createContext: createContext,
+    debounce: debounce,
+    defined: defined,
+    distanceBetweenPoints: distanceBetweenPoints,
+    drawPoint: drawPoint,
+    drawPointLegend: drawPointLegend,
+    each: each,
+    easingEffects: effects,
+    finiteOrDefault: finiteOrDefault,
+    fontString: fontString,
+    formatNumber: formatNumber,
+    getAngleFromPoint: getAngleFromPoint,
+    getHoverColor: getHoverColor,
+    getMaximumSize: getMaximumSize,
+    getRelativePosition: getRelativePosition,
+    getRtlAdapter: getRtlAdapter,
+    getStyle: getStyle,
+    isArray: isArray,
+    isFinite: isNumberFinite,
+    isFunction: isFunction,
+    isNullOrUndef: isNullOrUndef,
+    isNumber: isNumber,
+    isObject: isObject,
+    isPatternOrGradient: isPatternOrGradient,
+    listenArrayEvents: listenArrayEvents,
+    log10: log10,
+    merge: merge,
+    mergeIf: mergeIf,
+    niceNum: niceNum,
+    noop: noop,
+    overrideTextDirection: overrideTextDirection,
+    readUsedSize: readUsedSize,
+    renderText: renderText,
+    requestAnimFrame: requestAnimFrame,
+    resolve: resolve,
+    resolveObjectKey: resolveObjectKey,
+    restoreTextDirection: restoreTextDirection,
+    retinaScale: retinaScale,
+    setsEqual: setsEqual,
+    sign: sign,
+    splineCurve: splineCurve,
+    splineCurveMonotone: splineCurveMonotone,
+    supportsEventListenerOptions: supportsEventListenerOptions,
+    throttled: throttled,
+    toDegrees: toDegrees,
+    toDimension: toDimension,
+    toFont: toFont,
+    toFontString: toFontString,
+    toLineHeight: toLineHeight,
+    toPadding: toPadding,
+    toPercentage: toPercentage,
+    toRadians: toRadians,
+    toTRBL: toTRBL,
+    toTRBLCorners: toTRBLCorners,
+    uid: uid,
+    unclipArea: unclipArea,
+    unlistenArrayEvents: unlistenArrayEvents,
+    valueOrDefault: valueOrDefault
+  });
 
-  function addWeeks(dirtyDate, dirtyAmount) {
-    requiredArgs(2, arguments);
-    var amount = toInteger(dirtyAmount);
-    var days = amount * 7;
-    return addDays(dirtyDate, days);
+  function toInteger(dirtyNumber) {
+    if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
+      return NaN;
+    }
+    var number = Number(dirtyNumber);
+    if (isNaN(number)) {
+      return number;
+    }
+    return number < 0 ? Math.ceil(number) : Math.floor(number);
   }
 
-  /**
-   * @name addYears
-   * @category Year Helpers
-   * @summary Add the specified number of years to the given date.
-   *
-   * @description
-   * Add the specified number of years to the given date.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the date to be changed
-   * @param {Number} amount - the amount of years to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
-   * @returns {Date} the new date with the years added
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // Add 5 years to 1 September 2014:
-   * const result = addYears(new Date(2014, 8, 1), 5)
-   * //=> Sun Sep 01 2019 00:00:00
-   */
-
-  function addYears(dirtyDate, dirtyAmount) {
-    requiredArgs(2, arguments);
-    var amount = toInteger(dirtyAmount);
-    return addMonths(dirtyDate, amount * 12);
+  function requiredArgs(required, args) {
+    if (args.length < required) {
+      throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
+    }
   }
 
-  /**
-   * @name compareAsc
-   * @category Common Helpers
-   * @summary Compare the two dates and return -1, 0 or 1.
-   *
-   * @description
-   * Compare the two dates and return 1 if the first date is after the second,
-   * -1 if the first date is before the second or 0 if dates are equal.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} dateLeft - the first date to compare
-   * @param {Date|Number} dateRight - the second date to compare
-   * @returns {Number} the result of the comparison
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // Compare 11 February 1987 and 10 July 1989:
-   * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))
-   * //=> -1
-   *
-   * @example
-   * // Sort the array of dates:
-   * const result = [
-   *   new Date(1995, 6, 2),
-   *   new Date(1987, 1, 11),
-   *   new Date(1989, 6, 10)
-   * ].sort(compareAsc)
-   * //=> [
-   * //   Wed Feb 11 1987 00:00:00,
-   * //   Mon Jul 10 1989 00:00:00,
-   * //   Sun Jul 02 1995 00:00:00
-   * // ]
-   */
-
-  function compareAsc(dirtyDateLeft, dirtyDateRight) {
-    requiredArgs(2, arguments);
-    var dateLeft = toDate(dirtyDateLeft);
-    var dateRight = toDate(dirtyDateRight);
-    var diff = dateLeft.getTime() - dateRight.getTime();
-
-    if (diff < 0) {
-      return -1;
-    } else if (diff > 0) {
-      return 1; // Return 0 if diff is 0; return NaN if diff is NaN
+  function _typeof$y(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$y = function _typeof(obj) {
+        return typeof obj;
+      };
     } else {
-      return diff;
+      _typeof$y = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
     }
+    return _typeof$y(obj);
   }
-
   /**
-   * @name isValid
+   * @name toDate
    * @category Common Helpers
-   * @summary Is the given date valid?
+   * @summary Convert the given argument to an instance of Date.
    *
    * @description
-   * Returns false if argument is Invalid Date and true otherwise.
-   * Argument is converted to Date using `toDate`. See [toDate]{@link https://date-fns.org/docs/toDate}
-   * Invalid Date is a Date, whose time value is NaN.
-   *
-   * Time value of Date: http://es5.github.io/#x15.9.1.1
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Convert the given argument to an instance of Date.
    *
-   * - Now `isValid` doesn't throw an exception
-   *   if the first argument is not an instance of Date.
-   *   Instead, argument is converted beforehand using `toDate`.
+   * If the argument is an instance of Date, the function returns its clone.
    *
-   *   Examples:
+   * If the argument is a number, it is treated as a timestamp.
    *
-   *   | `isValid` argument        | Before v2.0.0 | v2.0.0 onward |
-   *   |---------------------------|---------------|---------------|
-   *   | `new Date()`              | `true`        | `true`        |
-   *   | `new Date('2016-01-01')`  | `true`        | `true`        |
-   *   | `new Date('')`            | `false`       | `false`       |
-   *   | `new Date(1488370835081)` | `true`        | `true`        |
-   *   | `new Date(NaN)`           | `false`       | `false`       |
-   *   | `'2016-01-01'`            | `TypeError`   | `false`       |
-   *   | `''`                      | `TypeError`   | `false`       |
-   *   | `1488370835081`           | `TypeError`   | `true`        |
-   *   | `NaN`                     | `TypeError`   | `false`       |
+   * If the argument is none of the above, the function returns Invalid Date.
    *
-   *   We introduce this change to make *date-fns* consistent with ECMAScript behavior
-   *   that try to coerce arguments to the expected type
-   *   (which is also the case with other *date-fns* functions).
+   * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
    *
-   * @param {*} date - the date to check
-   * @returns {Boolean} the date is valid
+   * @param {Date|Number} argument - the value to convert
+   * @returns {Date} the parsed date in the local time zone
    * @throws {TypeError} 1 argument required
    *
    * @example
-   * // For the valid date:
-   * var result = isValid(new Date(2014, 1, 31))
-   * //=> true
-   *
-   * @example
-   * // For the value, convertable into a date:
-   * var result = isValid(1393804800000)
-   * //=> true
+   * // Clone the date:
+   * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
+   * //=> Tue Feb 11 2014 11:30:30
    *
    * @example
-   * // For the invalid date:
-   * var result = isValid(new Date(''))
-   * //=> false
+   * // Convert the timestamp to date:
+   * const result = toDate(1392098430000)
+   * //=> Tue Feb 11 2014 11:30:30
    */
 
-  function isValid(dirtyDate) {
+  function toDate(argument) {
     requiredArgs(1, arguments);
-    var date = toDate(dirtyDate);
-    return !isNaN(date);
-  }
+    var argStr = Object.prototype.toString.call(argument); // Clone the date
 
-  /**
-   * @name differenceInCalendarMonths
-   * @category Month Helpers
-   * @summary Get the number of calendar months between the given dates.
-   *
-   * @description
-   * Get the number of calendar months between the given dates.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of calendar months
-   * @throws {TypeError} 2 arguments required
-   *
-   * @example
-   * // How many calendar months are between 31 January 2014 and 1 September 2014?
-   * var result = differenceInCalendarMonths(
-   *   new Date(2014, 8, 1),
-   *   new Date(2014, 0, 31)
-   * )
-   * //=> 8
-   */
+    if (argument instanceof Date || _typeof$y(argument) === 'object' && argStr === '[object Date]') {
+      // Prevent the date to lose the milliseconds when passed to new Date() in IE10
+      return new Date(argument.getTime());
+    } else if (typeof argument === 'number' || argStr === '[object Number]') {
+      return new Date(argument);
+    } else {
+      if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {
+        // eslint-disable-next-line no-console
+        console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"); // eslint-disable-next-line no-console
 
-  function differenceInCalendarMonths(dirtyDateLeft, dirtyDateRight) {
-    requiredArgs(2, arguments);
-    var dateLeft = toDate(dirtyDateLeft);
-    var dateRight = toDate(dirtyDateRight);
-    var yearDiff = dateLeft.getFullYear() - dateRight.getFullYear();
-    var monthDiff = dateLeft.getMonth() - dateRight.getMonth();
-    return yearDiff * 12 + monthDiff;
+        console.warn(new Error().stack);
+      }
+      return new Date(NaN);
+    }
   }
 
   /**
-   * @name differenceInCalendarYears
-   * @category Year Helpers
-   * @summary Get the number of calendar years between the given dates.
+   * @name addDays
+   * @category Day Helpers
+   * @summary Add the specified number of days to the given date.
    *
    * @description
-   * Get the number of calendar years between the given dates.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Add the specified number of days to the given date.
    *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of calendar years
-   * @throws {TypeError} 2 arguments required
+   * @param {Date|Number} date - the date to be changed
+   * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+   * @returns {Date} - the new date with the days added
+   * @throws {TypeError} - 2 arguments required
    *
    * @example
-   * // How many calendar years are between 31 December 2013 and 11 February 2015?
-   * var result = differenceInCalendarYears(
-   *   new Date(2015, 1, 11),
-   *   new Date(2013, 11, 31)
-   * )
-   * //=> 2
+   * // Add 10 days to 1 September 2014:
+   * const result = addDays(new Date(2014, 8, 1), 10)
+   * //=> Thu Sep 11 2014 00:00:00
    */
 
-  function differenceInCalendarYears(dirtyDateLeft, dirtyDateRight) {
+  function addDays(dirtyDate, dirtyAmount) {
     requiredArgs(2, arguments);
-    var dateLeft = toDate(dirtyDateLeft);
-    var dateRight = toDate(dirtyDateRight);
-    return dateLeft.getFullYear() - dateRight.getFullYear();
-  }
-
-  // for accurate equality comparisons of UTC timestamps that end up
-  // having the same representation in local time, e.g. one hour before
-  // DST ends vs. the instant that DST ends.
-
-  function compareLocalAsc(dateLeft, dateRight) {
-    var diff = dateLeft.getFullYear() - dateRight.getFullYear() || dateLeft.getMonth() - dateRight.getMonth() || dateLeft.getDate() - dateRight.getDate() || dateLeft.getHours() - dateRight.getHours() || dateLeft.getMinutes() - dateRight.getMinutes() || dateLeft.getSeconds() - dateRight.getSeconds() || dateLeft.getMilliseconds() - dateRight.getMilliseconds();
-
-    if (diff < 0) {
-      return -1;
-    } else if (diff > 0) {
-      return 1; // Return 0 if diff is 0; return NaN if diff is NaN
-    } else {
-      return diff;
+    var date = toDate(dirtyDate);
+    var amount = toInteger(dirtyAmount);
+    if (isNaN(amount)) {
+      return new Date(NaN);
+    }
+    if (!amount) {
+      // If 0 days, no-op to avoid changing times in the hour before end of DST
+      return date;
     }
+    date.setDate(date.getDate() + amount);
+    return date;
   }
+
   /**
-   * @name differenceInDays
-   * @category Day Helpers
-   * @summary Get the number of full days between the given dates.
+   * @name addMonths
+   * @category Month Helpers
+   * @summary Add the specified number of months to the given date.
    *
    * @description
-   * Get the number of full day periods between two dates. Fractional days are
-   * truncated towards zero.
-   *
-   * One "full day" is the distance between a local time in one day to the same
-   * local time on the next or previous day. A full day can sometimes be less than
-   * or more than 24 hours if a daylight savings change happens between two dates.
-   *
-   * To ignore DST and only measure exact 24-hour periods, use this instead:
-   * `Math.floor(differenceInHours(dateLeft, dateRight)/24)|0`.
-   *
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Add the specified number of months to the given date.
    *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of full days according to the local timezone
+   * @param {Date|Number} date - the date to be changed
+   * @param {Number} amount - the amount of months to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+   * @returns {Date} the new date with the months added
    * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // How many full days are between
-   * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
-   * var result = differenceInDays(
-   *   new Date(2012, 6, 2, 0, 0),
-   *   new Date(2011, 6, 2, 23, 0)
-   * )
-   * //=> 365
-   * // How many full days are between
-   * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
-   * var result = differenceInDays(
-   *   new Date(2011, 6, 3, 0, 1),
-   *   new Date(2011, 6, 2, 23, 59)
-   * )
-   * //=> 0
-   * // How many full days are between
-   * // 1 March 2020 0:00 and 1 June 2020 0:00 ?
-   * // Note: because local time is used, the
-   * // result will always be 92 days, even in
-   * // time zones where DST starts and the
-   * // period has only 92*24-1 hours.
-   * var result = differenceInDays(
-   *   new Date(2020, 5, 1),
-   *   new Date(2020, 2, 1)
-   * )
-  //=> 92
+   * // Add 5 months to 1 September 2014:
+   * const result = addMonths(new Date(2014, 8, 1), 5)
+   * //=> Sun Feb 01 2015 00:00:00
    */
 
-
-  function differenceInDays(dirtyDateLeft, dirtyDateRight) {
+  function addMonths(dirtyDate, dirtyAmount) {
     requiredArgs(2, arguments);
-    var dateLeft = toDate(dirtyDateLeft);
-    var dateRight = toDate(dirtyDateRight);
-    var sign = compareLocalAsc(dateLeft, dateRight);
-    var difference = Math.abs(differenceInCalendarDays(dateLeft, dateRight));
-    dateLeft.setDate(dateLeft.getDate() - sign * difference); // Math.abs(diff in full days - diff in calendar days) === 1 if last calendar day is not full
-    // If so, result must be decreased by 1 in absolute value
-
-    var isLastDayNotFull = compareLocalAsc(dateLeft, dateRight) === -sign;
-    var result = sign * (difference - isLastDayNotFull); // Prevent negative zero
+    var date = toDate(dirtyDate);
+    var amount = toInteger(dirtyAmount);
+    if (isNaN(amount)) {
+      return new Date(NaN);
+    }
+    if (!amount) {
+      // If 0 months, no-op to avoid changing times in the hour before end of DST
+      return date;
+    }
+    var dayOfMonth = date.getDate(); // The JS Date object supports date math by accepting out-of-bounds values for
+    // month, day, etc. For example, new Date(2020, 0, 0) returns 31 Dec 2019 and
+    // new Date(2020, 13, 1) returns 1 Feb 2021.  This is *almost* the behavior we
+    // want except that dates will wrap around the end of a month, meaning that
+    // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So
+    // we'll default to the end of the desired month by adding 1 to the desired
+    // month and using a date of 0 to back up one day to the end of the desired
+    // month.
 
-    return result === 0 ? 0 : result;
+    var endOfDesiredMonth = new Date(date.getTime());
+    endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);
+    var daysInMonth = endOfDesiredMonth.getDate();
+    if (dayOfMonth >= daysInMonth) {
+      // If we're already at the end of the month, then this is the correct date
+      // and we're done.
+      return endOfDesiredMonth;
+    } else {
+      // Otherwise, we now know that setting the original day-of-month value won't
+      // cause an overflow, so set the desired day-of-month. Note that we can't
+      // just set the date of `endOfDesiredMonth` because that object may have had
+      // its time changed in the unusual case where where a DST transition was on
+      // the last day of the month and its local time was in the hour skipped or
+      // repeated next to a DST transition.  So we use `date` instead which is
+      // guaranteed to still have the original time.
+      date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);
+      return date;
+    }
   }
 
   /**
-   * @name differenceInMilliseconds
+   * @name addMilliseconds
    * @category Millisecond Helpers
-   * @summary Get the number of milliseconds between the given dates.
+   * @summary Add the specified number of milliseconds to the given date.
    *
    * @description
-   * Get the number of milliseconds between the given dates.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Add the specified number of milliseconds to the given date.
    *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of milliseconds
+   * @param {Date|Number} date - the date to be changed
+   * @param {Number} amount - the amount of milliseconds to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+   * @returns {Date} the new date with the milliseconds added
    * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // How many milliseconds are between
-   * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?
-   * var result = differenceInMilliseconds(
-   *   new Date(2014, 6, 2, 12, 30, 21, 700),
-   *   new Date(2014, 6, 2, 12, 30, 20, 600)
-   * )
-   * //=> 1100
+   * // Add 750 milliseconds to 10 July 2014 12:45:30.000:
+   * const result = addMilliseconds(new Date(2014, 6, 10, 12, 45, 30, 0), 750)
+   * //=> Thu Jul 10 2014 12:45:30.750
    */
 
-  function differenceInMilliseconds(dirtyDateLeft, dirtyDateRight) {
+  function addMilliseconds(dirtyDate, dirtyAmount) {
     requiredArgs(2, arguments);
-    var dateLeft = toDate(dirtyDateLeft);
-    var dateRight = toDate(dirtyDateRight);
-    return dateLeft.getTime() - dateRight.getTime();
+    var timestamp = toDate(dirtyDate).getTime();
+    var amount = toInteger(dirtyAmount);
+    return new Date(timestamp + amount);
   }
 
-  var MILLISECONDS_IN_HOUR$2 = 3600000;
+  var MILLISECONDS_IN_HOUR = 3600000;
   /**
-   * @name differenceInHours
+   * @name addHours
    * @category Hour Helpers
-   * @summary Get the number of hours between the given dates.
+   * @summary Add the specified number of hours to the given date.
    *
    * @description
-   * Get the number of hours between the given dates.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Add the specified number of hours to the given date.
    *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of hours
+   * @param {Date|Number} date - the date to be changed
+   * @param {Number} amount - the amount of hours to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+   * @returns {Date} the new date with the hours added
    * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // How many hours are between 2 July 2014 06:50:00 and 2 July 2014 19:00:00?
-   * var result = differenceInHours(
-   *   new Date(2014, 6, 2, 19, 0),
-   *   new Date(2014, 6, 2, 6, 50)
-   * )
-   * //=> 12
+   * // Add 2 hours to 10 July 2014 23:00:00:
+   * const result = addHours(new Date(2014, 6, 10, 23, 0), 2)
+   * //=> Fri Jul 11 2014 01:00:00
    */
 
-  function differenceInHours(dirtyDateLeft, dirtyDateRight) {
+  function addHours(dirtyDate, dirtyAmount) {
     requiredArgs(2, arguments);
-    var diff = differenceInMilliseconds(dirtyDateLeft, dirtyDateRight) / MILLISECONDS_IN_HOUR$2;
-    return diff > 0 ? Math.floor(diff) : Math.ceil(diff);
+    var amount = toInteger(dirtyAmount);
+    return addMilliseconds(dirtyDate, amount * MILLISECONDS_IN_HOUR);
+  }
+
+  var defaultOptions = {};
+  function getDefaultOptions() {
+    return defaultOptions;
   }
 
-  var MILLISECONDS_IN_MINUTE$2 = 60000;
   /**
-   * @name differenceInMinutes
-   * @category Minute Helpers
-   * @summary Get the number of minutes between the given dates.
+   * @name startOfWeek
+   * @category Week Helpers
+   * @summary Return the start of a week for the given date.
    *
    * @description
-   * Get the signed number of full (rounded towards 0) minutes between the given dates.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Return the start of a week for the given date.
+   * The result will be in the local timezone.
    *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of minutes
-   * @throws {TypeError} 2 arguments required
+   * @param {Date|Number} date - the original date
+   * @param {Object} [options] - an object with options.
+   * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}
+   * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)
+   * @returns {Date} the start of a week
+   * @throws {TypeError} 1 argument required
+   * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6
    *
    * @example
-   * // How many minutes are between 2 July 2014 12:07:59 and 2 July 2014 12:20:00?
-   * var result = differenceInMinutes(
-   *   new Date(2014, 6, 2, 12, 20, 0),
-   *   new Date(2014, 6, 2, 12, 7, 59)
-   * )
-   * //=> 12
+   * // The start of a week for 2 September 2014 11:55:00:
+   * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0))
+   * //=> Sun Aug 31 2014 00:00:00
    *
    * @example
-   * // How many minutes are from 10:01:59 to 10:00:00
-   * var result = differenceInMinutes(
-   *   new Date(2000, 0, 1, 10, 0, 0),
-   *   new Date(2000, 0, 1, 10, 1, 59)
-   * )
-   * //=> -1
+   * // If the week starts on Monday, the start of the week for 2 September 2014 11:55:00:
+   * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
+   * //=> Mon Sep 01 2014 00:00:00
    */
 
-  function differenceInMinutes(dirtyDateLeft, dirtyDateRight) {
-    requiredArgs(2, arguments);
-    var diff = differenceInMilliseconds(dirtyDateLeft, dirtyDateRight) / MILLISECONDS_IN_MINUTE$2;
-    return diff > 0 ? Math.floor(diff) : Math.ceil(diff);
+  function startOfWeek(dirtyDate, options) {
+    var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
+    requiredArgs(1, arguments);
+    var defaultOptions = getDefaultOptions();
+    var weekStartsOn = toInteger((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+
+    if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
+      throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
+    }
+    var date = toDate(dirtyDate);
+    var day = date.getDay();
+    var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
+    date.setDate(date.getDate() - diff);
+    date.setHours(0, 0, 0, 0);
+    return date;
   }
 
   /**
-   * @name endOfDay
+   * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
+   * They usually appear for dates that denote time before the timezones were introduced
+   * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891
+   * and GMT+01:00:00 after that date)
+   *
+   * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,
+   * which would lead to incorrect calculations.
+   *
+   * This function returns the timezone offset in milliseconds that takes seconds in account.
+   */
+  function getTimezoneOffsetInMilliseconds(date) {
+    var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
+    utcDate.setUTCFullYear(date.getFullYear());
+    return date.getTime() - utcDate.getTime();
+  }
+
+  /**
+   * @name startOfDay
    * @category Day Helpers
-   * @summary Return the end of a day for the given date.
+   * @summary Return the start of a day for the given date.
    *
    * @description
-   * Return the end of a day for the given date.
+   * Return the start of a day for the given date.
    * The result will be in the local timezone.
    *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
    * @param {Date|Number} date - the original date
-   * @returns {Date} the end of a day
+   * @returns {Date} the start of a day
    * @throws {TypeError} 1 argument required
    *
    * @example
-   * // The end of a day for 2 September 2014 11:55:00:
-   * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))
-   * //=> Tue Sep 02 2014 23:59:59.999
+   * // The start of a day for 2 September 2014 11:55:00:
+   * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
+   * //=> Tue Sep 02 2014 00:00:00
    */
 
-  function endOfDay(dirtyDate) {
+  function startOfDay(dirtyDate) {
     requiredArgs(1, arguments);
     var date = toDate(dirtyDate);
-    date.setHours(23, 59, 59, 999);
+    date.setHours(0, 0, 0, 0);
     return date;
   }
 
+  var MILLISECONDS_IN_DAY$1 = 86400000;
   /**
-   * @name endOfMonth
-   * @category Month Helpers
-   * @summary Return the end of a month for the given date.
+   * @name differenceInCalendarDays
+   * @category Day Helpers
+   * @summary Get the number of calendar days between the given dates.
    *
    * @description
-   * Return the end of a month for the given date.
-   * The result will be in the local timezone.
+   * Get the number of calendar days between the given dates. This means that the times are removed
+   * from the dates and then the difference in days is calculated.
+   *
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
+   * @returns {Number} the number of calendar days
+   * @throws {TypeError} 2 arguments required
    *
-   * ### v2.0.0 breaking changes:
+   * @example
+   * // How many calendar days are between
+   * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
+   * const result = differenceInCalendarDays(
+   *   new Date(2012, 6, 2, 0, 0),
+   *   new Date(2011, 6, 2, 23, 0)
+   * )
+   * //=> 366
+   * // How many calendar days are between
+   * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
+   * const result = differenceInCalendarDays(
+   *   new Date(2011, 6, 3, 0, 1),
+   *   new Date(2011, 6, 2, 23, 59)
+   * )
+   * //=> 1
+   */
+
+  function differenceInCalendarDays(dirtyDateLeft, dirtyDateRight) {
+    requiredArgs(2, arguments);
+    var startOfDayLeft = startOfDay(dirtyDateLeft);
+    var startOfDayRight = startOfDay(dirtyDateRight);
+    var timestampLeft = startOfDayLeft.getTime() - getTimezoneOffsetInMilliseconds(startOfDayLeft);
+    var timestampRight = startOfDayRight.getTime() - getTimezoneOffsetInMilliseconds(startOfDayRight); // Round the number of days to the nearest integer
+    // because the number of milliseconds in a day is not constant
+    // (e.g. it's different in the day of the daylight saving time clock shift)
+
+    return Math.round((timestampLeft - timestampRight) / MILLISECONDS_IN_DAY$1);
+  }
+
+  var MILLISECONDS_IN_MINUTE = 60000;
+  /**
+   * @name addMinutes
+   * @category Minute Helpers
+   * @summary Add the specified number of minutes to the given date.
    *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * @description
+   * Add the specified number of minutes to the given date.
    *
-   * @param {Date|Number} date - the original date
-   * @returns {Date} the end of a month
-   * @throws {TypeError} 1 argument required
+   * @param {Date|Number} date - the date to be changed
+   * @param {Number} amount - the amount of minutes to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+   * @returns {Date} the new date with the minutes added
+   * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // The end of a month for 2 September 2014 11:55:00:
-   * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))
-   * //=> Tue Sep 30 2014 23:59:59.999
+   * // Add 30 minutes to 10 July 2014 12:00:00:
+   * const result = addMinutes(new Date(2014, 6, 10, 12, 0), 30)
+   * //=> Thu Jul 10 2014 12:30:00
    */
 
-  function endOfMonth(dirtyDate) {
-    requiredArgs(1, arguments);
-    var date = toDate(dirtyDate);
-    var month = date.getMonth();
-    date.setFullYear(date.getFullYear(), month + 1, 0);
-    date.setHours(23, 59, 59, 999);
-    return date;
+  function addMinutes(dirtyDate, dirtyAmount) {
+    requiredArgs(2, arguments);
+    var amount = toInteger(dirtyAmount);
+    return addMilliseconds(dirtyDate, amount * MILLISECONDS_IN_MINUTE);
   }
 
   /**
-   * @name isLastDayOfMonth
-   * @category Month Helpers
-   * @summary Is the given date the last day of a month?
+   * @name addQuarters
+   * @category Quarter Helpers
+   * @summary Add the specified number of year quarters to the given date.
    *
    * @description
-   * Is the given date the last day of a month?
+   * Add the specified number of year quarters to the given date.
    *
-   * ### v2.0.0 breaking changes:
+   * @param {Date|Number} date - the date to be changed
+   * @param {Number} amount - the amount of quarters to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+   * @returns {Date} the new date with the quarters added
+   * @throws {TypeError} 2 arguments required
+   *
+   * @example
+   * // Add 1 quarter to 1 September 2014:
+   * const result = addQuarters(new Date(2014, 8, 1), 1)
+   * //=> Mon Dec 01 2014 00:00:00
+   */
+
+  function addQuarters(dirtyDate, dirtyAmount) {
+    requiredArgs(2, arguments);
+    var amount = toInteger(dirtyAmount);
+    var months = amount * 3;
+    return addMonths(dirtyDate, months);
+  }
+
+  /**
+   * @name addSeconds
+   * @category Second Helpers
+   * @summary Add the specified number of seconds to the given date.
    *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * @description
+   * Add the specified number of seconds to the given date.
    *
-   * @param {Date|Number} date - the date to check
-   * @returns {Boolean} the date is the last day of a month
-   * @throws {TypeError} 1 argument required
+   * @param {Date|Number} date - the date to be changed
+   * @param {Number} amount - the amount of seconds to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+   * @returns {Date} the new date with the seconds added
+   * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // Is 28 February 2014 the last day of a month?
-   * var result = isLastDayOfMonth(new Date(2014, 1, 28))
-   * //=> true
+   * // Add 30 seconds to 10 July 2014 12:45:00:
+   * const result = addSeconds(new Date(2014, 6, 10, 12, 45, 0), 30)
+   * //=> Thu Jul 10 2014 12:45:30
    */
 
-  function isLastDayOfMonth(dirtyDate) {
-    requiredArgs(1, arguments);
-    var date = toDate(dirtyDate);
-    return endOfDay(date).getTime() === endOfMonth(date).getTime();
+  function addSeconds(dirtyDate, dirtyAmount) {
+    requiredArgs(2, arguments);
+    var amount = toInteger(dirtyAmount);
+    return addMilliseconds(dirtyDate, amount * 1000);
   }
 
-  /**
-   * @name differenceInMonths
-   * @category Month Helpers
-   * @summary Get the number of full months between the given dates.
+  /**
+   * @name addWeeks
+   * @category Week Helpers
+   * @summary Add the specified number of weeks to the given date.
    *
    * @description
-   * Get the number of full months between the given dates.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Add the specified number of week to the given date.
    *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of full months
+   * @param {Date|Number} date - the date to be changed
+   * @param {Number} amount - the amount of weeks to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+   * @returns {Date} the new date with the weeks added
    * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // How many full months are between 31 January 2014 and 1 September 2014?
-   * var result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))
-   * //=> 7
+   * // Add 4 weeks to 1 September 2014:
+   * const result = addWeeks(new Date(2014, 8, 1), 4)
+   * //=> Mon Sep 29 2014 00:00:00
    */
 
-  function differenceInMonths(dirtyDateLeft, dirtyDateRight) {
+  function addWeeks(dirtyDate, dirtyAmount) {
     requiredArgs(2, arguments);
-    var dateLeft = toDate(dirtyDateLeft);
-    var dateRight = toDate(dirtyDateRight);
-    var sign = compareAsc(dateLeft, dateRight);
-    var difference = Math.abs(differenceInCalendarMonths(dateLeft, dateRight));
-    var result; // Check for the difference of less than month
-
-    if (difference < 1) {
-      result = 0;
-    } else {
-      if (dateLeft.getMonth() === 1 && dateLeft.getDate() > 27) {
-        // This will check if the date is end of Feb and assign a higher end of month date
-        // to compare it with Jan
-        dateLeft.setDate(30);
-      }
-
-      dateLeft.setMonth(dateLeft.getMonth() - sign * difference); // Math.abs(diff in full months - diff in calendar months) === 1 if last calendar month is not full
-      // If so, result must be decreased by 1 in absolute value
-
-      var isLastMonthNotFull = compareAsc(dateLeft, dateRight) === -sign; // Check for cases of one full calendar month
-
-      if (isLastDayOfMonth(toDate(dirtyDateLeft)) && difference === 1 && compareAsc(dirtyDateLeft, dateRight) === 1) {
-        isLastMonthNotFull = false;
-      }
-
-      result = sign * (difference - isLastMonthNotFull);
-    } // Prevent negative zero
-
-
-    return result === 0 ? 0 : result;
+    var amount = toInteger(dirtyAmount);
+    var days = amount * 7;
+    return addDays(dirtyDate, days);
   }
 
   /**
-   * @name differenceInQuarters
-   * @category Quarter Helpers
-   * @summary Get the number of full quarters between the given dates.
+   * @name addYears
+   * @category Year Helpers
+   * @summary Add the specified number of years to the given date.
    *
    * @description
-   * Get the number of full quarters between the given dates.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Add the specified number of years to the given date.
    *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of full quarters
+   * @param {Date|Number} date - the date to be changed
+   * @param {Number} amount - the amount of years to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+   * @returns {Date} the new date with the years added
    * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // How many full quarters are between 31 December 2013 and 2 July 2014?
-   * var result = differenceInQuarters(new Date(2014, 6, 2), new Date(2013, 11, 31))
-   * //=> 2
+   * // Add 5 years to 1 September 2014:
+   * const result = addYears(new Date(2014, 8, 1), 5)
+   * //=> Sun Sep 01 2019 00:00:00
    */
 
-  function differenceInQuarters(dirtyDateLeft, dirtyDateRight) {
+  function addYears(dirtyDate, dirtyAmount) {
     requiredArgs(2, arguments);
-    var diff = differenceInMonths(dirtyDateLeft, dirtyDateRight) / 3;
-    return diff > 0 ? Math.floor(diff) : Math.ceil(diff);
+    var amount = toInteger(dirtyAmount);
+    return addMonths(dirtyDate, amount * 12);
   }
 
   /**
-   * @name differenceInSeconds
-   * @category Second Helpers
-   * @summary Get the number of seconds between the given dates.
+   * @name compareAsc
+   * @category Common Helpers
+   * @summary Compare the two dates and return -1, 0 or 1.
    *
    * @description
-   * Get the number of seconds between the given dates.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Compare the two dates and return 1 if the first date is after the second,
+   * -1 if the first date is before the second or 0 if dates are equal.
    *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of seconds
+   * @param {Date|Number} dateLeft - the first date to compare
+   * @param {Date|Number} dateRight - the second date to compare
+   * @returns {Number} the result of the comparison
    * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // How many seconds are between
-   * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?
-   * var result = differenceInSeconds(
-   *   new Date(2014, 6, 2, 12, 30, 20, 0),
-   *   new Date(2014, 6, 2, 12, 30, 7, 999)
-   * )
-   * //=> 12
+   * // Compare 11 February 1987 and 10 July 1989:
+   * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))
+   * //=> -1
+   *
+   * @example
+   * // Sort the array of dates:
+   * const result = [
+   *   new Date(1995, 6, 2),
+   *   new Date(1987, 1, 11),
+   *   new Date(1989, 6, 10)
+   * ].sort(compareAsc)
+   * //=> [
+   * //   Wed Feb 11 1987 00:00:00,
+   * //   Mon Jul 10 1989 00:00:00,
+   * //   Sun Jul 02 1995 00:00:00
+   * // ]
    */
 
-  function differenceInSeconds(dirtyDateLeft, dirtyDateRight) {
+  function compareAsc(dirtyDateLeft, dirtyDateRight) {
     requiredArgs(2, arguments);
-    var diff = differenceInMilliseconds(dirtyDateLeft, dirtyDateRight) / 1000;
-    return diff > 0 ? Math.floor(diff) : Math.ceil(diff);
+    var dateLeft = toDate(dirtyDateLeft);
+    var dateRight = toDate(dirtyDateRight);
+    var diff = dateLeft.getTime() - dateRight.getTime();
+    if (diff < 0) {
+      return -1;
+    } else if (diff > 0) {
+      return 1; // Return 0 if diff is 0; return NaN if diff is NaN
+    } else {
+      return diff;
+    }
   }
 
   /**
-   * @name differenceInWeeks
-   * @category Week Helpers
-   * @summary Get the number of full weeks between the given dates.
+   * Days in 1 week.
    *
-   * @description
-   * Get the number of full weeks between two dates. Fractional weeks are
-   * truncated towards zero.
+   * @name daysInWeek
+   * @constant
+   * @type {number}
+   * @default
+   */
+  /**
+   * Milliseconds in 1 minute
    *
-   * One "full week" is the distance between a local time in one day to the same
-   * local time 7 days earlier or later. A full week can sometimes be less than
-   * or more than 7*24 hours if a daylight savings change happens between two dates.
+   * @name millisecondsInMinute
+   * @constant
+   * @type {number}
+   * @default
+   */
+
+  var millisecondsInMinute = 60000;
+  /**
+   * Milliseconds in 1 hour
    *
-   * To ignore DST and only measure exact 7*24-hour periods, use this instead:
-   * `Math.floor(differenceInHours(dateLeft, dateRight)/(7*24))|0`.
+   * @name millisecondsInHour
+   * @constant
+   * @type {number}
+   * @default
+   */
+
+  var millisecondsInHour = 3600000;
+  /**
+   * Milliseconds in 1 second
    *
+   * @name millisecondsInSecond
+   * @constant
+   * @type {number}
+   * @default
+   */
+
+  var millisecondsInSecond = 1000;
+
+  function _typeof$x(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$x = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$x = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$x(obj);
+  }
+  /**
+   * @name isDate
+   * @category Common Helpers
+   * @summary Is the given value a date?
    *
-   * ### v2.0.0 breaking changes:
+   * @description
+   * Returns true if the given value is an instance of Date. The function works for dates transferred across iframes.
    *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * @param {*} value - the value to check
+   * @returns {boolean} true if the given value is a date
+   * @throws {TypeError} 1 arguments required
    *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of full weeks
-   * @throws {TypeError} 2 arguments required
+   * @example
+   * // For a valid date:
+   * const result = isDate(new Date())
+   * //=> true
    *
    * @example
-   * // How many full weeks are between 5 July 2014 and 20 July 2014?
-   * var result = differenceInWeeks(new Date(2014, 6, 20), new Date(2014, 6, 5))
-   * //=> 2
+   * // For an invalid date:
+   * const result = isDate(new Date(NaN))
+   * //=> true
    *
-   * // How many full weeks are between
-   * // 1 March 2020 0:00 and 6 June 2020 0:00 ?
-   * // Note: because local time is used, the
-   * // result will always be 8 weeks (54 days),
-   * // even if DST starts and the period has
-   * // only 54*24-1 hours.
-   * var result = differenceInWeeks(
-   *   new Date(2020, 5, 1),
-   *   new Date(2020, 2, 6)
-   * )
-   * //=> 8
+   * @example
+   * // For some value:
+   * const result = isDate('2014-02-31')
+   * //=> false
+   *
+   * @example
+   * // For an object:
+   * const result = isDate({})
+   * //=> false
    */
 
-  function differenceInWeeks(dirtyDateLeft, dirtyDateRight) {
-    requiredArgs(2, arguments);
-    var diff = differenceInDays(dirtyDateLeft, dirtyDateRight) / 7;
-    return diff > 0 ? Math.floor(diff) : Math.ceil(diff);
+  function isDate(value) {
+    requiredArgs(1, arguments);
+    return value instanceof Date || _typeof$x(value) === 'object' && Object.prototype.toString.call(value) === '[object Date]';
   }
 
   /**
-   * @name differenceInYears
-   * @category Year Helpers
-   * @summary Get the number of full years between the given dates.
+   * @name isValid
+   * @category Common Helpers
+   * @summary Is the given date valid?
    *
    * @description
-   * Get the number of full years between the given dates.
+   * Returns false if argument is Invalid Date and true otherwise.
+   * Argument is converted to Date using `toDate`. See [toDate]{@link https://date-fns.org/docs/toDate}
+   * Invalid Date is a Date, whose time value is NaN.
    *
-   * ### v2.0.0 breaking changes:
+   * Time value of Date: http://es5.github.io/#x15.9.1.1
    *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * @param {*} date - the date to check
+   * @returns {Boolean} the date is valid
+   * @throws {TypeError} 1 argument required
    *
-   * @param {Date|Number} dateLeft - the later date
-   * @param {Date|Number} dateRight - the earlier date
-   * @returns {Number} the number of full years
-   * @throws {TypeError} 2 arguments required
+   * @example
+   * // For the valid date:
+   * const result = isValid(new Date(2014, 1, 31))
+   * //=> true
    *
    * @example
-   * // How many full years are between 31 December 2013 and 11 February 2015?
-   * var result = differenceInYears(new Date(2015, 1, 11), new Date(2013, 11, 31))
-   * //=> 1
+   * // For the value, convertable into a date:
+   * const result = isValid(1393804800000)
+   * //=> true
+   *
+   * @example
+   * // For the invalid date:
+   * const result = isValid(new Date(''))
+   * //=> false
    */
 
-  function differenceInYears(dirtyDateLeft, dirtyDateRight) {
-    requiredArgs(2, arguments);
-    var dateLeft = toDate(dirtyDateLeft);
-    var dateRight = toDate(dirtyDateRight);
-    var sign = compareAsc(dateLeft, dateRight);
-    var difference = Math.abs(differenceInCalendarYears(dateLeft, dateRight)); // Set both dates to a valid leap year for accurate comparison when dealing
-    // with leap days
-
-    dateLeft.setFullYear('1584');
-    dateRight.setFullYear('1584'); // Math.abs(diff in full years - diff in calendar years) === 1 if last calendar year is not full
-    // If so, result must be decreased by 1 in absolute value
-
-    var isLastYearNotFull = compareAsc(dateLeft, dateRight) === -sign;
-    var result = sign * (difference - isLastYearNotFull); // Prevent negative zero
-
-    return result === 0 ? 0 : result;
+  function isValid(dirtyDate) {
+    requiredArgs(1, arguments);
+    if (!isDate(dirtyDate) && typeof dirtyDate !== 'number') {
+      return false;
+    }
+    var date = toDate(dirtyDate);
+    return !isNaN(Number(date));
   }
 
   /**
-   * @name startOfQuarter
-   * @category Quarter Helpers
-   * @summary Return the start of a year quarter for the given date.
+   * @name differenceInCalendarMonths
+   * @category Month Helpers
+   * @summary Get the number of calendar months between the given dates.
    *
    * @description
-   * Return the start of a year quarter for the given date.
-   * The result will be in the local timezone.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Get the number of calendar months between the given dates.
    *
-   * @param {Date|Number} date - the original date
-   * @returns {Date} the start of a quarter
-   * @throws {TypeError} 1 argument required
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
+   * @returns {Number} the number of calendar months
+   * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // The start of a quarter for 2 September 2014 11:55:00:
-   * const result = startOfQuarter(new Date(2014, 8, 2, 11, 55, 0))
-   * //=> Tue Jul 01 2014 00:00:00
+   * // How many calendar months are between 31 January 2014 and 1 September 2014?
+   * const result = differenceInCalendarMonths(
+   *   new Date(2014, 8, 1),
+   *   new Date(2014, 0, 31)
+   * )
+   * //=> 8
    */
 
-  function startOfQuarter(dirtyDate) {
-    requiredArgs(1, arguments);
-    var date = toDate(dirtyDate);
-    var currentMonth = date.getMonth();
-    var month = currentMonth - currentMonth % 3;
-    date.setMonth(month, 1);
-    date.setHours(0, 0, 0, 0);
-    return date;
+  function differenceInCalendarMonths(dirtyDateLeft, dirtyDateRight) {
+    requiredArgs(2, arguments);
+    var dateLeft = toDate(dirtyDateLeft);
+    var dateRight = toDate(dirtyDateRight);
+    var yearDiff = dateLeft.getFullYear() - dateRight.getFullYear();
+    var monthDiff = dateLeft.getMonth() - dateRight.getMonth();
+    return yearDiff * 12 + monthDiff;
   }
 
   /**
-   * @name startOfMonth
-   * @category Month Helpers
-   * @summary Return the start of a month for the given date.
+   * @name differenceInCalendarYears
+   * @category Year Helpers
+   * @summary Get the number of calendar years between the given dates.
    *
    * @description
-   * Return the start of a month for the given date.
-   * The result will be in the local timezone.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Get the number of calendar years between the given dates.
    *
-   * @param {Date|Number} date - the original date
-   * @returns {Date} the start of a month
-   * @throws {TypeError} 1 argument required
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
+   * @returns {Number} the number of calendar years
+   * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // The start of a month for 2 September 2014 11:55:00:
-   * const result = startOfMonth(new Date(2014, 8, 2, 11, 55, 0))
-   * //=> Mon Sep 01 2014 00:00:00
+   * // How many calendar years are between 31 December 2013 and 11 February 2015?
+   * const result = differenceInCalendarYears(
+   *   new Date(2015, 1, 11),
+   *   new Date(2013, 11, 31)
+   * )
+   * //=> 2
    */
 
-  function startOfMonth(dirtyDate) {
-    requiredArgs(1, arguments);
-    var date = toDate(dirtyDate);
-    date.setDate(1);
-    date.setHours(0, 0, 0, 0);
-    return date;
+  function differenceInCalendarYears(dirtyDateLeft, dirtyDateRight) {
+    requiredArgs(2, arguments);
+    var dateLeft = toDate(dirtyDateLeft);
+    var dateRight = toDate(dirtyDateRight);
+    return dateLeft.getFullYear() - dateRight.getFullYear();
   }
 
+  // for accurate equality comparisons of UTC timestamps that end up
+  // having the same representation in local time, e.g. one hour before
+  // DST ends vs. the instant that DST ends.
+
+  function compareLocalAsc(dateLeft, dateRight) {
+    var diff = dateLeft.getFullYear() - dateRight.getFullYear() || dateLeft.getMonth() - dateRight.getMonth() || dateLeft.getDate() - dateRight.getDate() || dateLeft.getHours() - dateRight.getHours() || dateLeft.getMinutes() - dateRight.getMinutes() || dateLeft.getSeconds() - dateRight.getSeconds() || dateLeft.getMilliseconds() - dateRight.getMilliseconds();
+    if (diff < 0) {
+      return -1;
+    } else if (diff > 0) {
+      return 1; // Return 0 if diff is 0; return NaN if diff is NaN
+    } else {
+      return diff;
+    }
+  }
   /**
-   * @name startOfYear
-   * @category Year Helpers
-   * @summary Return the start of a year for the given date.
+   * @name differenceInDays
+   * @category Day Helpers
+   * @summary Get the number of full days between the given dates.
    *
    * @description
-   * Return the start of a year for the given date.
-   * The result will be in the local timezone.
+   * Get the number of full day periods between two dates. Fractional days are
+   * truncated towards zero.
+   *
+   * One "full day" is the distance between a local time in one day to the same
+   * local time on the next or previous day. A full day can sometimes be less than
+   * or more than 24 hours if a daylight savings change happens between two dates.
    *
-   * ### v2.0.0 breaking changes:
+   * To ignore DST and only measure exact 24-hour periods, use this instead:
+   * `Math.floor(differenceInHours(dateLeft, dateRight)/24)|0`.
    *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
    *
-   * @param {Date|Number} date - the original date
-   * @returns {Date} the start of a year
-   * @throws {TypeError} 1 argument required
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
+   * @returns {Number} the number of full days according to the local timezone
+   * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // The start of a year for 2 September 2014 11:55:00:
-   * const result = startOfYear(new Date(2014, 8, 2, 11, 55, 00))
-   * //=> Wed Jan 01 2014 00:00:00
+   * // How many full days are between
+   * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
+   * const result = differenceInDays(
+   *   new Date(2012, 6, 2, 0, 0),
+   *   new Date(2011, 6, 2, 23, 0)
+   * )
+   * //=> 365
+   * // How many full days are between
+   * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
+   * const result = differenceInDays(
+   *   new Date(2011, 6, 3, 0, 1),
+   *   new Date(2011, 6, 2, 23, 59)
+   * )
+   * //=> 0
+   * // How many full days are between
+   * // 1 March 2020 0:00 and 1 June 2020 0:00 ?
+   * // Note: because local time is used, the
+   * // result will always be 92 days, even in
+   * // time zones where DST starts and the
+   * // period has only 92*24-1 hours.
+   * const result = differenceInDays(
+   *   new Date(2020, 5, 1),
+   *   new Date(2020, 2, 1)
+   * )
+  //=> 92
    */
 
-  function startOfYear(dirtyDate) {
-    requiredArgs(1, arguments);
-    var cleanDate = toDate(dirtyDate);
-    var date = new Date(0);
-    date.setFullYear(cleanDate.getFullYear(), 0, 1);
-    date.setHours(0, 0, 0, 0);
-    return date;
+  function differenceInDays(dirtyDateLeft, dirtyDateRight) {
+    requiredArgs(2, arguments);
+    var dateLeft = toDate(dirtyDateLeft);
+    var dateRight = toDate(dirtyDateRight);
+    var sign = compareLocalAsc(dateLeft, dateRight);
+    var difference = Math.abs(differenceInCalendarDays(dateLeft, dateRight));
+    dateLeft.setDate(dateLeft.getDate() - sign * difference); // Math.abs(diff in full days - diff in calendar days) === 1 if last calendar day is not full
+    // If so, result must be decreased by 1 in absolute value
+
+    var isLastDayNotFull = Number(compareLocalAsc(dateLeft, dateRight) === -sign);
+    var result = sign * (difference - isLastDayNotFull); // Prevent negative zero
+
+    return result === 0 ? 0 : result;
   }
 
   /**
-   * @name endOfYear
-   * @category Year Helpers
-   * @summary Return the end of a year for the given date.
+   * @name differenceInMilliseconds
+   * @category Millisecond Helpers
+   * @summary Get the number of milliseconds between the given dates.
    *
    * @description
-   * Return the end of a year for the given date.
-   * The result will be in the local timezone.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Get the number of milliseconds between the given dates.
    *
-   * @param {Date|Number} date - the original date
-   * @returns {Date} the end of a year
-   * @throws {TypeError} 1 argument required
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
+   * @returns {Number} the number of milliseconds
+   * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // The end of a year for 2 September 2014 11:55:00:
-   * var result = endOfYear(new Date(2014, 8, 2, 11, 55, 00))
-   * //=> Wed Dec 31 2014 23:59:59.999
+   * // How many milliseconds are between
+   * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?
+   * const result = differenceInMilliseconds(
+   *   new Date(2014, 6, 2, 12, 30, 21, 700),
+   *   new Date(2014, 6, 2, 12, 30, 20, 600)
+   * )
+   * //=> 1100
    */
 
-  function endOfYear(dirtyDate) {
-    requiredArgs(1, arguments);
-    var date = toDate(dirtyDate);
-    var year = date.getFullYear();
-    date.setFullYear(year + 1, 0, 0);
-    date.setHours(23, 59, 59, 999);
-    return date;
+  function differenceInMilliseconds(dateLeft, dateRight) {
+    requiredArgs(2, arguments);
+    return toDate(dateLeft).getTime() - toDate(dateRight).getTime();
+  }
+
+  var roundingMap = {
+    ceil: Math.ceil,
+    round: Math.round,
+    floor: Math.floor,
+    trunc: function trunc(value) {
+      return value < 0 ? Math.ceil(value) : Math.floor(value);
+    } // Math.trunc is not supported by IE
+  };
+
+  var defaultRoundingMethod = 'trunc';
+  function getRoundingMethod(method) {
+    return method ? roundingMap[method] : roundingMap[defaultRoundingMethod];
   }
 
   /**
-   * @name endOfHour
+   * @name differenceInHours
    * @category Hour Helpers
-   * @summary Return the end of an hour for the given date.
+   * @summary Get the number of hours between the given dates.
    *
    * @description
-   * Return the end of an hour for the given date.
-   * The result will be in the local timezone.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Get the number of hours between the given dates.
    *
-   * @param {Date|Number} date - the original date
-   * @returns {Date} the end of an hour
-   * @throws {TypeError} 1 argument required
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
+   * @param {Object} [options] - an object with options.
+   * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
+   * @returns {Number} the number of hours
+   * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // The end of an hour for 2 September 2014 11:55:00:
-   * const result = endOfHour(new Date(2014, 8, 2, 11, 55))
-   * //=> Tue Sep 02 2014 11:59:59.999
+   * // How many hours are between 2 July 2014 06:50:00 and 2 July 2014 19:00:00?
+   * const result = differenceInHours(
+   *   new Date(2014, 6, 2, 19, 0),
+   *   new Date(2014, 6, 2, 6, 50)
+   * )
+   * //=> 12
    */
 
-  function endOfHour(dirtyDate) {
-    requiredArgs(1, arguments);
-    var date = toDate(dirtyDate);
-    date.setMinutes(59, 59, 999);
-    return date;
+  function differenceInHours(dateLeft, dateRight, options) {
+    requiredArgs(2, arguments);
+    var diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInHour;
+    return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
   }
 
   /**
-   * @name endOfWeek
-   * @category Week Helpers
-   * @summary Return the end of a week for the given date.
+   * @name differenceInMinutes
+   * @category Minute Helpers
+   * @summary Get the number of minutes between the given dates.
    *
    * @description
-   * Return the end of a week for the given date.
-   * The result will be in the local timezone.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Get the signed number of full (rounded towards 0) minutes between the given dates.
    *
-   * @param {Date|Number} date - the original date
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
    * @param {Object} [options] - an object with options.
-   * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}
-   * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)
-   * @returns {Date} the end of a week
-   * @throws {TypeError} 1 argument required
-   * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6
+   * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
+   * @returns {Number} the number of minutes
+   * @throws {TypeError} 2 arguments required
    *
    * @example
-   * // The end of a week for 2 September 2014 11:55:00:
-   * const result = endOfWeek(new Date(2014, 8, 2, 11, 55, 0))
-   * //=> Sat Sep 06 2014 23:59:59.999
+   * // How many minutes are between 2 July 2014 12:07:59 and 2 July 2014 12:20:00?
+   * const result = differenceInMinutes(
+   *   new Date(2014, 6, 2, 12, 20, 0),
+   *   new Date(2014, 6, 2, 12, 7, 59)
+   * )
+   * //=> 12
    *
    * @example
-   * // If the week starts on Monday, the end of the week for 2 September 2014 11:55:00:
-   * const result = endOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
-   * //=> Sun Sep 07 2014 23:59:59.999
+   * // How many minutes are between 10:01:59 and 10:00:00
+   * const result = differenceInMinutes(
+   *   new Date(2000, 0, 1, 10, 0, 0),
+   *   new Date(2000, 0, 1, 10, 1, 59)
+   * )
+   * //=> -1
    */
 
-  function endOfWeek(dirtyDate, dirtyOptions) {
-    requiredArgs(1, arguments);
-    var options = dirtyOptions || {};
-    var locale = options.locale;
-    var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;
-    var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
-    var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
-
-    if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
-      throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
-    }
-
-    var date = toDate(dirtyDate);
-    var day = date.getDay();
-    var diff = (day < weekStartsOn ? -7 : 0) + 6 - (day - weekStartsOn);
-    date.setDate(date.getDate() + diff);
-    date.setHours(23, 59, 59, 999);
-    return date;
+  function differenceInMinutes(dateLeft, dateRight, options) {
+    requiredArgs(2, arguments);
+    var diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInMinute;
+    return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
   }
 
   /**
-   * @name endOfMinute
-   * @category Minute Helpers
-   * @summary Return the end of a minute for the given date.
+   * @name endOfDay
+   * @category Day Helpers
+   * @summary Return the end of a day for the given date.
    *
    * @description
-   * Return the end of a minute for the given date.
+   * Return the end of a day for the given date.
    * The result will be in the local timezone.
    *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
    * @param {Date|Number} date - the original date
-   * @returns {Date} the end of a minute
+   * @returns {Date} the end of a day
    * @throws {TypeError} 1 argument required
    *
    * @example
-   * // The end of a minute for 1 December 2014 22:15:45.400:
-   * const result = endOfMinute(new Date(2014, 11, 1, 22, 15, 45, 400))
-   * //=> Mon Dec 01 2014 22:15:59.999
+   * // The end of a day for 2 September 2014 11:55:00:
+   * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))
+   * //=> Tue Sep 02 2014 23:59:59.999
    */
 
-  function endOfMinute(dirtyDate) {
+  function endOfDay(dirtyDate) {
     requiredArgs(1, arguments);
     var date = toDate(dirtyDate);
-    date.setSeconds(59, 999);
+    date.setHours(23, 59, 59, 999);
     return date;
   }
 
   /**
-   * @name endOfQuarter
-   * @category Quarter Helpers
-   * @summary Return the end of a year quarter for the given date.
+   * @name endOfMonth
+   * @category Month Helpers
+   * @summary Return the end of a month for the given date.
    *
    * @description
-   * Return the end of a year quarter for the given date.
+   * Return the end of a month for the given date.
    * The result will be in the local timezone.
    *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
    * @param {Date|Number} date - the original date
-   * @returns {Date} the end of a quarter
+   * @returns {Date} the end of a month
    * @throws {TypeError} 1 argument required
    *
    * @example
-   * // The end of a quarter for 2 September 2014 11:55:00:
-   * const result = endOfQuarter(new Date(2014, 8, 2, 11, 55, 0))
+   * // The end of a month for 2 September 2014 11:55:00:
+   * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))
    * //=> Tue Sep 30 2014 23:59:59.999
    */
 
-  function endOfQuarter(dirtyDate) {
+  function endOfMonth(dirtyDate) {
     requiredArgs(1, arguments);
     var date = toDate(dirtyDate);
-    var currentMonth = date.getMonth();
-    var month = currentMonth - currentMonth % 3 + 3;
-    date.setMonth(month, 0);
+    var month = date.getMonth();
+    date.setFullYear(date.getFullYear(), month + 1, 0);
     date.setHours(23, 59, 59, 999);
     return date;
   }
 
   /**
-   * @name endOfSecond
-   * @category Second Helpers
-   * @summary Return the end of a second for the given date.
+   * @name isLastDayOfMonth
+   * @category Month Helpers
+   * @summary Is the given date the last day of a month?
    *
    * @description
-   * Return the end of a second for the given date.
-   * The result will be in the local timezone.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+   * Is the given date the last day of a month?
    *
-   * @param {Date|Number} date - the original date
-   * @returns {Date} the end of a second
+   * @param {Date|Number} date - the date to check
+   * @returns {Boolean} the date is the last day of a month
    * @throws {TypeError} 1 argument required
    *
    * @example
-   * // The end of a second for 1 December 2014 22:15:45.400:
-   * const result = endOfSecond(new Date(2014, 11, 1, 22, 15, 45, 400))
-   * //=> Mon Dec 01 2014 22:15:45.999
+   * // Is 28 February 2014 the last day of a month?
+   * const result = isLastDayOfMonth(new Date(2014, 1, 28))
+   * //=> true
    */
 
-  function endOfSecond(dirtyDate) {
+  function isLastDayOfMonth(dirtyDate) {
     requiredArgs(1, arguments);
     var date = toDate(dirtyDate);
-    date.setMilliseconds(999);
-    return date;
+    return endOfDay(date).getTime() === endOfMonth(date).getTime();
   }
 
-  var formatDistanceLocale = {
-    lessThanXSeconds: {
-      one: 'less than a second',
-      other: 'less than {{count}} seconds'
-    },
-    xSeconds: {
-      one: '1 second',
-      other: '{{count}} seconds'
-    },
-    halfAMinute: 'half a minute',
-    lessThanXMinutes: {
-      one: 'less than a minute',
-      other: 'less than {{count}} minutes'
-    },
-    xMinutes: {
-      one: '1 minute',
-      other: '{{count}} minutes'
-    },
-    aboutXHours: {
-      one: 'about 1 hour',
-      other: 'about {{count}} hours'
-    },
-    xHours: {
-      one: '1 hour',
-      other: '{{count}} hours'
-    },
-    xDays: {
-      one: '1 day',
-      other: '{{count}} days'
-    },
-    aboutXWeeks: {
-      one: 'about 1 week',
-      other: 'about {{count}} weeks'
-    },
-    xWeeks: {
-      one: '1 week',
-      other: '{{count}} weeks'
-    },
-    aboutXMonths: {
-      one: 'about 1 month',
-      other: 'about {{count}} months'
-    },
-    xMonths: {
-      one: '1 month',
-      other: '{{count}} months'
-    },
-    aboutXYears: {
-      one: 'about 1 year',
-      other: 'about {{count}} years'
-    },
-    xYears: {
-      one: '1 year',
-      other: '{{count}} years'
-    },
-    overXYears: {
-      one: 'over 1 year',
-      other: 'over {{count}} years'
-    },
-    almostXYears: {
-      one: 'almost 1 year',
-      other: 'almost {{count}} years'
-    }
-  };
-  function formatDistance(token, count, options) {
-    options = options || {};
-    var result;
+  /**
+   * @name differenceInMonths
+   * @category Month Helpers
+   * @summary Get the number of full months between the given dates.
+   *
+   * @description
+   * Get the number of full months between the given dates using trunc as a default rounding method.
+   *
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
+   * @returns {Number} the number of full months
+   * @throws {TypeError} 2 arguments required
+   *
+   * @example
+   * // How many full months are between 31 January 2014 and 1 September 2014?
+   * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))
+   * //=> 7
+   */
 
-    if (typeof formatDistanceLocale[token] === 'string') {
-      result = formatDistanceLocale[token];
-    } else if (count === 1) {
-      result = formatDistanceLocale[token].one;
-    } else {
-      result = formatDistanceLocale[token].other.replace('{{count}}', count);
-    }
+  function differenceInMonths(dirtyDateLeft, dirtyDateRight) {
+    requiredArgs(2, arguments);
+    var dateLeft = toDate(dirtyDateLeft);
+    var dateRight = toDate(dirtyDateRight);
+    var sign = compareAsc(dateLeft, dateRight);
+    var difference = Math.abs(differenceInCalendarMonths(dateLeft, dateRight));
+    var result; // Check for the difference of less than month
 
-    if (options.addSuffix) {
-      if (options.comparison > 0) {
-        return 'in ' + result;
-      } else {
-        return result + ' ago';
+    if (difference < 1) {
+      result = 0;
+    } else {
+      if (dateLeft.getMonth() === 1 && dateLeft.getDate() > 27) {
+        // This will check if the date is end of Feb and assign a higher end of month date
+        // to compare it with Jan
+        dateLeft.setDate(30);
       }
-    }
-
-    return result;
-  }
+      dateLeft.setMonth(dateLeft.getMonth() - sign * difference); // Math.abs(diff in full months - diff in calendar months) === 1 if last calendar month is not full
+      // If so, result must be decreased by 1 in absolute value
 
-  function buildFormatLongFn(args) {
-    return function (dirtyOptions) {
-      var options = dirtyOptions || {};
-      var width = options.width ? String(options.width) : args.defaultWidth;
-      var format = args.formats[width] || args.formats[args.defaultWidth];
-      return format;
-    };
-  }
+      var isLastMonthNotFull = compareAsc(dateLeft, dateRight) === -sign; // Check for cases of one full calendar month
 
-  var dateFormats = {
-    full: 'EEEE, MMMM do, y',
-    long: 'MMMM do, y',
-    medium: 'MMM d, y',
-    short: 'MM/dd/yyyy'
-  };
-  var timeFormats = {
-    full: 'h:mm:ss a zzzz',
-    long: 'h:mm:ss a z',
-    medium: 'h:mm:ss a',
-    short: 'h:mm a'
-  };
-  var dateTimeFormats = {
-    full: "{{date}} 'at' {{time}}",
-    long: "{{date}} 'at' {{time}}",
-    medium: '{{date}}, {{time}}',
-    short: '{{date}}, {{time}}'
-  };
-  var formatLong = {
-    date: buildFormatLongFn({
-      formats: dateFormats,
-      defaultWidth: 'full'
-    }),
-    time: buildFormatLongFn({
-      formats: timeFormats,
-      defaultWidth: 'full'
-    }),
-    dateTime: buildFormatLongFn({
-      formats: dateTimeFormats,
-      defaultWidth: 'full'
-    })
-  };
+      if (isLastDayOfMonth(toDate(dirtyDateLeft)) && difference === 1 && compareAsc(dirtyDateLeft, dateRight) === 1) {
+        isLastMonthNotFull = false;
+      }
+      result = sign * (difference - Number(isLastMonthNotFull));
+    } // Prevent negative zero
 
-  var formatRelativeLocale = {
-    lastWeek: "'last' eeee 'at' p",
-    yesterday: "'yesterday at' p",
-    today: "'today at' p",
-    tomorrow: "'tomorrow at' p",
-    nextWeek: "eeee 'at' p",
-    other: 'P'
-  };
-  function formatRelative(token, _date, _baseDate, _options) {
-    return formatRelativeLocale[token];
+    return result === 0 ? 0 : result;
   }
 
-  function buildLocalizeFn(args) {
-    return function (dirtyIndex, dirtyOptions) {
-      var options = dirtyOptions || {};
-      var context = options.context ? String(options.context) : 'standalone';
-      var valuesArray;
-
-      if (context === 'formatting' && args.formattingValues) {
-        var defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
-        var width = options.width ? String(options.width) : defaultWidth;
-        valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
-      } else {
-        var _defaultWidth = args.defaultWidth;
+  /**
+   * @name differenceInQuarters
+   * @category Quarter Helpers
+   * @summary Get the number of quarters between the given dates.
+   *
+   * @description
+   * Get the number of quarters between the given dates.
+   *
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
+   * @param {Object} [options] - an object with options.
+   * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
+   * @returns {Number} the number of full quarters
+   * @throws {TypeError} 2 arguments required
+   *
+   * @example
+   * // How many full quarters are between 31 December 2013 and 2 July 2014?
+   * const result = differenceInQuarters(new Date(2014, 6, 2), new Date(2013, 11, 31))
+   * //=> 2
+   */
 
-        var _width = options.width ? String(options.width) : args.defaultWidth;
+  function differenceInQuarters(dateLeft, dateRight, options) {
+    requiredArgs(2, arguments);
+    var diff = differenceInMonths(dateLeft, dateRight) / 3;
+    return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
+  }
 
-        valuesArray = args.values[_width] || args.values[_defaultWidth];
-      }
+  /**
+   * @name differenceInSeconds
+   * @category Second Helpers
+   * @summary Get the number of seconds between the given dates.
+   *
+   * @description
+   * Get the number of seconds between the given dates.
+   *
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
+   * @param {Object} [options] - an object with options.
+   * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
+   * @returns {Number} the number of seconds
+   * @throws {TypeError} 2 arguments required
+   *
+   * @example
+   * // How many seconds are between
+   * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?
+   * const result = differenceInSeconds(
+   *   new Date(2014, 6, 2, 12, 30, 20, 0),
+   *   new Date(2014, 6, 2, 12, 30, 7, 999)
+   * )
+   * //=> 12
+   */
 
-      var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex;
-      return valuesArray[index];
-    };
+  function differenceInSeconds(dateLeft, dateRight, options) {
+    requiredArgs(2, arguments);
+    var diff = differenceInMilliseconds(dateLeft, dateRight) / 1000;
+    return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
   }
 
-  var eraValues = {
-    narrow: ['B', 'A'],
-    abbreviated: ['BC', 'AD'],
-    wide: ['Before Christ', 'Anno Domini']
-  };
-  var quarterValues = {
-    narrow: ['1', '2', '3', '4'],
-    abbreviated: ['Q1', 'Q2', 'Q3', 'Q4'],
-    wide: ['1st quarter', '2nd quarter', '3rd quarter', '4th quarter'] // Note: in English, the names of days of the week and months are capitalized.
-    // If you are making a new locale based on this one, check if the same is true for the language you're working on.
-    // Generally, formatted dates should look like they are in the middle of a sentence,
-    // e.g. in Spanish language the weekdays and months should be in the lowercase.
-
-  };
-  var monthValues = {
-    narrow: ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'],
-    abbreviated: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-    wide: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
-  };
-  var dayValues = {
-    narrow: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
-    short: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
-    abbreviated: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    wide: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
-  };
-  var dayPeriodValues = {
-    narrow: {
-      am: 'a',
-      pm: 'p',
-      midnight: 'mi',
-      noon: 'n',
-      morning: 'morning',
-      afternoon: 'afternoon',
-      evening: 'evening',
-      night: 'night'
-    },
-    abbreviated: {
-      am: 'AM',
-      pm: 'PM',
-      midnight: 'midnight',
-      noon: 'noon',
-      morning: 'morning',
-      afternoon: 'afternoon',
-      evening: 'evening',
-      night: 'night'
-    },
-    wide: {
-      am: 'a.m.',
-      pm: 'p.m.',
-      midnight: 'midnight',
-      noon: 'noon',
-      morning: 'morning',
-      afternoon: 'afternoon',
-      evening: 'evening',
-      night: 'night'
-    }
-  };
-  var formattingDayPeriodValues = {
-    narrow: {
-      am: 'a',
-      pm: 'p',
-      midnight: 'mi',
-      noon: 'n',
-      morning: 'in the morning',
-      afternoon: 'in the afternoon',
-      evening: 'in the evening',
-      night: 'at night'
-    },
-    abbreviated: {
-      am: 'AM',
-      pm: 'PM',
-      midnight: 'midnight',
-      noon: 'noon',
-      morning: 'in the morning',
-      afternoon: 'in the afternoon',
-      evening: 'in the evening',
-      night: 'at night'
-    },
-    wide: {
-      am: 'a.m.',
-      pm: 'p.m.',
-      midnight: 'midnight',
-      noon: 'noon',
-      morning: 'in the morning',
-      afternoon: 'in the afternoon',
-      evening: 'in the evening',
-      night: 'at night'
-    }
-  };
+  /**
+   * @name differenceInWeeks
+   * @category Week Helpers
+   * @summary Get the number of full weeks between the given dates.
+   *
+   * @description
+   * Get the number of full weeks between two dates. Fractional weeks are
+   * truncated towards zero by default.
+   *
+   * One "full week" is the distance between a local time in one day to the same
+   * local time 7 days earlier or later. A full week can sometimes be less than
+   * or more than 7*24 hours if a daylight savings change happens between two dates.
+   *
+   * To ignore DST and only measure exact 7*24-hour periods, use this instead:
+   * `Math.floor(differenceInHours(dateLeft, dateRight)/(7*24))|0`.
+   *
+   *
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
+   * @param {Object} [options] - an object with options.
+   * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
+   * @returns {Number} the number of full weeks
+   * @throws {TypeError} 2 arguments required
+   *
+   * @example
+   * // How many full weeks are between 5 July 2014 and 20 July 2014?
+   * const result = differenceInWeeks(new Date(2014, 6, 20), new Date(2014, 6, 5))
+   * //=> 2
+   *
+   * // How many full weeks are between
+   * // 1 March 2020 0:00 and 6 June 2020 0:00 ?
+   * // Note: because local time is used, the
+   * // result will always be 8 weeks (54 days),
+   * // even if DST starts and the period has
+   * // only 54*24-1 hours.
+   * const result = differenceInWeeks(
+   *   new Date(2020, 5, 1),
+   *   new Date(2020, 2, 6)
+   * )
+   * //=> 8
+   */
 
-  function ordinalNumber(dirtyNumber, _dirtyOptions) {
-    var number = Number(dirtyNumber); // If ordinal numbers depend on context, for example,
-    // if they are different for different grammatical genders,
-    // use `options.unit`:
-    //
-    //   var options = dirtyOptions || {}
-    //   var unit = String(options.unit)
-    //
-    // where `unit` can be 'year', 'quarter', 'month', 'week', 'date', 'dayOfYear',
-    // 'day', 'hour', 'minute', 'second'
+  function differenceInWeeks(dateLeft, dateRight, options) {
+    requiredArgs(2, arguments);
+    var diff = differenceInDays(dateLeft, dateRight) / 7;
+    return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
+  }
 
-    var rem100 = number % 100;
+  /**
+   * @name differenceInYears
+   * @category Year Helpers
+   * @summary Get the number of full years between the given dates.
+   *
+   * @description
+   * Get the number of full years between the given dates.
+   *
+   * @param {Date|Number} dateLeft - the later date
+   * @param {Date|Number} dateRight - the earlier date
+   * @returns {Number} the number of full years
+   * @throws {TypeError} 2 arguments required
+   *
+   * @example
+   * // How many full years are between 31 December 2013 and 11 February 2015?
+   * const result = differenceInYears(new Date(2015, 1, 11), new Date(2013, 11, 31))
+   * //=> 1
+   */
 
-    if (rem100 > 20 || rem100 < 10) {
-      switch (rem100 % 10) {
-        case 1:
-          return number + 'st';
+  function differenceInYears(dirtyDateLeft, dirtyDateRight) {
+    requiredArgs(2, arguments);
+    var dateLeft = toDate(dirtyDateLeft);
+    var dateRight = toDate(dirtyDateRight);
+    var sign = compareAsc(dateLeft, dateRight);
+    var difference = Math.abs(differenceInCalendarYears(dateLeft, dateRight)); // Set both dates to a valid leap year for accurate comparison when dealing
+    // with leap days
 
-        case 2:
-          return number + 'nd';
+    dateLeft.setFullYear(1584);
+    dateRight.setFullYear(1584); // Math.abs(diff in full years - diff in calendar years) === 1 if last calendar year is not full
+    // If so, result must be decreased by 1 in absolute value
 
-        case 3:
-          return number + 'rd';
-      }
-    }
+    var isLastYearNotFull = compareAsc(dateLeft, dateRight) === -sign;
+    var result = sign * (difference - Number(isLastYearNotFull)); // Prevent negative zero
 
-    return number + 'th';
+    return result === 0 ? 0 : result;
   }
 
-  var localize = {
-    ordinalNumber: ordinalNumber,
-    era: buildLocalizeFn({
-      values: eraValues,
-      defaultWidth: 'wide'
-    }),
-    quarter: buildLocalizeFn({
-      values: quarterValues,
-      defaultWidth: 'wide',
-      argumentCallback: function argumentCallback(quarter) {
-        return Number(quarter) - 1;
-      }
-    }),
-    month: buildLocalizeFn({
-      values: monthValues,
-      defaultWidth: 'wide'
-    }),
-    day: buildLocalizeFn({
-      values: dayValues,
-      defaultWidth: 'wide'
-    }),
-    dayPeriod: buildLocalizeFn({
-      values: dayPeriodValues,
-      defaultWidth: 'wide',
-      formattingValues: formattingDayPeriodValues,
-      defaultFormattingWidth: 'wide'
-    })
-  };
+  /**
+   * @name startOfMinute
+   * @category Minute Helpers
+   * @summary Return the start of a minute for the given date.
+   *
+   * @description
+   * Return the start of a minute for the given date.
+   * The result will be in the local timezone.
+   *
+   * @param {Date|Number} date - the original date
+   * @returns {Date} the start of a minute
+   * @throws {TypeError} 1 argument required
+   *
+   * @example
+   * // The start of a minute for 1 December 2014 22:15:45.400:
+   * const result = startOfMinute(new Date(2014, 11, 1, 22, 15, 45, 400))
+   * //=> Mon Dec 01 2014 22:15:00
+   */
 
-  function buildMatchPatternFn(args) {
-    return function (dirtyString, dirtyOptions) {
-      var string = String(dirtyString);
-      var options = dirtyOptions || {};
-      var matchResult = string.match(args.matchPattern);
+  function startOfMinute(dirtyDate) {
+    requiredArgs(1, arguments);
+    var date = toDate(dirtyDate);
+    date.setSeconds(0, 0);
+    return date;
+  }
 
-      if (!matchResult) {
-        return null;
-      }
+  /**
+   * @name startOfQuarter
+   * @category Quarter Helpers
+   * @summary Return the start of a year quarter for the given date.
+   *
+   * @description
+   * Return the start of a year quarter for the given date.
+   * The result will be in the local timezone.
+   *
+   * @param {Date|Number} date - the original date
+   * @returns {Date} the start of a quarter
+   * @throws {TypeError} 1 argument required
+   *
+   * @example
+   * // The start of a quarter for 2 September 2014 11:55:00:
+   * const result = startOfQuarter(new Date(2014, 8, 2, 11, 55, 0))
+   * //=> Tue Jul 01 2014 00:00:00
+   */
 
-      var matchedString = matchResult[0];
-      var parseResult = string.match(args.parsePattern);
+  function startOfQuarter(dirtyDate) {
+    requiredArgs(1, arguments);
+    var date = toDate(dirtyDate);
+    var currentMonth = date.getMonth();
+    var month = currentMonth - currentMonth % 3;
+    date.setMonth(month, 1);
+    date.setHours(0, 0, 0, 0);
+    return date;
+  }
 
-      if (!parseResult) {
-        return null;
-      }
+  /**
+   * @name startOfMonth
+   * @category Month Helpers
+   * @summary Return the start of a month for the given date.
+   *
+   * @description
+   * Return the start of a month for the given date.
+   * The result will be in the local timezone.
+   *
+   * @param {Date|Number} date - the original date
+   * @returns {Date} the start of a month
+   * @throws {TypeError} 1 argument required
+   *
+   * @example
+   * // The start of a month for 2 September 2014 11:55:00:
+   * const result = startOfMonth(new Date(2014, 8, 2, 11, 55, 0))
+   * //=> Mon Sep 01 2014 00:00:00
+   */
 
-      var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
-      value = options.valueCallback ? options.valueCallback(value) : value;
-      return {
-        value: value,
-        rest: string.slice(matchedString.length)
-      };
-    };
+  function startOfMonth(dirtyDate) {
+    requiredArgs(1, arguments);
+    var date = toDate(dirtyDate);
+    date.setDate(1);
+    date.setHours(0, 0, 0, 0);
+    return date;
   }
 
-  function buildMatchFn(args) {
-    return function (dirtyString, dirtyOptions) {
-      var string = String(dirtyString);
-      var options = dirtyOptions || {};
-      var width = options.width;
-      var matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
-      var matchResult = string.match(matchPattern);
-
-      if (!matchResult) {
-        return null;
-      }
+  /**
+   * @name endOfYear
+   * @category Year Helpers
+   * @summary Return the end of a year for the given date.
+   *
+   * @description
+   * Return the end of a year for the given date.
+   * The result will be in the local timezone.
+   *
+   * @param {Date|Number} date - the original date
+   * @returns {Date} the end of a year
+   * @throws {TypeError} 1 argument required
+   *
+   * @example
+   * // The end of a year for 2 September 2014 11:55:00:
+   * const result = endOfYear(new Date(2014, 8, 2, 11, 55, 00))
+   * //=> Wed Dec 31 2014 23:59:59.999
+   */
 
-      var matchedString = matchResult[0];
-      var parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
-      var value;
+  function endOfYear(dirtyDate) {
+    requiredArgs(1, arguments);
+    var date = toDate(dirtyDate);
+    var year = date.getFullYear();
+    date.setFullYear(year + 1, 0, 0);
+    date.setHours(23, 59, 59, 999);
+    return date;
+  }
 
-      if (Object.prototype.toString.call(parsePatterns) === '[object Array]') {
-        value = findIndex(parsePatterns, function (pattern) {
-          return pattern.test(matchedString);
-        });
-      } else {
-        value = findKey(parsePatterns, function (pattern) {
-          return pattern.test(matchedString);
-        });
-      }
+  /**
+   * @name startOfYear
+   * @category Year Helpers
+   * @summary Return the start of a year for the given date.
+   *
+   * @description
+   * Return the start of a year for the given date.
+   * The result will be in the local timezone.
+   *
+   * @param {Date|Number} date - the original date
+   * @returns {Date} the start of a year
+   * @throws {TypeError} 1 argument required
+   *
+   * @example
+   * // The start of a year for 2 September 2014 11:55:00:
+   * const result = startOfYear(new Date(2014, 8, 2, 11, 55, 00))
+   * //=> Wed Jan 01 2014 00:00:00
+   */
 
-      value = args.valueCallback ? args.valueCallback(value) : value;
-      value = options.valueCallback ? options.valueCallback(value) : value;
-      return {
-        value: value,
-        rest: string.slice(matchedString.length)
-      };
-    };
+  function startOfYear(dirtyDate) {
+    requiredArgs(1, arguments);
+    var cleanDate = toDate(dirtyDate);
+    var date = new Date(0);
+    date.setFullYear(cleanDate.getFullYear(), 0, 1);
+    date.setHours(0, 0, 0, 0);
+    return date;
   }
 
-  function findKey(object, predicate) {
-    for (var key in object) {
-      if (object.hasOwnProperty(key) && predicate(object[key])) {
-        return key;
-      }
-    }
-  }
+  /**
+   * @name endOfHour
+   * @category Hour Helpers
+   * @summary Return the end of an hour for the given date.
+   *
+   * @description
+   * Return the end of an hour for the given date.
+   * The result will be in the local timezone.
+   *
+   * @param {Date|Number} date - the original date
+   * @returns {Date} the end of an hour
+   * @throws {TypeError} 1 argument required
+   *
+   * @example
+   * // The end of an hour for 2 September 2014 11:55:00:
+   * const result = endOfHour(new Date(2014, 8, 2, 11, 55))
+   * //=> Tue Sep 02 2014 11:59:59.999
+   */
 
-  function findIndex(array, predicate) {
-    for (var key = 0; key < array.length; key++) {
-      if (predicate(array[key])) {
-        return key;
-      }
-    }
+  function endOfHour(dirtyDate) {
+    requiredArgs(1, arguments);
+    var date = toDate(dirtyDate);
+    date.setMinutes(59, 59, 999);
+    return date;
   }
 
-  var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
-  var parseOrdinalNumberPattern = /\d+/i;
-  var matchEraPatterns = {
-    narrow: /^(b|a)/i,
-    abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
-    wide: /^(before christ|before common era|anno domini|common era)/i
-  };
-  var parseEraPatterns = {
-    any: [/^b/i, /^(a|c)/i]
-  };
-  var matchQuarterPatterns = {
-    narrow: /^[1234]/i,
-    abbreviated: /^q[1234]/i,
-    wide: /^[1234](th|st|nd|rd)? quarter/i
-  };
-  var parseQuarterPatterns = {
-    any: [/1/i, /2/i, /3/i, /4/i]
-  };
-  var matchMonthPatterns = {
-    narrow: /^[jfmasond]/i,
-    abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
-    wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-  };
-  var parseMonthPatterns = {
-    narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
-    any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]
-  };
-  var matchDayPatterns = {
-    narrow: /^[smtwf]/i,
-    short: /^(su|mo|tu|we|th|fr|sa)/i,
-    abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
-    wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
-  };
-  var parseDayPatterns = {
-    narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
-    any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
-  };
-  var matchDayPeriodPatterns = {
-    narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
-    any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-  };
-  var parseDayPeriodPatterns = {
-    any: {
-      am: /^a/i,
-      pm: /^p/i,
-      midnight: /^mi/i,
-      noon: /^no/i,
-      morning: /morning/i,
-      afternoon: /afternoon/i,
-      evening: /evening/i,
-      night: /night/i
-    }
-  };
-  var match = {
-    ordinalNumber: buildMatchPatternFn({
-      matchPattern: matchOrdinalNumberPattern,
-      parsePattern: parseOrdinalNumberPattern,
-      valueCallback: function valueCallback(value) {
-        return parseInt(value, 10);
-      }
-    }),
-    era: buildMatchFn({
-      matchPatterns: matchEraPatterns,
-      defaultMatchWidth: 'wide',
-      parsePatterns: parseEraPatterns,
-      defaultParseWidth: 'any'
-    }),
-    quarter: buildMatchFn({
-      matchPatterns: matchQuarterPatterns,
-      defaultMatchWidth: 'wide',
-      parsePatterns: parseQuarterPatterns,
-      defaultParseWidth: 'any',
-      valueCallback: function valueCallback(index) {
-        return index + 1;
-      }
-    }),
-    month: buildMatchFn({
-      matchPatterns: matchMonthPatterns,
-      defaultMatchWidth: 'wide',
-      parsePatterns: parseMonthPatterns,
-      defaultParseWidth: 'any'
-    }),
-    day: buildMatchFn({
-      matchPatterns: matchDayPatterns,
-      defaultMatchWidth: 'wide',
-      parsePatterns: parseDayPatterns,
-      defaultParseWidth: 'any'
-    }),
-    dayPeriod: buildMatchFn({
-      matchPatterns: matchDayPeriodPatterns,
-      defaultMatchWidth: 'any',
-      parsePatterns: parseDayPeriodPatterns,
-      defaultParseWidth: 'any'
-    })
-  };
+  /**
+   * @name endOfWeek
+   * @category Week Helpers
+   * @summary Return the end of a week for the given date.
+   *
+   * @description
+   * Return the end of a week for the given date.
+   * The result will be in the local timezone.
+   *
+   * @param {Date|Number} date - the original date
+   * @param {Object} [options] - an object with options.
+   * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}
+   * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)
+   * @returns {Date} the end of a week
+   * @throws {TypeError} 1 argument required
+   * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6
+   *
+   * @example
+   * // The end of a week for 2 September 2014 11:55:00:
+   * const result = endOfWeek(new Date(2014, 8, 2, 11, 55, 0))
+   * //=> Sat Sep 06 2014 23:59:59.999
+   *
+   * @example
+   * // If the week starts on Monday, the end of the week for 2 September 2014 11:55:00:
+   * const result = endOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
+   * //=> Sun Sep 07 2014 23:59:59.999
+   */
+  function endOfWeek(dirtyDate, options) {
+    var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
+    requiredArgs(1, arguments);
+    var defaultOptions = getDefaultOptions();
+    var weekStartsOn = toInteger((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+
+    if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
+      throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
+    }
+    var date = toDate(dirtyDate);
+    var day = date.getDay();
+    var diff = (day < weekStartsOn ? -7 : 0) + 6 - (day - weekStartsOn);
+    date.setDate(date.getDate() + diff);
+    date.setHours(23, 59, 59, 999);
+    return date;
+  }
 
   /**
-   * @type {Locale}
-   * @category Locales
-   * @summary English locale (United States).
-   * @language English
-   * @iso-639-2 eng
-   * @author Sasha Koss [@kossnocorp]{@link https://github.com/kossnocorp}
-   * @author Lesha Koss [@leshakoss]{@link https://github.com/leshakoss}
+   * @name endOfMinute
+   * @category Minute Helpers
+   * @summary Return the end of a minute for the given date.
+   *
+   * @description
+   * Return the end of a minute for the given date.
+   * The result will be in the local timezone.
+   *
+   * @param {Date|Number} date - the original date
+   * @returns {Date} the end of a minute
+   * @throws {TypeError} 1 argument required
+   *
+   * @example
+   * // The end of a minute for 1 December 2014 22:15:45.400:
+   * const result = endOfMinute(new Date(2014, 11, 1, 22, 15, 45, 400))
+   * //=> Mon Dec 01 2014 22:15:59.999
    */
 
-  var locale = {
-    code: 'en-US',
-    formatDistance: formatDistance,
-    formatLong: formatLong,
-    formatRelative: formatRelative,
-    localize: localize,
-    match: match,
-    options: {
-      weekStartsOn: 0
-      /* Sunday */
-      ,
-      firstWeekContainsDate: 1
-    }
-  };
+  function endOfMinute(dirtyDate) {
+    requiredArgs(1, arguments);
+    var date = toDate(dirtyDate);
+    date.setSeconds(59, 999);
+    return date;
+  }
+
+  /**
+   * @name endOfQuarter
+   * @category Quarter Helpers
+   * @summary Return the end of a year quarter for the given date.
+   *
+   * @description
+   * Return the end of a year quarter for the given date.
+   * The result will be in the local timezone.
+   *
+   * @param {Date|Number} date - the original date
+   * @returns {Date} the end of a quarter
+   * @throws {TypeError} 1 argument required
+   *
+   * @example
+   * // The end of a quarter for 2 September 2014 11:55:00:
+   * const result = endOfQuarter(new Date(2014, 8, 2, 11, 55, 0))
+   * //=> Tue Sep 30 2014 23:59:59.999
+   */
+
+  function endOfQuarter(dirtyDate) {
+    requiredArgs(1, arguments);
+    var date = toDate(dirtyDate);
+    var currentMonth = date.getMonth();
+    var month = currentMonth - currentMonth % 3 + 3;
+    date.setMonth(month, 0);
+    date.setHours(23, 59, 59, 999);
+    return date;
+  }
+
+  /**
+   * @name endOfSecond
+   * @category Second Helpers
+   * @summary Return the end of a second for the given date.
+   *
+   * @description
+   * Return the end of a second for the given date.
+   * The result will be in the local timezone.
+   *
+   * @param {Date|Number} date - the original date
+   * @returns {Date} the end of a second
+   * @throws {TypeError} 1 argument required
+   *
+   * @example
+   * // The end of a second for 1 December 2014 22:15:45.400:
+   * const result = endOfSecond(new Date(2014, 11, 1, 22, 15, 45, 400))
+   * //=> Mon Dec 01 2014 22:15:45.999
+   */
+
+  function endOfSecond(dirtyDate) {
+    requiredArgs(1, arguments);
+    var date = toDate(dirtyDate);
+    date.setMilliseconds(999);
+    return date;
+  }
 
   /**
    * @name subMilliseconds
@@ -19344,10 +18618,6 @@
    * @description
    * Subtract the specified number of milliseconds from the given date.
    *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
    * @param {Date|Number} date - the date to be changed
    * @param {Number} amount - the amount of milliseconds to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
    * @returns {Date} the new date with the milliseconds subtracted
@@ -19365,103 +18635,7 @@
     return addMilliseconds(dirtyDate, -amount);
   }
 
-  function addLeadingZeros(number, targetLength) {
-    var sign = number < 0 ? '-' : '';
-    var output = Math.abs(number).toString();
-
-    while (output.length < targetLength) {
-      output = '0' + output;
-    }
-
-    return sign + output;
-  }
-
-  /*
-   * |     | Unit                           |     | Unit                           |
-   * |-----|--------------------------------|-----|--------------------------------|
-   * |  a  | AM, PM                         |  A* |                                |
-   * |  d  | Day of month                   |  D  |                                |
-   * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
-   * |  m  | Minute                         |  M  | Month                          |
-   * |  s  | Second                         |  S  | Fraction of second             |
-   * |  y  | Year (abs)                     |  Y  |                                |
-   *
-   * Letters marked by * are not implemented but reserved by Unicode standard.
-   */
-
-  var formatters$1 = {
-    // Year
-    y: function y(date, token) {
-      // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
-      // | Year     |     y | yy |   yyy |  yyyy | yyyyy |
-      // |----------|-------|----|-------|-------|-------|
-      // | AD 1     |     1 | 01 |   001 |  0001 | 00001 |
-      // | AD 12    |    12 | 12 |   012 |  0012 | 00012 |
-      // | AD 123   |   123 | 23 |   123 |  0123 | 00123 |
-      // | AD 1234  |  1234 | 34 |  1234 |  1234 | 01234 |
-      // | AD 12345 | 12345 | 45 | 12345 | 12345 | 12345 |
-      var signedYear = date.getUTCFullYear(); // Returns 1 for 1 BC (which is year 0 in JavaScript)
-
-      var year = signedYear > 0 ? signedYear : 1 - signedYear;
-      return addLeadingZeros(token === 'yy' ? year % 100 : year, token.length);
-    },
-    // Month
-    M: function M(date, token) {
-      var month = date.getUTCMonth();
-      return token === 'M' ? String(month + 1) : addLeadingZeros(month + 1, 2);
-    },
-    // Day of the month
-    d: function d(date, token) {
-      return addLeadingZeros(date.getUTCDate(), token.length);
-    },
-    // AM or PM
-    a: function a(date, token) {
-      var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? 'pm' : 'am';
-
-      switch (token) {
-        case 'a':
-        case 'aa':
-          return dayPeriodEnumValue.toUpperCase();
-
-        case 'aaa':
-          return dayPeriodEnumValue;
-
-        case 'aaaaa':
-          return dayPeriodEnumValue[0];
-
-        case 'aaaa':
-        default:
-          return dayPeriodEnumValue === 'am' ? 'a.m.' : 'p.m.';
-      }
-    },
-    // Hour [1-12]
-    h: function h(date, token) {
-      return addLeadingZeros(date.getUTCHours() % 12 || 12, token.length);
-    },
-    // Hour [0-23]
-    H: function H(date, token) {
-      return addLeadingZeros(date.getUTCHours(), token.length);
-    },
-    // Minute
-    m: function m(date, token) {
-      return addLeadingZeros(date.getUTCMinutes(), token.length);
-    },
-    // Second
-    s: function s(date, token) {
-      return addLeadingZeros(date.getUTCSeconds(), token.length);
-    },
-    // Fraction of second
-    S: function S(date, token) {
-      var numberOfDigits = token.length;
-      var milliseconds = date.getUTCMilliseconds();
-      var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
-      return addLeadingZeros(fractionalSeconds, token.length);
-    }
-  };
-
-  var MILLISECONDS_IN_DAY = 86400000; // This function will be a part of public API when UTC function will be implemented.
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
+  var MILLISECONDS_IN_DAY = 86400000;
   function getUTCDayOfYear(dirtyDate) {
     requiredArgs(1, arguments);
     var date = toDate(dirtyDate);
@@ -19473,8 +18647,6 @@
     return Math.floor(difference / MILLISECONDS_IN_DAY) + 1;
   }
 
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
   function startOfUTCISOWeek(dirtyDate) {
     requiredArgs(1, arguments);
     var weekStartsOn = 1;
@@ -19486,8 +18658,6 @@
     return date;
   }
 
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
   function getUTCISOWeekYear(dirtyDate) {
     requiredArgs(1, arguments);
     var date = toDate(dirtyDate);
@@ -19500,7 +18670,6 @@
     fourthOfJanuaryOfThisYear.setUTCFullYear(year, 0, 4);
     fourthOfJanuaryOfThisYear.setUTCHours(0, 0, 0, 0);
     var startOfThisYear = startOfUTCISOWeek(fourthOfJanuaryOfThisYear);
-
     if (date.getTime() >= startOfNextYear.getTime()) {
       return year + 1;
     } else if (date.getTime() >= startOfThisYear.getTime()) {
@@ -19510,8 +18679,6 @@
     }
   }
 
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
   function startOfUTCISOWeekYear(dirtyDate) {
     requiredArgs(1, arguments);
     var year = getUTCISOWeekYear(dirtyDate);
@@ -19522,9 +18689,7 @@
     return date;
   }
 
-  var MILLISECONDS_IN_WEEK$1 = 604800000; // This function will be a part of public API when UTC function will be implemented.
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
+  var MILLISECONDS_IN_WEEK$1 = 604800000;
   function getUTCISOWeek(dirtyDate) {
     requiredArgs(1, arguments);
     var date = toDate(dirtyDate);
@@ -19535,20 +18700,15 @@
     return Math.round(diff / MILLISECONDS_IN_WEEK$1) + 1;
   }
 
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
-  function startOfUTCWeek(dirtyDate, dirtyOptions) {
+  function startOfUTCWeek(dirtyDate, options) {
+    var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
     requiredArgs(1, arguments);
-    var options = dirtyOptions || {};
-    var locale = options.locale;
-    var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;
-    var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
-    var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+    var defaultOptions = getDefaultOptions();
+    var weekStartsOn = toInteger((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
 
     if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
       throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
     }
-
     var date = toDate(dirtyDate);
     var day = date.getUTCDay();
     var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
@@ -19557,31 +18717,25 @@
     return date;
   }
 
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
-  function getUTCWeekYear(dirtyDate, dirtyOptions) {
+  function getUTCWeekYear(dirtyDate, options) {
+    var _ref, _ref2, _ref3, _options$firstWeekCon, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
     requiredArgs(1, arguments);
-    var date = toDate(dirtyDate, dirtyOptions);
+    var date = toDate(dirtyDate);
     var year = date.getUTCFullYear();
-    var options = dirtyOptions || {};
-    var locale = options.locale;
-    var localeFirstWeekContainsDate = locale && locale.options && locale.options.firstWeekContainsDate;
-    var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
-    var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
+    var defaultOptions = getDefaultOptions();
+    var firstWeekContainsDate = toInteger((_ref = (_ref2 = (_ref3 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref !== void 0 ? _ref : 1); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
 
     if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
       throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
     }
-
     var firstWeekOfNextYear = new Date(0);
     firstWeekOfNextYear.setUTCFullYear(year + 1, 0, firstWeekContainsDate);
     firstWeekOfNextYear.setUTCHours(0, 0, 0, 0);
-    var startOfNextYear = startOfUTCWeek(firstWeekOfNextYear, dirtyOptions);
+    var startOfNextYear = startOfUTCWeek(firstWeekOfNextYear, options);
     var firstWeekOfThisYear = new Date(0);
     firstWeekOfThisYear.setUTCFullYear(year, 0, firstWeekContainsDate);
     firstWeekOfThisYear.setUTCHours(0, 0, 0, 0);
-    var startOfThisYear = startOfUTCWeek(firstWeekOfThisYear, dirtyOptions);
-
+    var startOfThisYear = startOfUTCWeek(firstWeekOfThisYear, options);
     if (date.getTime() >= startOfNextYear.getTime()) {
       return year + 1;
     } else if (date.getTime() >= startOfThisYear.getTime()) {
@@ -19591,35 +18745,118 @@
     }
   }
 
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
-  function startOfUTCWeekYear(dirtyDate, dirtyOptions) {
+  function startOfUTCWeekYear(dirtyDate, options) {
+    var _ref, _ref2, _ref3, _options$firstWeekCon, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
     requiredArgs(1, arguments);
-    var options = dirtyOptions || {};
-    var locale = options.locale;
-    var localeFirstWeekContainsDate = locale && locale.options && locale.options.firstWeekContainsDate;
-    var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
-    var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate);
-    var year = getUTCWeekYear(dirtyDate, dirtyOptions);
+    var defaultOptions = getDefaultOptions();
+    var firstWeekContainsDate = toInteger((_ref = (_ref2 = (_ref3 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref !== void 0 ? _ref : 1);
+    var year = getUTCWeekYear(dirtyDate, options);
     var firstWeek = new Date(0);
     firstWeek.setUTCFullYear(year, 0, firstWeekContainsDate);
     firstWeek.setUTCHours(0, 0, 0, 0);
-    var date = startOfUTCWeek(firstWeek, dirtyOptions);
+    var date = startOfUTCWeek(firstWeek, options);
     return date;
   }
 
-  var MILLISECONDS_IN_WEEK = 604800000; // This function will be a part of public API when UTC function will be implemented.
-  // See issue: https://github.com/date-fns/date-fns/issues/376
+  var MILLISECONDS_IN_WEEK = 604800000;
+  function getUTCWeek(dirtyDate, options) {
+    requiredArgs(1, arguments);
+    var date = toDate(dirtyDate);
+    var diff = startOfUTCWeek(date, options).getTime() - startOfUTCWeekYear(date, options).getTime(); // Round the number of days to the nearest integer
+    // because the number of milliseconds in a week is not constant
+    // (e.g. it's different in the week of the daylight saving time clock shift)
+
+    return Math.round(diff / MILLISECONDS_IN_WEEK) + 1;
+  }
+
+  function addLeadingZeros(number, targetLength) {
+    var sign = number < 0 ? '-' : '';
+    var output = Math.abs(number).toString();
+    while (output.length < targetLength) {
+      output = '0' + output;
+    }
+    return sign + output;
+  }
+
+  /*
+   * |     | Unit                           |     | Unit                           |
+   * |-----|--------------------------------|-----|--------------------------------|
+   * |  a  | AM, PM                         |  A* |                                |
+   * |  d  | Day of month                   |  D  |                                |
+   * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
+   * |  m  | Minute                         |  M  | Month                          |
+   * |  s  | Second                         |  S  | Fraction of second             |
+   * |  y  | Year (abs)                     |  Y  |                                |
+   *
+   * Letters marked by * are not implemented but reserved by Unicode standard.
+   */
 
-  function getUTCWeek(dirtyDate, options) {
-    requiredArgs(1, arguments);
-    var date = toDate(dirtyDate);
-    var diff = startOfUTCWeek(date, options).getTime() - startOfUTCWeekYear(date, options).getTime(); // Round the number of days to the nearest integer
-    // because the number of milliseconds in a week is not constant
-    // (e.g. it's different in the week of the daylight saving time clock shift)
+  var formatters$2 = {
+    // Year
+    y: function y(date, token) {
+      // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
+      // | Year     |     y | yy |   yyy |  yyyy | yyyyy |
+      // |----------|-------|----|-------|-------|-------|
+      // | AD 1     |     1 | 01 |   001 |  0001 | 00001 |
+      // | AD 12    |    12 | 12 |   012 |  0012 | 00012 |
+      // | AD 123   |   123 | 23 |   123 |  0123 | 00123 |
+      // | AD 1234  |  1234 | 34 |  1234 |  1234 | 01234 |
+      // | AD 12345 | 12345 | 45 | 12345 | 12345 | 12345 |
+      var signedYear = date.getUTCFullYear(); // Returns 1 for 1 BC (which is year 0 in JavaScript)
 
-    return Math.round(diff / MILLISECONDS_IN_WEEK) + 1;
-  }
+      var year = signedYear > 0 ? signedYear : 1 - signedYear;
+      return addLeadingZeros(token === 'yy' ? year % 100 : year, token.length);
+    },
+    // Month
+    M: function M(date, token) {
+      var month = date.getUTCMonth();
+      return token === 'M' ? String(month + 1) : addLeadingZeros(month + 1, 2);
+    },
+    // Day of the month
+    d: function d(date, token) {
+      return addLeadingZeros(date.getUTCDate(), token.length);
+    },
+    // AM or PM
+    a: function a(date, token) {
+      var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? 'pm' : 'am';
+      switch (token) {
+        case 'a':
+        case 'aa':
+          return dayPeriodEnumValue.toUpperCase();
+        case 'aaa':
+          return dayPeriodEnumValue;
+        case 'aaaaa':
+          return dayPeriodEnumValue[0];
+        case 'aaaa':
+        default:
+          return dayPeriodEnumValue === 'am' ? 'a.m.' : 'p.m.';
+      }
+    },
+    // Hour [1-12]
+    h: function h(date, token) {
+      return addLeadingZeros(date.getUTCHours() % 12 || 12, token.length);
+    },
+    // Hour [0-23]
+    H: function H(date, token) {
+      return addLeadingZeros(date.getUTCHours(), token.length);
+    },
+    // Minute
+    m: function m(date, token) {
+      return addLeadingZeros(date.getUTCMinutes(), token.length);
+    },
+    // Second
+    s: function s(date, token) {
+      return addLeadingZeros(date.getUTCSeconds(), token.length);
+    },
+    // Fraction of second
+    S: function S(date, token) {
+      var numberOfDigits = token.length;
+      var milliseconds = date.getUTCMilliseconds();
+      var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
+      return addLeadingZeros(fractionalSeconds, token.length);
+    }
+  };
+  var formatters$3 = formatters$2;
 
   var dayPeriodEnum = {
     am: 'am',
@@ -19630,58 +18867,57 @@
     afternoon: 'afternoon',
     evening: 'evening',
     night: 'night'
-    /*
-     * |     | Unit                           |     | Unit                           |
-     * |-----|--------------------------------|-----|--------------------------------|
-     * |  a  | AM, PM                         |  A* | Milliseconds in day            |
-     * |  b  | AM, PM, noon, midnight         |  B  | Flexible day period            |
-     * |  c  | Stand-alone local day of week  |  C* | Localized hour w/ day period   |
-     * |  d  | Day of month                   |  D  | Day of year                    |
-     * |  e  | Local day of week              |  E  | Day of week                    |
-     * |  f  |                                |  F* | Day of week in month           |
-     * |  g* | Modified Julian day            |  G  | Era                            |
-     * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
-     * |  i! | ISO day of week                |  I! | ISO week of year               |
-     * |  j* | Localized hour w/ day period   |  J* | Localized hour w/o day period  |
-     * |  k  | Hour [1-24]                    |  K  | Hour [0-11]                    |
-     * |  l* | (deprecated)                   |  L  | Stand-alone month              |
-     * |  m  | Minute                         |  M  | Month                          |
-     * |  n  |                                |  N  |                                |
-     * |  o! | Ordinal number modifier        |  O  | Timezone (GMT)                 |
-     * |  p! | Long localized time            |  P! | Long localized date            |
-     * |  q  | Stand-alone quarter            |  Q  | Quarter                        |
-     * |  r* | Related Gregorian year         |  R! | ISO week-numbering year        |
-     * |  s  | Second                         |  S  | Fraction of second             |
-     * |  t! | Seconds timestamp              |  T! | Milliseconds timestamp         |
-     * |  u  | Extended year                  |  U* | Cyclic year                    |
-     * |  v* | Timezone (generic non-locat.)  |  V* | Timezone (location)            |
-     * |  w  | Local week of year             |  W* | Week of month                  |
-     * |  x  | Timezone (ISO-8601 w/o Z)      |  X  | Timezone (ISO-8601)            |
-     * |  y  | Year (abs)                     |  Y  | Local week-numbering year      |
-     * |  z  | Timezone (specific non-locat.) |  Z* | Timezone (aliases)             |
-     *
-     * Letters marked by * are not implemented but reserved by Unicode standard.
-     *
-     * Letters marked by ! are non-standard, but implemented by date-fns:
-     * - `o` modifies the previous token to turn it into an ordinal (see `format` docs)
-     * - `i` is ISO day of week. For `i` and `ii` is returns numeric ISO week days,
-     *   i.e. 7 for Sunday, 1 for Monday, etc.
-     * - `I` is ISO week of year, as opposed to `w` which is local week of year.
-     * - `R` is ISO week-numbering year, as opposed to `Y` which is local week-numbering year.
-     *   `R` is supposed to be used in conjunction with `I` and `i`
-     *   for universal ISO week-numbering date, whereas
-     *   `Y` is supposed to be used in conjunction with `w` and `e`
-     *   for week-numbering date specific to the locale.
-     * - `P` is long localized date format
-     * - `p` is long localized time format
-     */
-
   };
+
+  /*
+   * |     | Unit                           |     | Unit                           |
+   * |-----|--------------------------------|-----|--------------------------------|
+   * |  a  | AM, PM                         |  A* | Milliseconds in day            |
+   * |  b  | AM, PM, noon, midnight         |  B  | Flexible day period            |
+   * |  c  | Stand-alone local day of week  |  C* | Localized hour w/ day period   |
+   * |  d  | Day of month                   |  D  | Day of year                    |
+   * |  e  | Local day of week              |  E  | Day of week                    |
+   * |  f  |                                |  F* | Day of week in month           |
+   * |  g* | Modified Julian day            |  G  | Era                            |
+   * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
+   * |  i! | ISO day of week                |  I! | ISO week of year               |
+   * |  j* | Localized hour w/ day period   |  J* | Localized hour w/o day period  |
+   * |  k  | Hour [1-24]                    |  K  | Hour [0-11]                    |
+   * |  l* | (deprecated)                   |  L  | Stand-alone month              |
+   * |  m  | Minute                         |  M  | Month                          |
+   * |  n  |                                |  N  |                                |
+   * |  o! | Ordinal number modifier        |  O  | Timezone (GMT)                 |
+   * |  p! | Long localized time            |  P! | Long localized date            |
+   * |  q  | Stand-alone quarter            |  Q  | Quarter                        |
+   * |  r* | Related Gregorian year         |  R! | ISO week-numbering year        |
+   * |  s  | Second                         |  S  | Fraction of second             |
+   * |  t! | Seconds timestamp              |  T! | Milliseconds timestamp         |
+   * |  u  | Extended year                  |  U* | Cyclic year                    |
+   * |  v* | Timezone (generic non-locat.)  |  V* | Timezone (location)            |
+   * |  w  | Local week of year             |  W* | Week of month                  |
+   * |  x  | Timezone (ISO-8601 w/o Z)      |  X  | Timezone (ISO-8601)            |
+   * |  y  | Year (abs)                     |  Y  | Local week-numbering year      |
+   * |  z  | Timezone (specific non-locat.) |  Z* | Timezone (aliases)             |
+   *
+   * Letters marked by * are not implemented but reserved by Unicode standard.
+   *
+   * Letters marked by ! are non-standard, but implemented by date-fns:
+   * - `o` modifies the previous token to turn it into an ordinal (see `format` docs)
+   * - `i` is ISO day of week. For `i` and `ii` is returns numeric ISO week days,
+   *   i.e. 7 for Sunday, 1 for Monday, etc.
+   * - `I` is ISO week of year, as opposed to `w` which is local week of year.
+   * - `R` is ISO week-numbering year, as opposed to `Y` which is local week-numbering year.
+   *   `R` is supposed to be used in conjunction with `I` and `i`
+   *   for universal ISO week-numbering date, whereas
+   *   `Y` is supposed to be used in conjunction with `w` and `e`
+   *   for week-numbering date specific to the locale.
+   * - `P` is long localized date format
+   * - `p` is long localized time format
+   */
   var formatters = {
     // Era
     G: function G(date, token, localize) {
       var era = date.getUTCFullYear() > 0 ? 1 : 0;
-
       switch (token) {
         // AD, BC
         case 'G':
@@ -19716,8 +18952,7 @@
           unit: 'year'
         });
       }
-
-      return formatters$1.y(date, token);
+      return formatters$3.y(date, token);
     },
     // Local week-numbering year
     Y: function Y(date, token, localize, options) {
@@ -19730,14 +18965,12 @@
         return addLeadingZeros(twoDigitYear, 2);
       } // Ordinal number
 
-
       if (token === 'Yo') {
         return localize.ordinalNumber(weekYear, {
           unit: 'year'
         });
       } // Padding
 
-
       return addLeadingZeros(weekYear, token.length);
     },
     // ISO week-numbering year
@@ -19762,7 +18995,6 @@
     // Quarter
     Q: function Q(date, token, localize) {
       var quarter = Math.ceil((date.getUTCMonth() + 1) / 3);
-
       switch (token) {
         // 1, 2, 3, 4
         case 'Q':
@@ -19804,7 +19036,6 @@
     // Stand-alone quarter
     q: function q(date, token, localize) {
       var quarter = Math.ceil((date.getUTCMonth() + 1) / 3);
-
       switch (token) {
         // 1, 2, 3, 4
         case 'q':
@@ -19846,11 +19077,10 @@
     // Month
     M: function M(date, token, localize) {
       var month = date.getUTCMonth();
-
       switch (token) {
         case 'M':
         case 'MM':
-          return formatters$1.M(date, token);
+          return formatters$3.M(date, token);
         // 1st, 2nd, ..., 12th
 
         case 'Mo':
@@ -19884,7 +19114,6 @@
     // Stand-alone month
     L: function L(date, token, localize) {
       var month = date.getUTCMonth();
-
       switch (token) {
         // 1, 2, ..., 12
         case 'L':
@@ -19926,25 +19155,21 @@
     // Local week of year
     w: function w(date, token, localize, options) {
       var week = getUTCWeek(date, options);
-
       if (token === 'wo') {
         return localize.ordinalNumber(week, {
           unit: 'week'
         });
       }
-
       return addLeadingZeros(week, token.length);
     },
     // ISO week of year
     I: function I(date, token, localize) {
       var isoWeek = getUTCISOWeek(date);
-
       if (token === 'Io') {
         return localize.ordinalNumber(isoWeek, {
           unit: 'week'
         });
       }
-
       return addLeadingZeros(isoWeek, token.length);
     },
     // Day of the month
@@ -19954,25 +19179,21 @@
           unit: 'date'
         });
       }
-
-      return formatters$1.d(date, token);
+      return formatters$3.d(date, token);
     },
     // Day of year
     D: function D(date, token, localize) {
       var dayOfYear = getUTCDayOfYear(date);
-
       if (token === 'Do') {
         return localize.ordinalNumber(dayOfYear, {
           unit: 'dayOfYear'
         });
       }
-
       return addLeadingZeros(dayOfYear, token.length);
     },
     // Day of week
     E: function E(date, token, localize) {
       var dayOfWeek = date.getUTCDay();
-
       switch (token) {
         // Tue
         case 'E':
@@ -20010,7 +19231,6 @@
     e: function e(date, token, localize, options) {
       var dayOfWeek = date.getUTCDay();
       var localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
-
       switch (token) {
         // Numerical value (Nth day of week with current locale or weekStartsOn)
         case 'e':
@@ -20025,7 +19245,6 @@
           return localize.ordinalNumber(localDayOfWeek, {
             unit: 'day'
           });
-
         case 'eee':
           return localize.day(dayOfWeek, {
             width: 'abbreviated',
@@ -20059,7 +19278,6 @@
     c: function c(date, token, localize, options) {
       var dayOfWeek = date.getUTCDay();
       var localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
-
       switch (token) {
         // Numerical value (same as in `e`)
         case 'c':
@@ -20074,7 +19292,6 @@
           return localize.ordinalNumber(localDayOfWeek, {
             unit: 'day'
           });
-
         case 'ccc':
           return localize.day(dayOfWeek, {
             width: 'abbreviated',
@@ -20108,7 +19325,6 @@
     i: function i(date, token, localize) {
       var dayOfWeek = date.getUTCDay();
       var isoDayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
-
       switch (token) {
         // 2
         case 'i':
@@ -20158,7 +19374,6 @@
     a: function a(date, token, localize) {
       var hours = date.getUTCHours();
       var dayPeriodEnumValue = hours / 12 >= 1 ? 'pm' : 'am';
-
       switch (token) {
         case 'a':
         case 'aa':
@@ -20166,19 +19381,16 @@
             width: 'abbreviated',
             context: 'formatting'
           });
-
         case 'aaa':
           return localize.dayPeriod(dayPeriodEnumValue, {
             width: 'abbreviated',
             context: 'formatting'
           }).toLowerCase();
-
         case 'aaaaa':
           return localize.dayPeriod(dayPeriodEnumValue, {
             width: 'narrow',
             context: 'formatting'
           });
-
         case 'aaaa':
         default:
           return localize.dayPeriod(dayPeriodEnumValue, {
@@ -20191,7 +19403,6 @@
     b: function b(date, token, localize) {
       var hours = date.getUTCHours();
       var dayPeriodEnumValue;
-
       if (hours === 12) {
         dayPeriodEnumValue = dayPeriodEnum.noon;
       } else if (hours === 0) {
@@ -20199,7 +19410,6 @@
       } else {
         dayPeriodEnumValue = hours / 12 >= 1 ? 'pm' : 'am';
       }
-
       switch (token) {
         case 'b':
         case 'bb':
@@ -20207,19 +19417,16 @@
             width: 'abbreviated',
             context: 'formatting'
           });
-
         case 'bbb':
           return localize.dayPeriod(dayPeriodEnumValue, {
             width: 'abbreviated',
             context: 'formatting'
           }).toLowerCase();
-
         case 'bbbbb':
           return localize.dayPeriod(dayPeriodEnumValue, {
             width: 'narrow',
             context: 'formatting'
           });
-
         case 'bbbb':
         default:
           return localize.dayPeriod(dayPeriodEnumValue, {
@@ -20232,7 +19439,6 @@
     B: function B(date, token, localize) {
       var hours = date.getUTCHours();
       var dayPeriodEnumValue;
-
       if (hours >= 17) {
         dayPeriodEnumValue = dayPeriodEnum.evening;
       } else if (hours >= 12) {
@@ -20242,7 +19448,6 @@
       } else {
         dayPeriodEnumValue = dayPeriodEnum.night;
       }
-
       switch (token) {
         case 'B':
         case 'BB':
@@ -20251,13 +19456,11 @@
             width: 'abbreviated',
             context: 'formatting'
           });
-
         case 'BBBBB':
           return localize.dayPeriod(dayPeriodEnumValue, {
             width: 'narrow',
             context: 'formatting'
           });
-
         case 'BBBB':
         default:
           return localize.dayPeriod(dayPeriodEnumValue, {
@@ -20275,8 +19478,7 @@
           unit: 'hour'
         });
       }
-
-      return formatters$1.h(date, token);
+      return formatters$3.h(date, token);
     },
     // Hour [0-23]
     H: function H(date, token, localize) {
@@ -20285,315 +19487,766 @@
           unit: 'hour'
         });
       }
+      return formatters$3.H(date, token);
+    },
+    // Hour [0-11]
+    K: function K(date, token, localize) {
+      var hours = date.getUTCHours() % 12;
+      if (token === 'Ko') {
+        return localize.ordinalNumber(hours, {
+          unit: 'hour'
+        });
+      }
+      return addLeadingZeros(hours, token.length);
+    },
+    // Hour [1-24]
+    k: function k(date, token, localize) {
+      var hours = date.getUTCHours();
+      if (hours === 0) hours = 24;
+      if (token === 'ko') {
+        return localize.ordinalNumber(hours, {
+          unit: 'hour'
+        });
+      }
+      return addLeadingZeros(hours, token.length);
+    },
+    // Minute
+    m: function m(date, token, localize) {
+      if (token === 'mo') {
+        return localize.ordinalNumber(date.getUTCMinutes(), {
+          unit: 'minute'
+        });
+      }
+      return formatters$3.m(date, token);
+    },
+    // Second
+    s: function s(date, token, localize) {
+      if (token === 'so') {
+        return localize.ordinalNumber(date.getUTCSeconds(), {
+          unit: 'second'
+        });
+      }
+      return formatters$3.s(date, token);
+    },
+    // Fraction of second
+    S: function S(date, token) {
+      return formatters$3.S(date, token);
+    },
+    // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+    X: function X(date, token, _localize, options) {
+      var originalDate = options._originalDate || date;
+      var timezoneOffset = originalDate.getTimezoneOffset();
+      if (timezoneOffset === 0) {
+        return 'Z';
+      }
+      switch (token) {
+        // Hours and optional minutes
+        case 'X':
+          return formatTimezoneWithOptionalMinutes(timezoneOffset);
+        // Hours, minutes and optional seconds without `:` delimiter
+        // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+        // so this token always has the same output as `XX`
+
+        case 'XXXX':
+        case 'XX':
+          // Hours and minutes without `:` delimiter
+          return formatTimezone(timezoneOffset);
+        // Hours, minutes and optional seconds with `:` delimiter
+        // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+        // so this token always has the same output as `XXX`
+
+        case 'XXXXX':
+        case 'XXX': // Hours and minutes with `:` delimiter
+
+        default:
+          return formatTimezone(timezoneOffset, ':');
+      }
+    },
+    // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+    x: function x(date, token, _localize, options) {
+      var originalDate = options._originalDate || date;
+      var timezoneOffset = originalDate.getTimezoneOffset();
+      switch (token) {
+        // Hours and optional minutes
+        case 'x':
+          return formatTimezoneWithOptionalMinutes(timezoneOffset);
+        // Hours, minutes and optional seconds without `:` delimiter
+        // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+        // so this token always has the same output as `xx`
+
+        case 'xxxx':
+        case 'xx':
+          // Hours and minutes without `:` delimiter
+          return formatTimezone(timezoneOffset);
+        // Hours, minutes and optional seconds with `:` delimiter
+        // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+        // so this token always has the same output as `xxx`
+
+        case 'xxxxx':
+        case 'xxx': // Hours and minutes with `:` delimiter
+
+        default:
+          return formatTimezone(timezoneOffset, ':');
+      }
+    },
+    // Timezone (GMT)
+    O: function O(date, token, _localize, options) {
+      var originalDate = options._originalDate || date;
+      var timezoneOffset = originalDate.getTimezoneOffset();
+      switch (token) {
+        // Short
+        case 'O':
+        case 'OO':
+        case 'OOO':
+          return 'GMT' + formatTimezoneShort(timezoneOffset, ':');
+        // Long
 
-      return formatters$1.H(date, token);
+        case 'OOOO':
+        default:
+          return 'GMT' + formatTimezone(timezoneOffset, ':');
+      }
     },
-    // Hour [0-11]
-    K: function K(date, token, localize) {
-      var hours = date.getUTCHours() % 12;
+    // Timezone (specific non-location)
+    z: function z(date, token, _localize, options) {
+      var originalDate = options._originalDate || date;
+      var timezoneOffset = originalDate.getTimezoneOffset();
+      switch (token) {
+        // Short
+        case 'z':
+        case 'zz':
+        case 'zzz':
+          return 'GMT' + formatTimezoneShort(timezoneOffset, ':');
+        // Long
 
-      if (token === 'Ko') {
-        return localize.ordinalNumber(hours, {
-          unit: 'hour'
-        });
+        case 'zzzz':
+        default:
+          return 'GMT' + formatTimezone(timezoneOffset, ':');
       }
-
-      return addLeadingZeros(hours, token.length);
     },
-    // Hour [1-24]
-    k: function k(date, token, localize) {
-      var hours = date.getUTCHours();
-      if (hours === 0) hours = 24;
+    // Seconds timestamp
+    t: function t(date, token, _localize, options) {
+      var originalDate = options._originalDate || date;
+      var timestamp = Math.floor(originalDate.getTime() / 1000);
+      return addLeadingZeros(timestamp, token.length);
+    },
+    // Milliseconds timestamp
+    T: function T(date, token, _localize, options) {
+      var originalDate = options._originalDate || date;
+      var timestamp = originalDate.getTime();
+      return addLeadingZeros(timestamp, token.length);
+    }
+  };
+  function formatTimezoneShort(offset, dirtyDelimiter) {
+    var sign = offset > 0 ? '-' : '+';
+    var absOffset = Math.abs(offset);
+    var hours = Math.floor(absOffset / 60);
+    var minutes = absOffset % 60;
+    if (minutes === 0) {
+      return sign + String(hours);
+    }
+    var delimiter = dirtyDelimiter || '';
+    return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
+  }
+  function formatTimezoneWithOptionalMinutes(offset, dirtyDelimiter) {
+    if (offset % 60 === 0) {
+      var sign = offset > 0 ? '-' : '+';
+      return sign + addLeadingZeros(Math.abs(offset) / 60, 2);
+    }
+    return formatTimezone(offset, dirtyDelimiter);
+  }
+  function formatTimezone(offset, dirtyDelimiter) {
+    var delimiter = dirtyDelimiter || '';
+    var sign = offset > 0 ? '-' : '+';
+    var absOffset = Math.abs(offset);
+    var hours = addLeadingZeros(Math.floor(absOffset / 60), 2);
+    var minutes = addLeadingZeros(absOffset % 60, 2);
+    return sign + hours + delimiter + minutes;
+  }
+  var formatters$1 = formatters;
 
-      if (token === 'ko') {
-        return localize.ordinalNumber(hours, {
-          unit: 'hour'
+  var dateLongFormatter = function dateLongFormatter(pattern, formatLong) {
+    switch (pattern) {
+      case 'P':
+        return formatLong.date({
+          width: 'short'
         });
-      }
-
-      return addLeadingZeros(hours, token.length);
-    },
-    // Minute
-    m: function m(date, token, localize) {
-      if (token === 'mo') {
-        return localize.ordinalNumber(date.getUTCMinutes(), {
-          unit: 'minute'
+      case 'PP':
+        return formatLong.date({
+          width: 'medium'
         });
-      }
-
-      return formatters$1.m(date, token);
-    },
-    // Second
-    s: function s(date, token, localize) {
-      if (token === 'so') {
-        return localize.ordinalNumber(date.getUTCSeconds(), {
-          unit: 'second'
+      case 'PPP':
+        return formatLong.date({
+          width: 'long'
         });
-      }
+      case 'PPPP':
+      default:
+        return formatLong.date({
+          width: 'full'
+        });
+    }
+  };
+  var timeLongFormatter = function timeLongFormatter(pattern, formatLong) {
+    switch (pattern) {
+      case 'p':
+        return formatLong.time({
+          width: 'short'
+        });
+      case 'pp':
+        return formatLong.time({
+          width: 'medium'
+        });
+      case 'ppp':
+        return formatLong.time({
+          width: 'long'
+        });
+      case 'pppp':
+      default:
+        return formatLong.time({
+          width: 'full'
+        });
+    }
+  };
+  var dateTimeLongFormatter = function dateTimeLongFormatter(pattern, formatLong) {
+    var matchResult = pattern.match(/(P+)(p+)?/) || [];
+    var datePattern = matchResult[1];
+    var timePattern = matchResult[2];
+    if (!timePattern) {
+      return dateLongFormatter(pattern, formatLong);
+    }
+    var dateTimeFormat;
+    switch (datePattern) {
+      case 'P':
+        dateTimeFormat = formatLong.dateTime({
+          width: 'short'
+        });
+        break;
+      case 'PP':
+        dateTimeFormat = formatLong.dateTime({
+          width: 'medium'
+        });
+        break;
+      case 'PPP':
+        dateTimeFormat = formatLong.dateTime({
+          width: 'long'
+        });
+        break;
+      case 'PPPP':
+      default:
+        dateTimeFormat = formatLong.dateTime({
+          width: 'full'
+        });
+        break;
+    }
+    return dateTimeFormat.replace('{{date}}', dateLongFormatter(datePattern, formatLong)).replace('{{time}}', timeLongFormatter(timePattern, formatLong));
+  };
+  var longFormatters = {
+    p: timeLongFormatter,
+    P: dateTimeLongFormatter
+  };
+  var longFormatters$1 = longFormatters;
+
+  var protectedDayOfYearTokens = ['D', 'DD'];
+  var protectedWeekYearTokens = ['YY', 'YYYY'];
+  function isProtectedDayOfYearToken(token) {
+    return protectedDayOfYearTokens.indexOf(token) !== -1;
+  }
+  function isProtectedWeekYearToken(token) {
+    return protectedWeekYearTokens.indexOf(token) !== -1;
+  }
+  function throwProtectedError(token, format, input) {
+    if (token === 'YYYY') {
+      throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+    } else if (token === 'YY') {
+      throw new RangeError("Use `yy` instead of `YY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+    } else if (token === 'D') {
+      throw new RangeError("Use `d` instead of `D` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+    } else if (token === 'DD') {
+      throw new RangeError("Use `dd` instead of `DD` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+    }
+  }
 
-      return formatters$1.s(date, token);
+  var formatDistanceLocale = {
+    lessThanXSeconds: {
+      one: 'less than a second',
+      other: 'less than {{count}} seconds'
     },
-    // Fraction of second
-    S: function S(date, token) {
-      return formatters$1.S(date, token);
+    xSeconds: {
+      one: '1 second',
+      other: '{{count}} seconds'
     },
-    // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
-    X: function X(date, token, _localize, options) {
-      var originalDate = options._originalDate || date;
-      var timezoneOffset = originalDate.getTimezoneOffset();
-
-      if (timezoneOffset === 0) {
-        return 'Z';
+    halfAMinute: 'half a minute',
+    lessThanXMinutes: {
+      one: 'less than a minute',
+      other: 'less than {{count}} minutes'
+    },
+    xMinutes: {
+      one: '1 minute',
+      other: '{{count}} minutes'
+    },
+    aboutXHours: {
+      one: 'about 1 hour',
+      other: 'about {{count}} hours'
+    },
+    xHours: {
+      one: '1 hour',
+      other: '{{count}} hours'
+    },
+    xDays: {
+      one: '1 day',
+      other: '{{count}} days'
+    },
+    aboutXWeeks: {
+      one: 'about 1 week',
+      other: 'about {{count}} weeks'
+    },
+    xWeeks: {
+      one: '1 week',
+      other: '{{count}} weeks'
+    },
+    aboutXMonths: {
+      one: 'about 1 month',
+      other: 'about {{count}} months'
+    },
+    xMonths: {
+      one: '1 month',
+      other: '{{count}} months'
+    },
+    aboutXYears: {
+      one: 'about 1 year',
+      other: 'about {{count}} years'
+    },
+    xYears: {
+      one: '1 year',
+      other: '{{count}} years'
+    },
+    overXYears: {
+      one: 'over 1 year',
+      other: 'over {{count}} years'
+    },
+    almostXYears: {
+      one: 'almost 1 year',
+      other: 'almost {{count}} years'
+    }
+  };
+  var formatDistance = function formatDistance(token, count, options) {
+    var result;
+    var tokenValue = formatDistanceLocale[token];
+    if (typeof tokenValue === 'string') {
+      result = tokenValue;
+    } else if (count === 1) {
+      result = tokenValue.one;
+    } else {
+      result = tokenValue.other.replace('{{count}}', count.toString());
+    }
+    if (options !== null && options !== void 0 && options.addSuffix) {
+      if (options.comparison && options.comparison > 0) {
+        return 'in ' + result;
+      } else {
+        return result + ' ago';
       }
+    }
+    return result;
+  };
+  var formatDistance$1 = formatDistance;
 
-      switch (token) {
-        // Hours and optional minutes
-        case 'X':
-          return formatTimezoneWithOptionalMinutes(timezoneOffset);
-        // Hours, minutes and optional seconds without `:` delimiter
-        // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-        // so this token always has the same output as `XX`
+  function buildFormatLongFn(args) {
+    return function () {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      // TODO: Remove String()
+      var width = options.width ? String(options.width) : args.defaultWidth;
+      var format = args.formats[width] || args.formats[args.defaultWidth];
+      return format;
+    };
+  }
 
-        case 'XXXX':
-        case 'XX':
-          // Hours and minutes without `:` delimiter
-          return formatTimezone(timezoneOffset);
-        // Hours, minutes and optional seconds with `:` delimiter
-        // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-        // so this token always has the same output as `XXX`
+  var dateFormats = {
+    full: 'EEEE, MMMM do, y',
+    "long": 'MMMM do, y',
+    medium: 'MMM d, y',
+    "short": 'MM/dd/yyyy'
+  };
+  var timeFormats = {
+    full: 'h:mm:ss a zzzz',
+    "long": 'h:mm:ss a z',
+    medium: 'h:mm:ss a',
+    "short": 'h:mm a'
+  };
+  var dateTimeFormats = {
+    full: "{{date}} 'at' {{time}}",
+    "long": "{{date}} 'at' {{time}}",
+    medium: '{{date}}, {{time}}',
+    "short": '{{date}}, {{time}}'
+  };
+  var formatLong = {
+    date: buildFormatLongFn({
+      formats: dateFormats,
+      defaultWidth: 'full'
+    }),
+    time: buildFormatLongFn({
+      formats: timeFormats,
+      defaultWidth: 'full'
+    }),
+    dateTime: buildFormatLongFn({
+      formats: dateTimeFormats,
+      defaultWidth: 'full'
+    })
+  };
+  var formatLong$1 = formatLong;
 
-        case 'XXXXX':
-        case 'XXX': // Hours and minutes with `:` delimiter
+  var formatRelativeLocale = {
+    lastWeek: "'last' eeee 'at' p",
+    yesterday: "'yesterday at' p",
+    today: "'today at' p",
+    tomorrow: "'tomorrow at' p",
+    nextWeek: "eeee 'at' p",
+    other: 'P'
+  };
+  var formatRelative = function formatRelative(token, _date, _baseDate, _options) {
+    return formatRelativeLocale[token];
+  };
+  var formatRelative$1 = formatRelative;
 
-        default:
-          return formatTimezone(timezoneOffset, ':');
+  function buildLocalizeFn(args) {
+    return function (dirtyIndex, options) {
+      var context = options !== null && options !== void 0 && options.context ? String(options.context) : 'standalone';
+      var valuesArray;
+      if (context === 'formatting' && args.formattingValues) {
+        var defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
+        var width = options !== null && options !== void 0 && options.width ? String(options.width) : defaultWidth;
+        valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
+      } else {
+        var _defaultWidth = args.defaultWidth;
+        var _width = options !== null && options !== void 0 && options.width ? String(options.width) : args.defaultWidth;
+        valuesArray = args.values[_width] || args.values[_defaultWidth];
       }
-    },
-    // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-    x: function x(date, token, _localize, options) {
-      var originalDate = options._originalDate || date;
-      var timezoneOffset = originalDate.getTimezoneOffset();
-
-      switch (token) {
-        // Hours and optional minutes
-        case 'x':
-          return formatTimezoneWithOptionalMinutes(timezoneOffset);
-        // Hours, minutes and optional seconds without `:` delimiter
-        // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-        // so this token always has the same output as `xx`
+      var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex; // @ts-ignore: For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!
 
-        case 'xxxx':
-        case 'xx':
-          // Hours and minutes without `:` delimiter
-          return formatTimezone(timezoneOffset);
-        // Hours, minutes and optional seconds with `:` delimiter
-        // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-        // so this token always has the same output as `xxx`
+      return valuesArray[index];
+    };
+  }
 
-        case 'xxxxx':
-        case 'xxx': // Hours and minutes with `:` delimiter
+  var eraValues = {
+    narrow: ['B', 'A'],
+    abbreviated: ['BC', 'AD'],
+    wide: ['Before Christ', 'Anno Domini']
+  };
+  var quarterValues = {
+    narrow: ['1', '2', '3', '4'],
+    abbreviated: ['Q1', 'Q2', 'Q3', 'Q4'],
+    wide: ['1st quarter', '2nd quarter', '3rd quarter', '4th quarter']
+  }; // Note: in English, the names of days of the week and months are capitalized.
+  // If you are making a new locale based on this one, check if the same is true for the language you're working on.
+  // Generally, formatted dates should look like they are in the middle of a sentence,
+  // e.g. in Spanish language the weekdays and months should be in the lowercase.
 
-        default:
-          return formatTimezone(timezoneOffset, ':');
-      }
+  var monthValues = {
+    narrow: ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'],
+    abbreviated: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+    wide: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
+  };
+  var dayValues = {
+    narrow: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
+    "short": ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+    abbreviated: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    wide: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
+  };
+  var dayPeriodValues = {
+    narrow: {
+      am: 'a',
+      pm: 'p',
+      midnight: 'mi',
+      noon: 'n',
+      morning: 'morning',
+      afternoon: 'afternoon',
+      evening: 'evening',
+      night: 'night'
     },
-    // Timezone (GMT)
-    O: function O(date, token, _localize, options) {
-      var originalDate = options._originalDate || date;
-      var timezoneOffset = originalDate.getTimezoneOffset();
-
-      switch (token) {
-        // Short
-        case 'O':
-        case 'OO':
-        case 'OOO':
-          return 'GMT' + formatTimezoneShort(timezoneOffset, ':');
-        // Long
-
-        case 'OOOO':
-        default:
-          return 'GMT' + formatTimezone(timezoneOffset, ':');
-      }
+    abbreviated: {
+      am: 'AM',
+      pm: 'PM',
+      midnight: 'midnight',
+      noon: 'noon',
+      morning: 'morning',
+      afternoon: 'afternoon',
+      evening: 'evening',
+      night: 'night'
     },
-    // Timezone (specific non-location)
-    z: function z(date, token, _localize, options) {
-      var originalDate = options._originalDate || date;
-      var timezoneOffset = originalDate.getTimezoneOffset();
-
-      switch (token) {
-        // Short
-        case 'z':
-        case 'zz':
-        case 'zzz':
-          return 'GMT' + formatTimezoneShort(timezoneOffset, ':');
-        // Long
-
-        case 'zzzz':
-        default:
-          return 'GMT' + formatTimezone(timezoneOffset, ':');
-      }
+    wide: {
+      am: 'a.m.',
+      pm: 'p.m.',
+      midnight: 'midnight',
+      noon: 'noon',
+      morning: 'morning',
+      afternoon: 'afternoon',
+      evening: 'evening',
+      night: 'night'
+    }
+  };
+  var formattingDayPeriodValues = {
+    narrow: {
+      am: 'a',
+      pm: 'p',
+      midnight: 'mi',
+      noon: 'n',
+      morning: 'in the morning',
+      afternoon: 'in the afternoon',
+      evening: 'in the evening',
+      night: 'at night'
     },
-    // Seconds timestamp
-    t: function t(date, token, _localize, options) {
-      var originalDate = options._originalDate || date;
-      var timestamp = Math.floor(originalDate.getTime() / 1000);
-      return addLeadingZeros(timestamp, token.length);
+    abbreviated: {
+      am: 'AM',
+      pm: 'PM',
+      midnight: 'midnight',
+      noon: 'noon',
+      morning: 'in the morning',
+      afternoon: 'in the afternoon',
+      evening: 'in the evening',
+      night: 'at night'
     },
-    // Milliseconds timestamp
-    T: function T(date, token, _localize, options) {
-      var originalDate = options._originalDate || date;
-      var timestamp = originalDate.getTime();
-      return addLeadingZeros(timestamp, token.length);
+    wide: {
+      am: 'a.m.',
+      pm: 'p.m.',
+      midnight: 'midnight',
+      noon: 'noon',
+      morning: 'in the morning',
+      afternoon: 'in the afternoon',
+      evening: 'in the evening',
+      night: 'at night'
+    }
+  };
+  var ordinalNumber = function ordinalNumber(dirtyNumber, _options) {
+    var number = Number(dirtyNumber); // If ordinal numbers depend on context, for example,
+    // if they are different for different grammatical genders,
+    // use `options.unit`.
+    //
+    // `unit` can be 'year', 'quarter', 'month', 'week', 'date', 'dayOfYear',
+    // 'day', 'hour', 'minute', 'second'.
+
+    var rem100 = number % 100;
+    if (rem100 > 20 || rem100 < 10) {
+      switch (rem100 % 10) {
+        case 1:
+          return number + 'st';
+        case 2:
+          return number + 'nd';
+        case 3:
+          return number + 'rd';
+      }
     }
+    return number + 'th';
+  };
+  var localize = {
+    ordinalNumber: ordinalNumber,
+    era: buildLocalizeFn({
+      values: eraValues,
+      defaultWidth: 'wide'
+    }),
+    quarter: buildLocalizeFn({
+      values: quarterValues,
+      defaultWidth: 'wide',
+      argumentCallback: function argumentCallback(quarter) {
+        return quarter - 1;
+      }
+    }),
+    month: buildLocalizeFn({
+      values: monthValues,
+      defaultWidth: 'wide'
+    }),
+    day: buildLocalizeFn({
+      values: dayValues,
+      defaultWidth: 'wide'
+    }),
+    dayPeriod: buildLocalizeFn({
+      values: dayPeriodValues,
+      defaultWidth: 'wide',
+      formattingValues: formattingDayPeriodValues,
+      defaultFormattingWidth: 'wide'
+    })
   };
+  var localize$1 = localize;
 
-  function formatTimezoneShort(offset, dirtyDelimiter) {
-    var sign = offset > 0 ? '-' : '+';
-    var absOffset = Math.abs(offset);
-    var hours = Math.floor(absOffset / 60);
-    var minutes = absOffset % 60;
-
-    if (minutes === 0) {
-      return sign + String(hours);
-    }
-
-    var delimiter = dirtyDelimiter || '';
-    return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
+  function buildMatchFn(args) {
+    return function (string) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var width = options.width;
+      var matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
+      var matchResult = string.match(matchPattern);
+      if (!matchResult) {
+        return null;
+      }
+      var matchedString = matchResult[0];
+      var parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
+      var key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, function (pattern) {
+        return pattern.test(matchedString);
+      }) : findKey(parsePatterns, function (pattern) {
+        return pattern.test(matchedString);
+      });
+      var value;
+      value = args.valueCallback ? args.valueCallback(key) : key;
+      value = options.valueCallback ? options.valueCallback(value) : value;
+      var rest = string.slice(matchedString.length);
+      return {
+        value: value,
+        rest: rest
+      };
+    };
   }
-
-  function formatTimezoneWithOptionalMinutes(offset, dirtyDelimiter) {
-    if (offset % 60 === 0) {
-      var sign = offset > 0 ? '-' : '+';
-      return sign + addLeadingZeros(Math.abs(offset) / 60, 2);
+  function findKey(object, predicate) {
+    for (var key in object) {
+      if (object.hasOwnProperty(key) && predicate(object[key])) {
+        return key;
+      }
     }
-
-    return formatTimezone(offset, dirtyDelimiter);
-  }
-
-  function formatTimezone(offset, dirtyDelimiter) {
-    var delimiter = dirtyDelimiter || '';
-    var sign = offset > 0 ? '-' : '+';
-    var absOffset = Math.abs(offset);
-    var hours = addLeadingZeros(Math.floor(absOffset / 60), 2);
-    var minutes = addLeadingZeros(absOffset % 60, 2);
-    return sign + hours + delimiter + minutes;
+    return undefined;
   }
-
-  function dateLongFormatter(pattern, formatLong) {
-    switch (pattern) {
-      case 'P':
-        return formatLong.date({
-          width: 'short'
-        });
-
-      case 'PP':
-        return formatLong.date({
-          width: 'medium'
-        });
-
-      case 'PPP':
-        return formatLong.date({
-          width: 'long'
-        });
-
-      case 'PPPP':
-      default:
-        return formatLong.date({
-          width: 'full'
-        });
+  function findIndex(array, predicate) {
+    for (var key = 0; key < array.length; key++) {
+      if (predicate(array[key])) {
+        return key;
+      }
     }
+    return undefined;
   }
 
-  function timeLongFormatter(pattern, formatLong) {
-    switch (pattern) {
-      case 'p':
-        return formatLong.time({
-          width: 'short'
-        });
-
-      case 'pp':
-        return formatLong.time({
-          width: 'medium'
-        });
-
-      case 'ppp':
-        return formatLong.time({
-          width: 'long'
-        });
-
-      case 'pppp':
-      default:
-        return formatLong.time({
-          width: 'full'
-        });
-    }
+  function buildMatchPatternFn(args) {
+    return function (string) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var matchResult = string.match(args.matchPattern);
+      if (!matchResult) return null;
+      var matchedString = matchResult[0];
+      var parseResult = string.match(args.parsePattern);
+      if (!parseResult) return null;
+      var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
+      value = options.valueCallback ? options.valueCallback(value) : value;
+      var rest = string.slice(matchedString.length);
+      return {
+        value: value,
+        rest: rest
+      };
+    };
   }
 
-  function dateTimeLongFormatter(pattern, formatLong) {
-    var matchResult = pattern.match(/(P+)(p+)?/);
-    var datePattern = matchResult[1];
-    var timePattern = matchResult[2];
-
-    if (!timePattern) {
-      return dateLongFormatter(pattern, formatLong);
-    }
-
-    var dateTimeFormat;
-
-    switch (datePattern) {
-      case 'P':
-        dateTimeFormat = formatLong.dateTime({
-          width: 'short'
-        });
-        break;
-
-      case 'PP':
-        dateTimeFormat = formatLong.dateTime({
-          width: 'medium'
-        });
-        break;
-
-      case 'PPP':
-        dateTimeFormat = formatLong.dateTime({
-          width: 'long'
-        });
-        break;
-
-      case 'PPPP':
-      default:
-        dateTimeFormat = formatLong.dateTime({
-          width: 'full'
-        });
-        break;
+  var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
+  var parseOrdinalNumberPattern = /\d+/i;
+  var matchEraPatterns = {
+    narrow: /^(b|a)/i,
+    abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+    wide: /^(before christ|before common era|anno domini|common era)/i
+  };
+  var parseEraPatterns = {
+    any: [/^b/i, /^(a|c)/i]
+  };
+  var matchQuarterPatterns = {
+    narrow: /^[1234]/i,
+    abbreviated: /^q[1234]/i,
+    wide: /^[1234](th|st|nd|rd)? quarter/i
+  };
+  var parseQuarterPatterns = {
+    any: [/1/i, /2/i, /3/i, /4/i]
+  };
+  var matchMonthPatterns = {
+    narrow: /^[jfmasond]/i,
+    abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
+    wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
+  };
+  var parseMonthPatterns = {
+    narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
+    any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]
+  };
+  var matchDayPatterns = {
+    narrow: /^[smtwf]/i,
+    "short": /^(su|mo|tu|we|th|fr|sa)/i,
+    abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+    wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+  };
+  var parseDayPatterns = {
+    narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
+    any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
+  };
+  var matchDayPeriodPatterns = {
+    narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
+    any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
+  };
+  var parseDayPeriodPatterns = {
+    any: {
+      am: /^a/i,
+      pm: /^p/i,
+      midnight: /^mi/i,
+      noon: /^no/i,
+      morning: /morning/i,
+      afternoon: /afternoon/i,
+      evening: /evening/i,
+      night: /night/i
     }
-
-    return dateTimeFormat.replace('{{date}}', dateLongFormatter(datePattern, formatLong)).replace('{{time}}', timeLongFormatter(timePattern, formatLong));
-  }
-
-  var longFormatters = {
-    p: timeLongFormatter,
-    P: dateTimeLongFormatter
   };
+  var match = {
+    ordinalNumber: buildMatchPatternFn({
+      matchPattern: matchOrdinalNumberPattern,
+      parsePattern: parseOrdinalNumberPattern,
+      valueCallback: function valueCallback(value) {
+        return parseInt(value, 10);
+      }
+    }),
+    era: buildMatchFn({
+      matchPatterns: matchEraPatterns,
+      defaultMatchWidth: 'wide',
+      parsePatterns: parseEraPatterns,
+      defaultParseWidth: 'any'
+    }),
+    quarter: buildMatchFn({
+      matchPatterns: matchQuarterPatterns,
+      defaultMatchWidth: 'wide',
+      parsePatterns: parseQuarterPatterns,
+      defaultParseWidth: 'any',
+      valueCallback: function valueCallback(index) {
+        return index + 1;
+      }
+    }),
+    month: buildMatchFn({
+      matchPatterns: matchMonthPatterns,
+      defaultMatchWidth: 'wide',
+      parsePatterns: parseMonthPatterns,
+      defaultParseWidth: 'any'
+    }),
+    day: buildMatchFn({
+      matchPatterns: matchDayPatterns,
+      defaultMatchWidth: 'wide',
+      parsePatterns: parseDayPatterns,
+      defaultParseWidth: 'any'
+    }),
+    dayPeriod: buildMatchFn({
+      matchPatterns: matchDayPeriodPatterns,
+      defaultMatchWidth: 'any',
+      parsePatterns: parseDayPeriodPatterns,
+      defaultParseWidth: 'any'
+    })
+  };
+  var match$1 = match;
+
+  /**
+   * @type {Locale}
+   * @category Locales
+   * @summary English locale (United States).
+   * @language English
+   * @iso-639-2 eng
+   * @author Sasha Koss [@kossnocorp]{@link https://github.com/kossnocorp}
+   * @author Lesha Koss [@leshakoss]{@link https://github.com/leshakoss}
+   */
+  var locale = {
+    code: 'en-US',
+    formatDistance: formatDistance$1,
+    formatLong: formatLong$1,
+    formatRelative: formatRelative$1,
+    localize: localize$1,
+    match: match$1,
+    options: {
+      weekStartsOn: 0
+      /* Sunday */,
 
-  var protectedDayOfYearTokens = ['D', 'DD'];
-  var protectedWeekYearTokens = ['YY', 'YYYY'];
-  function isProtectedDayOfYearToken(token) {
-    return protectedDayOfYearTokens.indexOf(token) !== -1;
-  }
-  function isProtectedWeekYearToken(token) {
-    return protectedWeekYearTokens.indexOf(token) !== -1;
-  }
-  function throwProtectedError(token, format, input) {
-    if (token === 'YYYY') {
-      throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
-    } else if (token === 'YY') {
-      throw new RangeError("Use `yy` instead of `YY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
-    } else if (token === 'D') {
-      throw new RangeError("Use `d` instead of `D` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
-    } else if (token === 'DD') {
-      throw new RangeError("Use `dd` instead of `DD` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
+      firstWeekContainsDate: 1
     }
-  }
+  };
+  var defaultLocale = locale;
 
   // - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
   //   (one of the certain letters followed by `o`)
@@ -20622,7 +20275,7 @@
    * Return the formatted date string in the given format. The result may vary by locale.
    *
    * > ⚠️ Please note that the `format` tokens differ from Moment.js and other libraries.
-   * > See: https://git.io/fxCyr
+   * > See: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    *
    * The characters wrapped between two single quotes characters (') are escaped.
    * Two single quotes in a row, whether inside or outside a quoted sequence, represent a 'real' single quote.
@@ -20701,28 +20354,28 @@
    * | Day of week (formatting)        | E..EEE  | Mon, Tue, Wed, ..., Sun           |       |
    * |                                 | EEEE    | Monday, Tuesday, ..., Sunday      | 2     |
    * |                                 | EEEEE   | M, T, W, T, F, S, S               |       |
-   * |                                 | EEEEEE  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+   * |                                 | EEEEEE  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
    * | ISO day of week (formatting)    | i       | 1, 2, 3, ..., 7                   | 7     |
    * |                                 | io      | 1st, 2nd, ..., 7th                | 7     |
    * |                                 | ii      | 01, 02, ..., 07                   | 7     |
    * |                                 | iii     | Mon, Tue, Wed, ..., Sun           | 7     |
    * |                                 | iiii    | Monday, Tuesday, ..., Sunday      | 2,7   |
    * |                                 | iiiii   | M, T, W, T, F, S, S               | 7     |
-   * |                                 | iiiiii  | Mo, Tu, We, Th, Fr, Su, Sa        | 7     |
+   * |                                 | iiiiii  | Mo, Tu, We, Th, Fr, Sa, Su        | 7     |
    * | Local day of week (formatting)  | e       | 2, 3, 4, ..., 1                   |       |
    * |                                 | eo      | 2nd, 3rd, ..., 1st                | 7     |
    * |                                 | ee      | 02, 03, ..., 01                   |       |
    * |                                 | eee     | Mon, Tue, Wed, ..., Sun           |       |
    * |                                 | eeee    | Monday, Tuesday, ..., Sunday      | 2     |
    * |                                 | eeeee   | M, T, W, T, F, S, S               |       |
-   * |                                 | eeeeee  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+   * |                                 | eeeeee  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
    * | Local day of week (stand-alone) | c       | 2, 3, 4, ..., 1                   |       |
    * |                                 | co      | 2nd, 3rd, ..., 1st                | 7     |
    * |                                 | cc      | 02, 03, ..., 01                   |       |
    * |                                 | ccc     | Mon, Tue, Wed, ..., Sun           |       |
    * |                                 | cccc    | Monday, Tuesday, ..., Sunday      | 2     |
    * |                                 | ccccc   | M, T, W, T, F, S, S               |       |
-   * |                                 | cccccc  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+   * |                                 | cccccc  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
    * | AM, PM                          | a..aa   | AM, PM                            |       |
    * |                                 | aaa     | am, pm                            |       |
    * |                                 | aaaa    | a.m., p.m.                        | 2     |
@@ -20754,7 +20407,7 @@
    * |                                 | ss      | 00, 01, ..., 59                   |       |
    * | Fraction of second              | S       | 0, 1, ..., 9                      |       |
    * |                                 | SS      | 00, 01, ..., 99                   |       |
-   * |                                 | SSS     | 000, 0001, ..., 999               |       |
+   * |                                 | SSS     | 000, 001, ..., 999                |       |
    * |                                 | SSSS    | ...                               | 3     |
    * | Timezone (ISO-8601 w/ Z)        | X       | -08, +0530, Z                     |       |
    * |                                 | XX      | -0800, +0530, Z                   |       |
@@ -20858,30 +20511,10 @@
    *    - `p`: long localized time
    *
    * 8. `YY` and `YYYY` tokens represent week-numbering years but they are often confused with years.
-   *    You should enable `options.useAdditionalWeekYearTokens` to use them. See: https://git.io/fxCyr
-   *
-   * 9. `D` and `DD` tokens represent days of the year but they are ofthen confused with days of the month.
-   *    You should enable `options.useAdditionalDayOfYearTokens` to use them. See: https://git.io/fxCyr
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * - The second argument is now required for the sake of explicitness.
-   *
-   *   ```javascript
-   *   // Before v2.0.0
-   *   format(new Date(2016, 0, 1))
-   *
-   *   // v2.0.0 onward
-   *   format(new Date(2016, 0, 1), "yyyy-MM-dd'T'HH:mm:ss.SSSxxx")
-   *   ```
-   *
-   * - New format string API for `format` function
-   *   which is based on [Unicode Technical Standard #35](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).
-   *   See [this post](https://blog.date-fns.org/post/unicode-tokens-in-date-fns-v2-sreatyki91jg) for more details.
+   *    You should enable `options.useAdditionalWeekYearTokens` to use them. See: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    *
-   * - Characters are now escaped using single quote symbols (`'`) instead of square brackets.
+   * 9. `D` and `DD` tokens represent days of the year but they are often confused with days of the month.
+   *    You should enable `options.useAdditionalDayOfYearTokens` to use them. See: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    *
    * @param {Date|Number} date - the original date
    * @param {String} format - the string of tokens
@@ -20890,9 +20523,9 @@
    * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)
    * @param {Number} [options.firstWeekContainsDate=1] - the day of January, which is
    * @param {Boolean} [options.useAdditionalWeekYearTokens=false] - if true, allows usage of the week-numbering year tokens `YY` and `YYYY`;
-   *   see: https://git.io/fxCyr
+   *   see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    * @param {Boolean} [options.useAdditionalDayOfYearTokens=false] - if true, allows usage of the day of year tokens `D` and `DD`;
-   *   see: https://git.io/fxCyr
+   *   see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    * @returns {String} the formatted date string
    * @throws {TypeError} 2 arguments required
    * @throws {RangeError} `date` must not be Invalid Date
@@ -20900,1704 +20533,5866 @@
    * @throws {RangeError} `options.locale` must contain `formatLong` property
    * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6
    * @throws {RangeError} `options.firstWeekContainsDate` must be between 1 and 7
-   * @throws {RangeError} use `yyyy` instead of `YYYY` for formatting years using [format provided] to the input [input provided]; see: https://git.io/fxCyr
-   * @throws {RangeError} use `yy` instead of `YY` for formatting years using [format provided] to the input [input provided]; see: https://git.io/fxCyr
-   * @throws {RangeError} use `d` instead of `D` for formatting days of the month using [format provided] to the input [input provided]; see: https://git.io/fxCyr
-   * @throws {RangeError} use `dd` instead of `DD` for formatting days of the month using [format provided] to the input [input provided]; see: https://git.io/fxCyr
+   * @throws {RangeError} use `yyyy` instead of `YYYY` for formatting years using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+   * @throws {RangeError} use `yy` instead of `YY` for formatting years using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+   * @throws {RangeError} use `d` instead of `D` for formatting days of the month using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+   * @throws {RangeError} use `dd` instead of `DD` for formatting days of the month using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    * @throws {RangeError} format string contains an unescaped latin alphabet character
    *
    * @example
    * // Represent 11 February 2014 in middle-endian format:
-   * var result = format(new Date(2014, 1, 11), 'MM/dd/yyyy')
+   * const result = format(new Date(2014, 1, 11), 'MM/dd/yyyy')
    * //=> '02/11/2014'
    *
    * @example
    * // Represent 2 July 2014 in Esperanto:
    * import { eoLocale } from 'date-fns/locale/eo'
-   * var result = format(new Date(2014, 6, 2), "do 'de' MMMM yyyy", {
+   * const result = format(new Date(2014, 6, 2), "do 'de' MMMM yyyy", {
    *   locale: eoLocale
    * })
    * //=> '2-a de julio 2014'
    *
    * @example
    * // Escape string by single quote characters:
-   * var result = format(new Date(2014, 6, 2, 15), "h 'o''clock'")
+   * const result = format(new Date(2014, 6, 2, 15), "h 'o''clock'")
    * //=> "3 o'clock"
    */
 
-  function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
+  function format(dirtyDate, dirtyFormatStr, options) {
+    var _ref, _options$locale, _ref2, _ref3, _ref4, _options$firstWeekCon, _options$locale2, _options$locale2$opti, _defaultOptions$local, _defaultOptions$local2, _ref5, _ref6, _ref7, _options$weekStartsOn, _options$locale3, _options$locale3$opti, _defaultOptions$local3, _defaultOptions$local4;
+    requiredArgs(2, arguments);
+    var formatStr = String(dirtyFormatStr);
+    var defaultOptions = getDefaultOptions();
+    var locale = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : defaultLocale;
+    var firstWeekContainsDate = toInteger((_ref2 = (_ref3 = (_ref4 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale2 = options.locale) === null || _options$locale2 === void 0 ? void 0 : (_options$locale2$opti = _options$locale2.options) === null || _options$locale2$opti === void 0 ? void 0 : _options$locale2$opti.firstWeekContainsDate) !== null && _ref4 !== void 0 ? _ref4 : defaultOptions.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : 1); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
+
+    if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
+      throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
+    }
+    var weekStartsOn = toInteger((_ref5 = (_ref6 = (_ref7 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale3 = options.locale) === null || _options$locale3 === void 0 ? void 0 : (_options$locale3$opti = _options$locale3.options) === null || _options$locale3$opti === void 0 ? void 0 : _options$locale3$opti.weekStartsOn) !== null && _ref7 !== void 0 ? _ref7 : defaultOptions.weekStartsOn) !== null && _ref6 !== void 0 ? _ref6 : (_defaultOptions$local3 = defaultOptions.locale) === null || _defaultOptions$local3 === void 0 ? void 0 : (_defaultOptions$local4 = _defaultOptions$local3.options) === null || _defaultOptions$local4 === void 0 ? void 0 : _defaultOptions$local4.weekStartsOn) !== null && _ref5 !== void 0 ? _ref5 : 0); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+
+    if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
+      throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
+    }
+    if (!locale.localize) {
+      throw new RangeError('locale must contain localize property');
+    }
+    if (!locale.formatLong) {
+      throw new RangeError('locale must contain formatLong property');
+    }
+    var originalDate = toDate(dirtyDate);
+    if (!isValid(originalDate)) {
+      throw new RangeError('Invalid time value');
+    } // Convert the date in system timezone to the same date in UTC+00:00 timezone.
+    // This ensures that when UTC functions will be implemented, locales will be compatible with them.
+    // See an issue about UTC functions: https://github.com/date-fns/date-fns/issues/376
+
+    var timezoneOffset = getTimezoneOffsetInMilliseconds(originalDate);
+    var utcDate = subMilliseconds(originalDate, timezoneOffset);
+    var formatterOptions = {
+      firstWeekContainsDate: firstWeekContainsDate,
+      weekStartsOn: weekStartsOn,
+      locale: locale,
+      _originalDate: originalDate
+    };
+    var result = formatStr.match(longFormattingTokensRegExp$1).map(function (substring) {
+      var firstCharacter = substring[0];
+      if (firstCharacter === 'p' || firstCharacter === 'P') {
+        var longFormatter = longFormatters$1[firstCharacter];
+        return longFormatter(substring, locale.formatLong);
+      }
+      return substring;
+    }).join('').match(formattingTokensRegExp$1).map(function (substring) {
+      // Replace two single quote characters with one single quote character
+      if (substring === "''") {
+        return "'";
+      }
+      var firstCharacter = substring[0];
+      if (firstCharacter === "'") {
+        return cleanEscapedString$1(substring);
+      }
+      var formatter = formatters$1[firstCharacter];
+      if (formatter) {
+        if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken(substring)) {
+          throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
+        }
+        if (!(options !== null && options !== void 0 && options.useAdditionalDayOfYearTokens) && isProtectedDayOfYearToken(substring)) {
+          throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
+        }
+        return formatter(utcDate, substring, locale.localize, formatterOptions);
+      }
+      if (firstCharacter.match(unescapedLatinCharacterRegExp$1)) {
+        throw new RangeError('Format string contains an unescaped latin alphabet character `' + firstCharacter + '`');
+      }
+      return substring;
+    }).join('');
+    return result;
+  }
+  function cleanEscapedString$1(input) {
+    var matched = input.match(escapedStringRegExp$1);
+    if (!matched) {
+      return input;
+    }
+    return matched[1].replace(doubleQuoteRegExp$1, "'");
+  }
+
+  function assign(target, object) {
+    if (target == null) {
+      throw new TypeError('assign requires that input parameter not be null or undefined');
+    }
+    for (var property in object) {
+      if (Object.prototype.hasOwnProperty.call(object, property)) {
+        target[property] = object[property];
+      }
+    }
+    return target;
+  }
+
+  function _typeof$w(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$w = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$w = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$w(obj);
+  }
+  function _inherits$v(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$v(subClass, superClass);
+  }
+  function _setPrototypeOf$v(o, p) {
+    _setPrototypeOf$v = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$v(o, p);
+  }
+  function _createSuper$v(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$v();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$v(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$v(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$v(this, result);
+    };
+  }
+  function _possibleConstructorReturn$v(self, call) {
+    if (call && (_typeof$w(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$v(self);
+  }
+  function _assertThisInitialized$v(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$v() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$v(o) {
+    _getPrototypeOf$v = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$v(o);
+  }
+  function _classCallCheck$w(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$w(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$w(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$w(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$w(Constructor, staticProps);
+    return Constructor;
+  }
+  function _defineProperty$v(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var TIMEZONE_UNIT_PRIORITY = 10;
+  var Setter = /*#__PURE__*/function () {
+    function Setter() {
+      _classCallCheck$w(this, Setter);
+      _defineProperty$v(this, "subPriority", 0);
+    }
+    _createClass$w(Setter, [{
+      key: "validate",
+      value: function validate(_utcDate, _options) {
+        return true;
+      }
+    }]);
+    return Setter;
+  }();
+  var ValueSetter = /*#__PURE__*/function (_Setter) {
+    _inherits$v(ValueSetter, _Setter);
+    var _super = _createSuper$v(ValueSetter);
+    function ValueSetter(value, validateValue, setValue, priority, subPriority) {
+      var _this;
+      _classCallCheck$w(this, ValueSetter);
+      _this = _super.call(this);
+      _this.value = value;
+      _this.validateValue = validateValue;
+      _this.setValue = setValue;
+      _this.priority = priority;
+      if (subPriority) {
+        _this.subPriority = subPriority;
+      }
+      return _this;
+    }
+    _createClass$w(ValueSetter, [{
+      key: "validate",
+      value: function validate(utcDate, options) {
+        return this.validateValue(utcDate, this.value, options);
+      }
+    }, {
+      key: "set",
+      value: function set(utcDate, flags, options) {
+        return this.setValue(utcDate, flags, this.value, options);
+      }
+    }]);
+    return ValueSetter;
+  }(Setter);
+  var DateToSystemTimezoneSetter = /*#__PURE__*/function (_Setter2) {
+    _inherits$v(DateToSystemTimezoneSetter, _Setter2);
+    var _super2 = _createSuper$v(DateToSystemTimezoneSetter);
+    function DateToSystemTimezoneSetter() {
+      var _this2;
+      _classCallCheck$w(this, DateToSystemTimezoneSetter);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this2 = _super2.call.apply(_super2, [this].concat(args));
+      _defineProperty$v(_assertThisInitialized$v(_this2), "priority", TIMEZONE_UNIT_PRIORITY);
+      _defineProperty$v(_assertThisInitialized$v(_this2), "subPriority", -1);
+      return _this2;
+    }
+    _createClass$w(DateToSystemTimezoneSetter, [{
+      key: "set",
+      value: function set(date, flags) {
+        if (flags.timestampIsSet) {
+          return date;
+        }
+        var convertedDate = new Date(0);
+        convertedDate.setFullYear(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
+        convertedDate.setHours(date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds(), date.getUTCMilliseconds());
+        return convertedDate;
+      }
+    }]);
+    return DateToSystemTimezoneSetter;
+  }(Setter);
+
+  function _classCallCheck$v(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$v(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$v(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$v(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$v(Constructor, staticProps);
+    return Constructor;
+  }
+  var Parser = /*#__PURE__*/function () {
+    function Parser() {
+      _classCallCheck$v(this, Parser);
+    }
+    _createClass$v(Parser, [{
+      key: "run",
+      value: function run(dateString, token, match, options) {
+        var result = this.parse(dateString, token, match, options);
+        if (!result) {
+          return null;
+        }
+        return {
+          setter: new ValueSetter(result.value, this.validate, this.set, this.priority, this.subPriority),
+          rest: result.rest
+        };
+      }
+    }, {
+      key: "validate",
+      value: function validate(_utcDate, _value, _options) {
+        return true;
+      }
+    }]);
+    return Parser;
+  }();
+
+  function _typeof$v(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$v = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$v = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$v(obj);
+  }
+  function _classCallCheck$u(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$u(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$u(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$u(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$u(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$u(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$u(subClass, superClass);
+  }
+  function _setPrototypeOf$u(o, p) {
+    _setPrototypeOf$u = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$u(o, p);
+  }
+  function _createSuper$u(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$u();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$u(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$u(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$u(this, result);
+    };
+  }
+  function _possibleConstructorReturn$u(self, call) {
+    if (call && (_typeof$v(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$u(self);
+  }
+  function _assertThisInitialized$u(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$u() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$u(o) {
+    _getPrototypeOf$u = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$u(o);
+  }
+  function _defineProperty$u(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var EraParser = /*#__PURE__*/function (_Parser) {
+    _inherits$u(EraParser, _Parser);
+    var _super = _createSuper$u(EraParser);
+    function EraParser() {
+      var _this;
+      _classCallCheck$u(this, EraParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$u(_assertThisInitialized$u(_this), "priority", 140);
+      _defineProperty$u(_assertThisInitialized$u(_this), "incompatibleTokens", ['R', 'u', 't', 'T']);
+      return _this;
+    }
+    _createClass$u(EraParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          // AD, BC
+          case 'G':
+          case 'GG':
+          case 'GGG':
+            return match.era(dateString, {
+              width: 'abbreviated'
+            }) || match.era(dateString, {
+              width: 'narrow'
+            });
+          // A, B
+
+          case 'GGGGG':
+            return match.era(dateString, {
+              width: 'narrow'
+            });
+          // Anno Domini, Before Christ
+
+          case 'GGGG':
+          default:
+            return match.era(dateString, {
+              width: 'wide'
+            }) || match.era(dateString, {
+              width: 'abbreviated'
+            }) || match.era(dateString, {
+              width: 'narrow'
+            });
+        }
+      }
+    }, {
+      key: "set",
+      value: function set(date, flags, value) {
+        flags.era = value;
+        date.setUTCFullYear(value, 0, 1);
+        date.setUTCHours(0, 0, 0, 0);
+        return date;
+      }
+    }]);
+    return EraParser;
+  }(Parser);
+
+  var numericPatterns = {
+    month: /^(1[0-2]|0?\d)/,
+    // 0 to 12
+    date: /^(3[0-1]|[0-2]?\d)/,
+    // 0 to 31
+    dayOfYear: /^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,
+    // 0 to 366
+    week: /^(5[0-3]|[0-4]?\d)/,
+    // 0 to 53
+    hour23h: /^(2[0-3]|[0-1]?\d)/,
+    // 0 to 23
+    hour24h: /^(2[0-4]|[0-1]?\d)/,
+    // 0 to 24
+    hour11h: /^(1[0-1]|0?\d)/,
+    // 0 to 11
+    hour12h: /^(1[0-2]|0?\d)/,
+    // 0 to 12
+    minute: /^[0-5]?\d/,
+    // 0 to 59
+    second: /^[0-5]?\d/,
+    // 0 to 59
+    singleDigit: /^\d/,
+    // 0 to 9
+    twoDigits: /^\d{1,2}/,
+    // 0 to 99
+    threeDigits: /^\d{1,3}/,
+    // 0 to 999
+    fourDigits: /^\d{1,4}/,
+    // 0 to 9999
+    anyDigitsSigned: /^-?\d+/,
+    singleDigitSigned: /^-?\d/,
+    // 0 to 9, -0 to -9
+    twoDigitsSigned: /^-?\d{1,2}/,
+    // 0 to 99, -0 to -99
+    threeDigitsSigned: /^-?\d{1,3}/,
+    // 0 to 999, -0 to -999
+    fourDigitsSigned: /^-?\d{1,4}/ // 0 to 9999, -0 to -9999
+  };
+
+  var timezonePatterns = {
+    basicOptionalMinutes: /^([+-])(\d{2})(\d{2})?|Z/,
+    basic: /^([+-])(\d{2})(\d{2})|Z/,
+    basicOptionalSeconds: /^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,
+    extended: /^([+-])(\d{2}):(\d{2})|Z/,
+    extendedOptionalSeconds: /^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/
+  };
+
+  function mapValue(parseFnResult, mapFn) {
+    if (!parseFnResult) {
+      return parseFnResult;
+    }
+    return {
+      value: mapFn(parseFnResult.value),
+      rest: parseFnResult.rest
+    };
+  }
+  function parseNumericPattern(pattern, dateString) {
+    var matchResult = dateString.match(pattern);
+    if (!matchResult) {
+      return null;
+    }
+    return {
+      value: parseInt(matchResult[0], 10),
+      rest: dateString.slice(matchResult[0].length)
+    };
+  }
+  function parseTimezonePattern(pattern, dateString) {
+    var matchResult = dateString.match(pattern);
+    if (!matchResult) {
+      return null;
+    } // Input is 'Z'
+
+    if (matchResult[0] === 'Z') {
+      return {
+        value: 0,
+        rest: dateString.slice(1)
+      };
+    }
+    var sign = matchResult[1] === '+' ? 1 : -1;
+    var hours = matchResult[2] ? parseInt(matchResult[2], 10) : 0;
+    var minutes = matchResult[3] ? parseInt(matchResult[3], 10) : 0;
+    var seconds = matchResult[5] ? parseInt(matchResult[5], 10) : 0;
+    return {
+      value: sign * (hours * millisecondsInHour + minutes * millisecondsInMinute + seconds * millisecondsInSecond),
+      rest: dateString.slice(matchResult[0].length)
+    };
+  }
+  function parseAnyDigitsSigned(dateString) {
+    return parseNumericPattern(numericPatterns.anyDigitsSigned, dateString);
+  }
+  function parseNDigits(n, dateString) {
+    switch (n) {
+      case 1:
+        return parseNumericPattern(numericPatterns.singleDigit, dateString);
+      case 2:
+        return parseNumericPattern(numericPatterns.twoDigits, dateString);
+      case 3:
+        return parseNumericPattern(numericPatterns.threeDigits, dateString);
+      case 4:
+        return parseNumericPattern(numericPatterns.fourDigits, dateString);
+      default:
+        return parseNumericPattern(new RegExp('^\\d{1,' + n + '}'), dateString);
+    }
+  }
+  function parseNDigitsSigned(n, dateString) {
+    switch (n) {
+      case 1:
+        return parseNumericPattern(numericPatterns.singleDigitSigned, dateString);
+      case 2:
+        return parseNumericPattern(numericPatterns.twoDigitsSigned, dateString);
+      case 3:
+        return parseNumericPattern(numericPatterns.threeDigitsSigned, dateString);
+      case 4:
+        return parseNumericPattern(numericPatterns.fourDigitsSigned, dateString);
+      default:
+        return parseNumericPattern(new RegExp('^-?\\d{1,' + n + '}'), dateString);
+    }
+  }
+  function dayPeriodEnumToHours(dayPeriod) {
+    switch (dayPeriod) {
+      case 'morning':
+        return 4;
+      case 'evening':
+        return 17;
+      case 'pm':
+      case 'noon':
+      case 'afternoon':
+        return 12;
+      case 'am':
+      case 'midnight':
+      case 'night':
+      default:
+        return 0;
+    }
+  }
+  function normalizeTwoDigitYear(twoDigitYear, currentYear) {
+    var isCommonEra = currentYear > 0; // Absolute number of the current year:
+    // 1 -> 1 AC
+    // 0 -> 1 BC
+    // -1 -> 2 BC
+
+    var absCurrentYear = isCommonEra ? currentYear : 1 - currentYear;
+    var result;
+    if (absCurrentYear <= 50) {
+      result = twoDigitYear || 100;
+    } else {
+      var rangeEnd = absCurrentYear + 50;
+      var rangeEndCentury = Math.floor(rangeEnd / 100) * 100;
+      var isPreviousCentury = twoDigitYear >= rangeEnd % 100;
+      result = twoDigitYear + rangeEndCentury - (isPreviousCentury ? 100 : 0);
+    }
+    return isCommonEra ? result : 1 - result;
+  }
+  function isLeapYearIndex$1(year) {
+    return year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
+  }
+
+  function _typeof$u(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$u = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$u = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$u(obj);
+  }
+  function _classCallCheck$t(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$t(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$t(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$t(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$t(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$t(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$t(subClass, superClass);
+  }
+  function _setPrototypeOf$t(o, p) {
+    _setPrototypeOf$t = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$t(o, p);
+  }
+  function _createSuper$t(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$t();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$t(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$t(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$t(this, result);
+    };
+  }
+  function _possibleConstructorReturn$t(self, call) {
+    if (call && (_typeof$u(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$t(self);
+  }
+  function _assertThisInitialized$t(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$t() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$t(o) {
+    _getPrototypeOf$t = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$t(o);
+  }
+  function _defineProperty$t(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_Patterns
+  // | Year     |     y | yy |   yyy |  yyyy | yyyyy |
+  // |----------|-------|----|-------|-------|-------|
+  // | AD 1     |     1 | 01 |   001 |  0001 | 00001 |
+  // | AD 12    |    12 | 12 |   012 |  0012 | 00012 |
+  // | AD 123   |   123 | 23 |   123 |  0123 | 00123 |
+  // | AD 1234  |  1234 | 34 |  1234 |  1234 | 01234 |
+  // | AD 12345 | 12345 | 45 | 12345 | 12345 | 12345 |
+  var YearParser = /*#__PURE__*/function (_Parser) {
+    _inherits$t(YearParser, _Parser);
+    var _super = _createSuper$t(YearParser);
+    function YearParser() {
+      var _this;
+      _classCallCheck$t(this, YearParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$t(_assertThisInitialized$t(_this), "priority", 130);
+      _defineProperty$t(_assertThisInitialized$t(_this), "incompatibleTokens", ['Y', 'R', 'u', 'w', 'I', 'i', 'e', 'c', 't', 'T']);
+      return _this;
+    }
+    _createClass$t(YearParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        var valueCallback = function valueCallback(year) {
+          return {
+            year: year,
+            isTwoDigitYear: token === 'yy'
+          };
+        };
+        switch (token) {
+          case 'y':
+            return mapValue(parseNDigits(4, dateString), valueCallback);
+          case 'yo':
+            return mapValue(match.ordinalNumber(dateString, {
+              unit: 'year'
+            }), valueCallback);
+          default:
+            return mapValue(parseNDigits(token.length, dateString), valueCallback);
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value.isTwoDigitYear || value.year > 0;
+      }
+    }, {
+      key: "set",
+      value: function set(date, flags, value) {
+        var currentYear = date.getUTCFullYear();
+        if (value.isTwoDigitYear) {
+          var normalizedTwoDigitYear = normalizeTwoDigitYear(value.year, currentYear);
+          date.setUTCFullYear(normalizedTwoDigitYear, 0, 1);
+          date.setUTCHours(0, 0, 0, 0);
+          return date;
+        }
+        var year = !('era' in flags) || flags.era === 1 ? value.year : 1 - value.year;
+        date.setUTCFullYear(year, 0, 1);
+        date.setUTCHours(0, 0, 0, 0);
+        return date;
+      }
+    }]);
+    return YearParser;
+  }(Parser);
+
+  function _typeof$t(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$t = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$t = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$t(obj);
+  }
+  function _classCallCheck$s(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$s(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$s(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$s(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$s(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$s(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$s(subClass, superClass);
+  }
+  function _setPrototypeOf$s(o, p) {
+    _setPrototypeOf$s = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$s(o, p);
+  }
+  function _createSuper$s(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$s();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$s(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$s(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$s(this, result);
+    };
+  }
+  function _possibleConstructorReturn$s(self, call) {
+    if (call && (_typeof$t(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$s(self);
+  }
+  function _assertThisInitialized$s(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$s() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$s(o) {
+    _getPrototypeOf$s = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$s(o);
+  }
+  function _defineProperty$s(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  // Local week-numbering year
+  var LocalWeekYearParser = /*#__PURE__*/function (_Parser) {
+    _inherits$s(LocalWeekYearParser, _Parser);
+    var _super = _createSuper$s(LocalWeekYearParser);
+    function LocalWeekYearParser() {
+      var _this;
+      _classCallCheck$s(this, LocalWeekYearParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$s(_assertThisInitialized$s(_this), "priority", 130);
+      _defineProperty$s(_assertThisInitialized$s(_this), "incompatibleTokens", ['y', 'R', 'u', 'Q', 'q', 'M', 'L', 'I', 'd', 'D', 'i', 't', 'T']);
+      return _this;
+    }
+    _createClass$s(LocalWeekYearParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        var valueCallback = function valueCallback(year) {
+          return {
+            year: year,
+            isTwoDigitYear: token === 'YY'
+          };
+        };
+        switch (token) {
+          case 'Y':
+            return mapValue(parseNDigits(4, dateString), valueCallback);
+          case 'Yo':
+            return mapValue(match.ordinalNumber(dateString, {
+              unit: 'year'
+            }), valueCallback);
+          default:
+            return mapValue(parseNDigits(token.length, dateString), valueCallback);
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value.isTwoDigitYear || value.year > 0;
+      }
+    }, {
+      key: "set",
+      value: function set(date, flags, value, options) {
+        var currentYear = getUTCWeekYear(date, options);
+        if (value.isTwoDigitYear) {
+          var normalizedTwoDigitYear = normalizeTwoDigitYear(value.year, currentYear);
+          date.setUTCFullYear(normalizedTwoDigitYear, 0, options.firstWeekContainsDate);
+          date.setUTCHours(0, 0, 0, 0);
+          return startOfUTCWeek(date, options);
+        }
+        var year = !('era' in flags) || flags.era === 1 ? value.year : 1 - value.year;
+        date.setUTCFullYear(year, 0, options.firstWeekContainsDate);
+        date.setUTCHours(0, 0, 0, 0);
+        return startOfUTCWeek(date, options);
+      }
+    }]);
+    return LocalWeekYearParser;
+  }(Parser);
+
+  function _typeof$s(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$s = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$s = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$s(obj);
+  }
+  function _classCallCheck$r(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$r(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$r(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$r(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$r(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$r(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$r(subClass, superClass);
+  }
+  function _setPrototypeOf$r(o, p) {
+    _setPrototypeOf$r = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$r(o, p);
+  }
+  function _createSuper$r(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$r();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$r(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$r(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$r(this, result);
+    };
+  }
+  function _possibleConstructorReturn$r(self, call) {
+    if (call && (_typeof$s(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$r(self);
+  }
+  function _assertThisInitialized$r(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$r() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$r(o) {
+    _getPrototypeOf$r = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$r(o);
+  }
+  function _defineProperty$r(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
+  var ISOWeekYearParser = /*#__PURE__*/function (_Parser) {
+    _inherits$r(ISOWeekYearParser, _Parser);
+    var _super = _createSuper$r(ISOWeekYearParser);
+    function ISOWeekYearParser() {
+      var _this;
+      _classCallCheck$r(this, ISOWeekYearParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$r(_assertThisInitialized$r(_this), "priority", 130);
+      _defineProperty$r(_assertThisInitialized$r(_this), "incompatibleTokens", ['G', 'y', 'Y', 'u', 'Q', 'q', 'M', 'L', 'w', 'd', 'D', 'e', 'c', 't', 'T']);
+      return _this;
+    }
+    _createClass$r(ISOWeekYearParser, [{
+      key: "parse",
+      value: function parse(dateString, token) {
+        if (token === 'R') {
+          return parseNDigitsSigned(4, dateString);
+        }
+        return parseNDigitsSigned(token.length, dateString);
+      }
+    }, {
+      key: "set",
+      value: function set(_date, _flags, value) {
+        var firstWeekOfYear = new Date(0);
+        firstWeekOfYear.setUTCFullYear(value, 0, 4);
+        firstWeekOfYear.setUTCHours(0, 0, 0, 0);
+        return startOfUTCISOWeek(firstWeekOfYear);
+      }
+    }]);
+    return ISOWeekYearParser;
+  }(Parser);
+
+  function _typeof$r(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$r = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$r = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$r(obj);
+  }
+  function _classCallCheck$q(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$q(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$q(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$q(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$q(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$q(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$q(subClass, superClass);
+  }
+  function _setPrototypeOf$q(o, p) {
+    _setPrototypeOf$q = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$q(o, p);
+  }
+  function _createSuper$q(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$q();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$q(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$q(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$q(this, result);
+    };
+  }
+  function _possibleConstructorReturn$q(self, call) {
+    if (call && (_typeof$r(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$q(self);
+  }
+  function _assertThisInitialized$q(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$q() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$q(o) {
+    _getPrototypeOf$q = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$q(o);
+  }
+  function _defineProperty$q(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var ExtendedYearParser = /*#__PURE__*/function (_Parser) {
+    _inherits$q(ExtendedYearParser, _Parser);
+    var _super = _createSuper$q(ExtendedYearParser);
+    function ExtendedYearParser() {
+      var _this;
+      _classCallCheck$q(this, ExtendedYearParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$q(_assertThisInitialized$q(_this), "priority", 130);
+      _defineProperty$q(_assertThisInitialized$q(_this), "incompatibleTokens", ['G', 'y', 'Y', 'R', 'w', 'I', 'i', 'e', 'c', 't', 'T']);
+      return _this;
+    }
+    _createClass$q(ExtendedYearParser, [{
+      key: "parse",
+      value: function parse(dateString, token) {
+        if (token === 'u') {
+          return parseNDigitsSigned(4, dateString);
+        }
+        return parseNDigitsSigned(token.length, dateString);
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCFullYear(value, 0, 1);
+        date.setUTCHours(0, 0, 0, 0);
+        return date;
+      }
+    }]);
+    return ExtendedYearParser;
+  }(Parser);
+
+  function _typeof$q(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$q = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$q = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$q(obj);
+  }
+  function _classCallCheck$p(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$p(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$p(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$p(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$p(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$p(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$p(subClass, superClass);
+  }
+  function _setPrototypeOf$p(o, p) {
+    _setPrototypeOf$p = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$p(o, p);
+  }
+  function _createSuper$p(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$p();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$p(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$p(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$p(this, result);
+    };
+  }
+  function _possibleConstructorReturn$p(self, call) {
+    if (call && (_typeof$q(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$p(self);
+  }
+  function _assertThisInitialized$p(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$p() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$p(o) {
+    _getPrototypeOf$p = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$p(o);
+  }
+  function _defineProperty$p(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var QuarterParser = /*#__PURE__*/function (_Parser) {
+    _inherits$p(QuarterParser, _Parser);
+    var _super = _createSuper$p(QuarterParser);
+    function QuarterParser() {
+      var _this;
+      _classCallCheck$p(this, QuarterParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$p(_assertThisInitialized$p(_this), "priority", 120);
+      _defineProperty$p(_assertThisInitialized$p(_this), "incompatibleTokens", ['Y', 'R', 'q', 'M', 'L', 'w', 'I', 'd', 'D', 'i', 'e', 'c', 't', 'T']);
+      return _this;
+    }
+    _createClass$p(QuarterParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          // 1, 2, 3, 4
+          case 'Q':
+          case 'QQ':
+            // 01, 02, 03, 04
+            return parseNDigits(token.length, dateString);
+          // 1st, 2nd, 3rd, 4th
+
+          case 'Qo':
+            return match.ordinalNumber(dateString, {
+              unit: 'quarter'
+            });
+          // Q1, Q2, Q3, Q4
+
+          case 'QQQ':
+            return match.quarter(dateString, {
+              width: 'abbreviated',
+              context: 'formatting'
+            }) || match.quarter(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
+          // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+
+          case 'QQQQQ':
+            return match.quarter(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
+          // 1st quarter, 2nd quarter, ...
+
+          case 'QQQQ':
+          default:
+            return match.quarter(dateString, {
+              width: 'wide',
+              context: 'formatting'
+            }) || match.quarter(dateString, {
+              width: 'abbreviated',
+              context: 'formatting'
+            }) || match.quarter(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 1 && value <= 4;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCMonth((value - 1) * 3, 1);
+        date.setUTCHours(0, 0, 0, 0);
+        return date;
+      }
+    }]);
+    return QuarterParser;
+  }(Parser);
+
+  function _typeof$p(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$p = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$p = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$p(obj);
+  }
+  function _classCallCheck$o(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$o(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$o(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$o(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$o(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$o(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$o(subClass, superClass);
+  }
+  function _setPrototypeOf$o(o, p) {
+    _setPrototypeOf$o = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$o(o, p);
+  }
+  function _createSuper$o(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$o();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$o(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$o(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$o(this, result);
+    };
+  }
+  function _possibleConstructorReturn$o(self, call) {
+    if (call && (_typeof$p(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$o(self);
+  }
+  function _assertThisInitialized$o(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$o() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$o(o) {
+    _getPrototypeOf$o = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$o(o);
+  }
+  function _defineProperty$o(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var StandAloneQuarterParser = /*#__PURE__*/function (_Parser) {
+    _inherits$o(StandAloneQuarterParser, _Parser);
+    var _super = _createSuper$o(StandAloneQuarterParser);
+    function StandAloneQuarterParser() {
+      var _this;
+      _classCallCheck$o(this, StandAloneQuarterParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$o(_assertThisInitialized$o(_this), "priority", 120);
+      _defineProperty$o(_assertThisInitialized$o(_this), "incompatibleTokens", ['Y', 'R', 'Q', 'M', 'L', 'w', 'I', 'd', 'D', 'i', 'e', 'c', 't', 'T']);
+      return _this;
+    }
+    _createClass$o(StandAloneQuarterParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          // 1, 2, 3, 4
+          case 'q':
+          case 'qq':
+            // 01, 02, 03, 04
+            return parseNDigits(token.length, dateString);
+          // 1st, 2nd, 3rd, 4th
+
+          case 'qo':
+            return match.ordinalNumber(dateString, {
+              unit: 'quarter'
+            });
+          // Q1, Q2, Q3, Q4
+
+          case 'qqq':
+            return match.quarter(dateString, {
+              width: 'abbreviated',
+              context: 'standalone'
+            }) || match.quarter(dateString, {
+              width: 'narrow',
+              context: 'standalone'
+            });
+          // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+
+          case 'qqqqq':
+            return match.quarter(dateString, {
+              width: 'narrow',
+              context: 'standalone'
+            });
+          // 1st quarter, 2nd quarter, ...
+
+          case 'qqqq':
+          default:
+            return match.quarter(dateString, {
+              width: 'wide',
+              context: 'standalone'
+            }) || match.quarter(dateString, {
+              width: 'abbreviated',
+              context: 'standalone'
+            }) || match.quarter(dateString, {
+              width: 'narrow',
+              context: 'standalone'
+            });
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 1 && value <= 4;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCMonth((value - 1) * 3, 1);
+        date.setUTCHours(0, 0, 0, 0);
+        return date;
+      }
+    }]);
+    return StandAloneQuarterParser;
+  }(Parser);
+
+  function _typeof$o(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$o = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$o = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$o(obj);
+  }
+  function _classCallCheck$n(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$n(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$n(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$n(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$n(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$n(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$n(subClass, superClass);
+  }
+  function _setPrototypeOf$n(o, p) {
+    _setPrototypeOf$n = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$n(o, p);
+  }
+  function _createSuper$n(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$n();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$n(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$n(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$n(this, result);
+    };
+  }
+  function _possibleConstructorReturn$n(self, call) {
+    if (call && (_typeof$o(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$n(self);
+  }
+  function _assertThisInitialized$n(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$n() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$n(o) {
+    _getPrototypeOf$n = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$n(o);
+  }
+  function _defineProperty$n(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var MonthParser = /*#__PURE__*/function (_Parser) {
+    _inherits$n(MonthParser, _Parser);
+    var _super = _createSuper$n(MonthParser);
+    function MonthParser() {
+      var _this;
+      _classCallCheck$n(this, MonthParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$n(_assertThisInitialized$n(_this), "incompatibleTokens", ['Y', 'R', 'q', 'Q', 'L', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T']);
+      _defineProperty$n(_assertThisInitialized$n(_this), "priority", 110);
+      return _this;
+    }
+    _createClass$n(MonthParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        var valueCallback = function valueCallback(value) {
+          return value - 1;
+        };
+        switch (token) {
+          // 1, 2, ..., 12
+          case 'M':
+            return mapValue(parseNumericPattern(numericPatterns.month, dateString), valueCallback);
+          // 01, 02, ..., 12
+
+          case 'MM':
+            return mapValue(parseNDigits(2, dateString), valueCallback);
+          // 1st, 2nd, ..., 12th
+
+          case 'Mo':
+            return mapValue(match.ordinalNumber(dateString, {
+              unit: 'month'
+            }), valueCallback);
+          // Jan, Feb, ..., Dec
+
+          case 'MMM':
+            return match.month(dateString, {
+              width: 'abbreviated',
+              context: 'formatting'
+            }) || match.month(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
+          // J, F, ..., D
+
+          case 'MMMMM':
+            return match.month(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
+          // January, February, ..., December
+
+          case 'MMMM':
+          default:
+            return match.month(dateString, {
+              width: 'wide',
+              context: 'formatting'
+            }) || match.month(dateString, {
+              width: 'abbreviated',
+              context: 'formatting'
+            }) || match.month(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 0 && value <= 11;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCMonth(value, 1);
+        date.setUTCHours(0, 0, 0, 0);
+        return date;
+      }
+    }]);
+    return MonthParser;
+  }(Parser);
+
+  function _typeof$n(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$n = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$n = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$n(obj);
+  }
+  function _classCallCheck$m(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$m(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$m(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$m(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$m(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$m(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$m(subClass, superClass);
+  }
+  function _setPrototypeOf$m(o, p) {
+    _setPrototypeOf$m = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$m(o, p);
+  }
+  function _createSuper$m(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$m();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$m(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$m(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$m(this, result);
+    };
+  }
+  function _possibleConstructorReturn$m(self, call) {
+    if (call && (_typeof$n(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$m(self);
+  }
+  function _assertThisInitialized$m(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$m() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$m(o) {
+    _getPrototypeOf$m = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$m(o);
+  }
+  function _defineProperty$m(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var StandAloneMonthParser = /*#__PURE__*/function (_Parser) {
+    _inherits$m(StandAloneMonthParser, _Parser);
+    var _super = _createSuper$m(StandAloneMonthParser);
+    function StandAloneMonthParser() {
+      var _this;
+      _classCallCheck$m(this, StandAloneMonthParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$m(_assertThisInitialized$m(_this), "priority", 110);
+      _defineProperty$m(_assertThisInitialized$m(_this), "incompatibleTokens", ['Y', 'R', 'q', 'Q', 'M', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T']);
+      return _this;
+    }
+    _createClass$m(StandAloneMonthParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        var valueCallback = function valueCallback(value) {
+          return value - 1;
+        };
+        switch (token) {
+          // 1, 2, ..., 12
+          case 'L':
+            return mapValue(parseNumericPattern(numericPatterns.month, dateString), valueCallback);
+          // 01, 02, ..., 12
+
+          case 'LL':
+            return mapValue(parseNDigits(2, dateString), valueCallback);
+          // 1st, 2nd, ..., 12th
+
+          case 'Lo':
+            return mapValue(match.ordinalNumber(dateString, {
+              unit: 'month'
+            }), valueCallback);
+          // Jan, Feb, ..., Dec
+
+          case 'LLL':
+            return match.month(dateString, {
+              width: 'abbreviated',
+              context: 'standalone'
+            }) || match.month(dateString, {
+              width: 'narrow',
+              context: 'standalone'
+            });
+          // J, F, ..., D
+
+          case 'LLLLL':
+            return match.month(dateString, {
+              width: 'narrow',
+              context: 'standalone'
+            });
+          // January, February, ..., December
+
+          case 'LLLL':
+          default:
+            return match.month(dateString, {
+              width: 'wide',
+              context: 'standalone'
+            }) || match.month(dateString, {
+              width: 'abbreviated',
+              context: 'standalone'
+            }) || match.month(dateString, {
+              width: 'narrow',
+              context: 'standalone'
+            });
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 0 && value <= 11;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCMonth(value, 1);
+        date.setUTCHours(0, 0, 0, 0);
+        return date;
+      }
+    }]);
+    return StandAloneMonthParser;
+  }(Parser);
+
+  function setUTCWeek(dirtyDate, dirtyWeek, options) {
+    requiredArgs(2, arguments);
+    var date = toDate(dirtyDate);
+    var week = toInteger(dirtyWeek);
+    var diff = getUTCWeek(date, options) - week;
+    date.setUTCDate(date.getUTCDate() - diff * 7);
+    return date;
+  }
+
+  function _typeof$m(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$m = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$m = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$m(obj);
+  }
+  function _classCallCheck$l(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$l(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$l(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$l(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$l(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$l(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$l(subClass, superClass);
+  }
+  function _setPrototypeOf$l(o, p) {
+    _setPrototypeOf$l = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$l(o, p);
+  }
+  function _createSuper$l(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$l();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$l(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$l(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$l(this, result);
+    };
+  }
+  function _possibleConstructorReturn$l(self, call) {
+    if (call && (_typeof$m(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$l(self);
+  }
+  function _assertThisInitialized$l(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$l() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$l(o) {
+    _getPrototypeOf$l = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$l(o);
+  }
+  function _defineProperty$l(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
+  var LocalWeekParser = /*#__PURE__*/function (_Parser) {
+    _inherits$l(LocalWeekParser, _Parser);
+    var _super = _createSuper$l(LocalWeekParser);
+    function LocalWeekParser() {
+      var _this;
+      _classCallCheck$l(this, LocalWeekParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$l(_assertThisInitialized$l(_this), "priority", 100);
+      _defineProperty$l(_assertThisInitialized$l(_this), "incompatibleTokens", ['y', 'R', 'u', 'q', 'Q', 'M', 'L', 'I', 'd', 'D', 'i', 't', 'T']);
+      return _this;
+    }
+    _createClass$l(LocalWeekParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          case 'w':
+            return parseNumericPattern(numericPatterns.week, dateString);
+          case 'wo':
+            return match.ordinalNumber(dateString, {
+              unit: 'week'
+            });
+          default:
+            return parseNDigits(token.length, dateString);
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 1 && value <= 53;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value, options) {
+        return startOfUTCWeek(setUTCWeek(date, value, options), options);
+      }
+    }]);
+    return LocalWeekParser;
+  }(Parser);
+
+  function setUTCISOWeek(dirtyDate, dirtyISOWeek) {
     requiredArgs(2, arguments);
-    var formatStr = String(dirtyFormatStr);
-    var options = dirtyOptions || {};
-    var locale$1 = options.locale || locale;
-    var localeFirstWeekContainsDate = locale$1.options && locale$1.options.firstWeekContainsDate;
-    var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
-    var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
+    var date = toDate(dirtyDate);
+    var isoWeek = toInteger(dirtyISOWeek);
+    var diff = getUTCISOWeek(date) - isoWeek;
+    date.setUTCDate(date.getUTCDate() - diff * 7);
+    return date;
+  }
 
-    if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
-      throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
+  function _typeof$l(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$l = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$l = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$l(obj);
+  }
+  function _classCallCheck$k(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$k(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$k(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$k(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$k(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$k(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$k(subClass, superClass);
+  }
+  function _setPrototypeOf$k(o, p) {
+    _setPrototypeOf$k = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$k(o, p);
+  }
+  function _createSuper$k(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$k();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$k(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$k(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$k(this, result);
+    };
+  }
+  function _possibleConstructorReturn$k(self, call) {
+    if (call && (_typeof$l(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$k(self);
+  }
+  function _assertThisInitialized$k(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$k() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$k(o) {
+    _getPrototypeOf$k = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$k(o);
+  }
+  function _defineProperty$k(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
+  var ISOWeekParser = /*#__PURE__*/function (_Parser) {
+    _inherits$k(ISOWeekParser, _Parser);
+    var _super = _createSuper$k(ISOWeekParser);
+    function ISOWeekParser() {
+      var _this;
+      _classCallCheck$k(this, ISOWeekParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$k(_assertThisInitialized$k(_this), "priority", 100);
+      _defineProperty$k(_assertThisInitialized$k(_this), "incompatibleTokens", ['y', 'Y', 'u', 'q', 'Q', 'M', 'L', 'w', 'd', 'D', 'e', 'c', 't', 'T']);
+      return _this;
+    }
+    _createClass$k(ISOWeekParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          case 'I':
+            return parseNumericPattern(numericPatterns.week, dateString);
+          case 'Io':
+            return match.ordinalNumber(dateString, {
+              unit: 'week'
+            });
+          default:
+            return parseNDigits(token.length, dateString);
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 1 && value <= 53;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        return startOfUTCISOWeek(setUTCISOWeek(date, value));
+      }
+    }]);
+    return ISOWeekParser;
+  }(Parser);
+
+  function _typeof$k(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$k = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$k = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$k(obj);
+  }
+  function _classCallCheck$j(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$j(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$j(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$j(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$j(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$j(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$j(subClass, superClass);
+  }
+  function _setPrototypeOf$j(o, p) {
+    _setPrototypeOf$j = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$j(o, p);
+  }
+  function _createSuper$j(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$j();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$j(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$j(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$j(this, result);
+    };
+  }
+  function _possibleConstructorReturn$j(self, call) {
+    if (call && (_typeof$k(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$j(self);
+  }
+  function _assertThisInitialized$j(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$j() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$j(o) {
+    _getPrototypeOf$j = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$j(o);
+  }
+  function _defineProperty$j(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var DAYS_IN_MONTH = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+  var DAYS_IN_MONTH_LEAP_YEAR = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; // Day of the month
+
+  var DateParser = /*#__PURE__*/function (_Parser) {
+    _inherits$j(DateParser, _Parser);
+    var _super = _createSuper$j(DateParser);
+    function DateParser() {
+      var _this;
+      _classCallCheck$j(this, DateParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$j(_assertThisInitialized$j(_this), "priority", 90);
+      _defineProperty$j(_assertThisInitialized$j(_this), "subPriority", 1);
+      _defineProperty$j(_assertThisInitialized$j(_this), "incompatibleTokens", ['Y', 'R', 'q', 'Q', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T']);
+      return _this;
+    }
+    _createClass$j(DateParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          case 'd':
+            return parseNumericPattern(numericPatterns.date, dateString);
+          case 'do':
+            return match.ordinalNumber(dateString, {
+              unit: 'date'
+            });
+          default:
+            return parseNDigits(token.length, dateString);
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(date, value) {
+        var year = date.getUTCFullYear();
+        var isLeapYear = isLeapYearIndex$1(year);
+        var month = date.getUTCMonth();
+        if (isLeapYear) {
+          return value >= 1 && value <= DAYS_IN_MONTH_LEAP_YEAR[month];
+        } else {
+          return value >= 1 && value <= DAYS_IN_MONTH[month];
+        }
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCDate(value);
+        date.setUTCHours(0, 0, 0, 0);
+        return date;
+      }
+    }]);
+    return DateParser;
+  }(Parser);
+
+  function _typeof$j(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$j = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$j = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$j(obj);
+  }
+  function _classCallCheck$i(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$i(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$i(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$i(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$i(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$i(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$i(subClass, superClass);
+  }
+  function _setPrototypeOf$i(o, p) {
+    _setPrototypeOf$i = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$i(o, p);
+  }
+  function _createSuper$i(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$i();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$i(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$i(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$i(this, result);
+    };
+  }
+  function _possibleConstructorReturn$i(self, call) {
+    if (call && (_typeof$j(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$i(self);
+  }
+  function _assertThisInitialized$i(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$i() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$i(o) {
+    _getPrototypeOf$i = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$i(o);
+  }
+  function _defineProperty$i(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var DayOfYearParser = /*#__PURE__*/function (_Parser) {
+    _inherits$i(DayOfYearParser, _Parser);
+    var _super = _createSuper$i(DayOfYearParser);
+    function DayOfYearParser() {
+      var _this;
+      _classCallCheck$i(this, DayOfYearParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$i(_assertThisInitialized$i(_this), "priority", 90);
+      _defineProperty$i(_assertThisInitialized$i(_this), "subpriority", 1);
+      _defineProperty$i(_assertThisInitialized$i(_this), "incompatibleTokens", ['Y', 'R', 'q', 'Q', 'M', 'L', 'w', 'I', 'd', 'E', 'i', 'e', 'c', 't', 'T']);
+      return _this;
     }
+    _createClass$i(DayOfYearParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          case 'D':
+          case 'DD':
+            return parseNumericPattern(numericPatterns.dayOfYear, dateString);
+          case 'Do':
+            return match.ordinalNumber(dateString, {
+              unit: 'date'
+            });
+          default:
+            return parseNDigits(token.length, dateString);
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(date, value) {
+        var year = date.getUTCFullYear();
+        var isLeapYear = isLeapYearIndex$1(year);
+        if (isLeapYear) {
+          return value >= 1 && value <= 366;
+        } else {
+          return value >= 1 && value <= 365;
+        }
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCMonth(0, value);
+        date.setUTCHours(0, 0, 0, 0);
+        return date;
+      }
+    }]);
+    return DayOfYearParser;
+  }(Parser);
 
-    var localeWeekStartsOn = locale$1.options && locale$1.options.weekStartsOn;
-    var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
-    var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+  function setUTCDay(dirtyDate, dirtyDay, options) {
+    var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
+    requiredArgs(2, arguments);
+    var defaultOptions = getDefaultOptions();
+    var weekStartsOn = toInteger((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
 
     if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
       throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
     }
+    var date = toDate(dirtyDate);
+    var day = toInteger(dirtyDay);
+    var currentDay = date.getUTCDay();
+    var remainder = day % 7;
+    var dayIndex = (remainder + 7) % 7;
+    var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;
+    date.setUTCDate(date.getUTCDate() + diff);
+    return date;
+  }
 
-    if (!locale$1.localize) {
-      throw new RangeError('locale must contain localize property');
-    }
+  function _typeof$i(obj) {
+    "@babel/helpers - typeof";
 
-    if (!locale$1.formatLong) {
-      throw new RangeError('locale must contain formatLong property');
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$i = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$i = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
     }
-
-    var originalDate = toDate(dirtyDate);
-
-    if (!isValid(originalDate)) {
-      throw new RangeError('Invalid time value');
-    } // Convert the date in system timezone to the same date in UTC+00:00 timezone.
-    // This ensures that when UTC functions will be implemented, locales will be compatible with them.
-    // See an issue about UTC functions: https://github.com/date-fns/date-fns/issues/376
-
-
-    var timezoneOffset = getTimezoneOffsetInMilliseconds(originalDate);
-    var utcDate = subMilliseconds(originalDate, timezoneOffset);
-    var formatterOptions = {
-      firstWeekContainsDate: firstWeekContainsDate,
-      weekStartsOn: weekStartsOn,
-      locale: locale$1,
-      _originalDate: originalDate
-    };
-    var result = formatStr.match(longFormattingTokensRegExp$1).map(function (substring) {
-      var firstCharacter = substring[0];
-
-      if (firstCharacter === 'p' || firstCharacter === 'P') {
-        var longFormatter = longFormatters[firstCharacter];
-        return longFormatter(substring, locale$1.formatLong, formatterOptions);
+    return _typeof$i(obj);
+  }
+  function _classCallCheck$h(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$h(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$h(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$h(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$h(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$h(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
       }
-
-      return substring;
-    }).join('').match(formattingTokensRegExp$1).map(function (substring) {
-      // Replace two single quote characters with one single quote character
-      if (substring === "''") {
-        return "'";
+    });
+    if (superClass) _setPrototypeOf$h(subClass, superClass);
+  }
+  function _setPrototypeOf$h(o, p) {
+    _setPrototypeOf$h = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$h(o, p);
+  }
+  function _createSuper$h(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$h();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$h(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$h(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
       }
+      return _possibleConstructorReturn$h(this, result);
+    };
+  }
+  function _possibleConstructorReturn$h(self, call) {
+    if (call && (_typeof$i(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$h(self);
+  }
+  function _assertThisInitialized$h(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$h() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$h(o) {
+    _getPrototypeOf$h = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$h(o);
+  }
+  function _defineProperty$h(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
 
-      var firstCharacter = substring[0];
-
-      if (firstCharacter === "'") {
-        return cleanEscapedString$1(substring);
+  var DayParser = /*#__PURE__*/function (_Parser) {
+    _inherits$h(DayParser, _Parser);
+    var _super = _createSuper$h(DayParser);
+    function DayParser() {
+      var _this;
+      _classCallCheck$h(this, DayParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
       }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$h(_assertThisInitialized$h(_this), "priority", 90);
+      _defineProperty$h(_assertThisInitialized$h(_this), "incompatibleTokens", ['D', 'i', 'e', 'c', 't', 'T']);
+      return _this;
+    }
+    _createClass$h(DayParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          // Tue
+          case 'E':
+          case 'EE':
+          case 'EEE':
+            return match.day(dateString, {
+              width: 'abbreviated',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'short',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
+          // T
 
-      var formatter = formatters[firstCharacter];
+          case 'EEEEE':
+            return match.day(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
+          // Tu
 
-      if (formatter) {
-        if (!options.useAdditionalWeekYearTokens && isProtectedWeekYearToken(substring)) {
-          throwProtectedError(substring, dirtyFormatStr, dirtyDate);
-        }
+          case 'EEEEEE':
+            return match.day(dateString, {
+              width: 'short',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
+          // Tuesday
 
-        if (!options.useAdditionalDayOfYearTokens && isProtectedDayOfYearToken(substring)) {
-          throwProtectedError(substring, dirtyFormatStr, dirtyDate);
+          case 'EEEE':
+          default:
+            return match.day(dateString, {
+              width: 'wide',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'abbreviated',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'short',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
         }
-
-        return formatter(utcDate, substring, locale$1.localize, formatterOptions);
       }
-
-      if (firstCharacter.match(unescapedLatinCharacterRegExp$1)) {
-        throw new RangeError('Format string contains an unescaped latin alphabet character `' + firstCharacter + '`');
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 0 && value <= 6;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value, options) {
+        date = setUTCDay(date, value, options);
+        date.setUTCHours(0, 0, 0, 0);
+        return date;
       }
+    }]);
+    return DayParser;
+  }(Parser);
 
-      return substring;
-    }).join('');
-    return result;
-  }
-
-  function cleanEscapedString$1(input) {
-    return input.match(escapedStringRegExp$1)[1].replace(doubleQuoteRegExp$1, "'");
-  }
-
-  function assign(target, dirtyObject) {
-    if (target == null) {
-      throw new TypeError('assign requires that input parameter not be null or undefined');
-    }
-
-    dirtyObject = dirtyObject || {};
+  function _typeof$h(obj) {
+    "@babel/helpers - typeof";
 
-    for (var property in dirtyObject) {
-      if (dirtyObject.hasOwnProperty(property)) {
-        target[property] = dirtyObject[property];
-      }
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$h = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$h = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
     }
-
-    return target;
+    return _typeof$h(obj);
   }
-
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
-  function setUTCDay(dirtyDate, dirtyDay, dirtyOptions) {
-    requiredArgs(2, arguments);
-    var options = dirtyOptions || {};
-    var locale = options.locale;
-    var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;
-    var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
-    var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
-
-    if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
-      throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
+  function _classCallCheck$g(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
     }
-
-    var date = toDate(dirtyDate);
-    var day = toInteger(dirtyDay);
-    var currentDay = date.getUTCDay();
-    var remainder = day % 7;
-    var dayIndex = (remainder + 7) % 7;
-    var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;
-    date.setUTCDate(date.getUTCDate() + diff);
-    return date;
   }
-
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
-  function setUTCISODay(dirtyDate, dirtyDay) {
-    requiredArgs(2, arguments);
-    var day = toInteger(dirtyDay);
-
-    if (day % 7 === 0) {
-      day = day - 7;
+  function _defineProperties$g(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
     }
-
-    var weekStartsOn = 1;
-    var date = toDate(dirtyDate);
-    var currentDay = date.getUTCDay();
-    var remainder = day % 7;
-    var dayIndex = (remainder + 7) % 7;
-    var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;
-    date.setUTCDate(date.getUTCDate() + diff);
-    return date;
-  }
-
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
-  function setUTCISOWeek(dirtyDate, dirtyISOWeek) {
-    requiredArgs(2, arguments);
-    var date = toDate(dirtyDate);
-    var isoWeek = toInteger(dirtyISOWeek);
-    var diff = getUTCISOWeek(date) - isoWeek;
-    date.setUTCDate(date.getUTCDate() - diff * 7);
-    return date;
   }
-
-  // See issue: https://github.com/date-fns/date-fns/issues/376
-
-  function setUTCWeek(dirtyDate, dirtyWeek, options) {
-    requiredArgs(2, arguments);
-    var date = toDate(dirtyDate);
-    var week = toInteger(dirtyWeek);
-    var diff = getUTCWeek(date, options) - week;
-    date.setUTCDate(date.getUTCDate() - diff * 7);
-    return date;
+  function _createClass$g(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$g(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$g(Constructor, staticProps);
+    return Constructor;
   }
-
-  var MILLISECONDS_IN_HOUR$1 = 3600000;
-  var MILLISECONDS_IN_MINUTE$1 = 60000;
-  var MILLISECONDS_IN_SECOND = 1000;
-  var numericPatterns = {
-    month: /^(1[0-2]|0?\d)/,
-    // 0 to 12
-    date: /^(3[0-1]|[0-2]?\d)/,
-    // 0 to 31
-    dayOfYear: /^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,
-    // 0 to 366
-    week: /^(5[0-3]|[0-4]?\d)/,
-    // 0 to 53
-    hour23h: /^(2[0-3]|[0-1]?\d)/,
-    // 0 to 23
-    hour24h: /^(2[0-4]|[0-1]?\d)/,
-    // 0 to 24
-    hour11h: /^(1[0-1]|0?\d)/,
-    // 0 to 11
-    hour12h: /^(1[0-2]|0?\d)/,
-    // 0 to 12
-    minute: /^[0-5]?\d/,
-    // 0 to 59
-    second: /^[0-5]?\d/,
-    // 0 to 59
-    singleDigit: /^\d/,
-    // 0 to 9
-    twoDigits: /^\d{1,2}/,
-    // 0 to 99
-    threeDigits: /^\d{1,3}/,
-    // 0 to 999
-    fourDigits: /^\d{1,4}/,
-    // 0 to 9999
-    anyDigitsSigned: /^-?\d+/,
-    singleDigitSigned: /^-?\d/,
-    // 0 to 9, -0 to -9
-    twoDigitsSigned: /^-?\d{1,2}/,
-    // 0 to 99, -0 to -99
-    threeDigitsSigned: /^-?\d{1,3}/,
-    // 0 to 999, -0 to -999
-    fourDigitsSigned: /^-?\d{1,4}/ // 0 to 9999, -0 to -9999
-
-  };
-  var timezonePatterns = {
-    basicOptionalMinutes: /^([+-])(\d{2})(\d{2})?|Z/,
-    basic: /^([+-])(\d{2})(\d{2})|Z/,
-    basicOptionalSeconds: /^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,
-    extended: /^([+-])(\d{2}):(\d{2})|Z/,
-    extendedOptionalSeconds: /^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/
-  };
-
-  function parseNumericPattern(pattern, string, valueCallback) {
-    var matchResult = string.match(pattern);
-
-    if (!matchResult) {
-      return null;
+  function _inherits$g(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
     }
-
-    var value = parseInt(matchResult[0], 10);
-    return {
-      value: valueCallback ? valueCallback(value) : value,
-      rest: string.slice(matchResult[0].length)
-    };
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$g(subClass, superClass);
   }
-
-  function parseTimezonePattern(pattern, string) {
-    var matchResult = string.match(pattern);
-
-    if (!matchResult) {
-      return null;
-    } // Input is 'Z'
-
-
-    if (matchResult[0] === 'Z') {
-      return {
-        value: 0,
-        rest: string.slice(1)
-      };
-    }
-
-    var sign = matchResult[1] === '+' ? 1 : -1;
-    var hours = matchResult[2] ? parseInt(matchResult[2], 10) : 0;
-    var minutes = matchResult[3] ? parseInt(matchResult[3], 10) : 0;
-    var seconds = matchResult[5] ? parseInt(matchResult[5], 10) : 0;
-    return {
-      value: sign * (hours * MILLISECONDS_IN_HOUR$1 + minutes * MILLISECONDS_IN_MINUTE$1 + seconds * MILLISECONDS_IN_SECOND),
-      rest: string.slice(matchResult[0].length)
+  function _setPrototypeOf$g(o, p) {
+    _setPrototypeOf$g = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
     };
+    return _setPrototypeOf$g(o, p);
   }
-
-  function parseAnyDigitsSigned(string, valueCallback) {
-    return parseNumericPattern(numericPatterns.anyDigitsSigned, string, valueCallback);
+  function _createSuper$g(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$g();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$g(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$g(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$g(this, result);
+    };
   }
-
-  function parseNDigits(n, string, valueCallback) {
-    switch (n) {
-      case 1:
-        return parseNumericPattern(numericPatterns.singleDigit, string, valueCallback);
-
-      case 2:
-        return parseNumericPattern(numericPatterns.twoDigits, string, valueCallback);
-
-      case 3:
-        return parseNumericPattern(numericPatterns.threeDigits, string, valueCallback);
-
-      case 4:
-        return parseNumericPattern(numericPatterns.fourDigits, string, valueCallback);
-
-      default:
-        return parseNumericPattern(new RegExp('^\\d{1,' + n + '}'), string, valueCallback);
+  function _possibleConstructorReturn$g(self, call) {
+    if (call && (_typeof$h(call) === "object" || typeof call === "function")) {
+      return call;
     }
+    return _assertThisInitialized$g(self);
   }
-
-  function parseNDigitsSigned(n, string, valueCallback) {
-    switch (n) {
-      case 1:
-        return parseNumericPattern(numericPatterns.singleDigitSigned, string, valueCallback);
-
-      case 2:
-        return parseNumericPattern(numericPatterns.twoDigitsSigned, string, valueCallback);
-
-      case 3:
-        return parseNumericPattern(numericPatterns.threeDigitsSigned, string, valueCallback);
-
-      case 4:
-        return parseNumericPattern(numericPatterns.fourDigitsSigned, string, valueCallback);
-
-      default:
-        return parseNumericPattern(new RegExp('^-?\\d{1,' + n + '}'), string, valueCallback);
+  function _assertThisInitialized$g(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
+    return self;
   }
-
-  function dayPeriodEnumToHours(enumValue) {
-    switch (enumValue) {
-      case 'morning':
-        return 4;
-
-      case 'evening':
-        return 17;
-
-      case 'pm':
-      case 'noon':
-      case 'afternoon':
-        return 12;
-
-      case 'am':
-      case 'midnight':
-      case 'night':
-      default:
-        return 0;
+  function _isNativeReflectConstruct$g() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
     }
   }
-
-  function normalizeTwoDigitYear(twoDigitYear, currentYear) {
-    var isCommonEra = currentYear > 0; // Absolute number of the current year:
-    // 1 -> 1 AC
-    // 0 -> 1 BC
-    // -1 -> 2 BC
-
-    var absCurrentYear = isCommonEra ? currentYear : 1 - currentYear;
-    var result;
-
-    if (absCurrentYear <= 50) {
-      result = twoDigitYear || 100;
-    } else {
-      var rangeEnd = absCurrentYear + 50;
-      var rangeEndCentury = Math.floor(rangeEnd / 100) * 100;
-      var isPreviousCentury = twoDigitYear >= rangeEnd % 100;
-      result = twoDigitYear + rangeEndCentury - (isPreviousCentury ? 100 : 0);
+  function _getPrototypeOf$g(o) {
+    _getPrototypeOf$g = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$g(o);
+  }
+  function _defineProperty$g(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
     }
-
-    return isCommonEra ? result : 1 - result;
-  }
-
-  var DAYS_IN_MONTH = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-  var DAYS_IN_MONTH_LEAP_YEAR = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; // User for validation
-
-  function isLeapYearIndex$1(year) {
-    return year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
+    return obj;
   }
-  /*
-   * |     | Unit                           |     | Unit                           |
-   * |-----|--------------------------------|-----|--------------------------------|
-   * |  a  | AM, PM                         |  A* | Milliseconds in day            |
-   * |  b  | AM, PM, noon, midnight         |  B  | Flexible day period            |
-   * |  c  | Stand-alone local day of week  |  C* | Localized hour w/ day period   |
-   * |  d  | Day of month                   |  D  | Day of year                    |
-   * |  e  | Local day of week              |  E  | Day of week                    |
-   * |  f  |                                |  F* | Day of week in month           |
-   * |  g* | Modified Julian day            |  G  | Era                            |
-   * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
-   * |  i! | ISO day of week                |  I! | ISO week of year               |
-   * |  j* | Localized hour w/ day period   |  J* | Localized hour w/o day period  |
-   * |  k  | Hour [1-24]                    |  K  | Hour [0-11]                    |
-   * |  l* | (deprecated)                   |  L  | Stand-alone month              |
-   * |  m  | Minute                         |  M  | Month                          |
-   * |  n  |                                |  N  |                                |
-   * |  o! | Ordinal number modifier        |  O* | Timezone (GMT)                 |
-   * |  p  |                                |  P  |                                |
-   * |  q  | Stand-alone quarter            |  Q  | Quarter                        |
-   * |  r* | Related Gregorian year         |  R! | ISO week-numbering year        |
-   * |  s  | Second                         |  S  | Fraction of second             |
-   * |  t! | Seconds timestamp              |  T! | Milliseconds timestamp         |
-   * |  u  | Extended year                  |  U* | Cyclic year                    |
-   * |  v* | Timezone (generic non-locat.)  |  V* | Timezone (location)            |
-   * |  w  | Local week of year             |  W* | Week of month                  |
-   * |  x  | Timezone (ISO-8601 w/o Z)      |  X  | Timezone (ISO-8601)            |
-   * |  y  | Year (abs)                     |  Y  | Local week-numbering year      |
-   * |  z* | Timezone (specific non-locat.) |  Z* | Timezone (aliases)             |
-   *
-   * Letters marked by * are not implemented but reserved by Unicode standard.
-   *
-   * Letters marked by ! are non-standard, but implemented by date-fns:
-   * - `o` modifies the previous token to turn it into an ordinal (see `parse` docs)
-   * - `i` is ISO day of week. For `i` and `ii` is returns numeric ISO week days,
-   *   i.e. 7 for Sunday, 1 for Monday, etc.
-   * - `I` is ISO week of year, as opposed to `w` which is local week of year.
-   * - `R` is ISO week-numbering year, as opposed to `Y` which is local week-numbering year.
-   *   `R` is supposed to be used in conjunction with `I` and `i`
-   *   for universal ISO week-numbering date, whereas
-   *   `Y` is supposed to be used in conjunction with `w` and `e`
-   *   for week-numbering date specific to the locale.
-   */
 
-
-  var parsers = {
-    // Era
-    G: {
-      priority: 140,
-      parse: function parse(string, token, match, _options) {
+  var LocalDayParser = /*#__PURE__*/function (_Parser) {
+    _inherits$g(LocalDayParser, _Parser);
+    var _super = _createSuper$g(LocalDayParser);
+    function LocalDayParser() {
+      var _this;
+      _classCallCheck$g(this, LocalDayParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$g(_assertThisInitialized$g(_this), "priority", 90);
+      _defineProperty$g(_assertThisInitialized$g(_this), "incompatibleTokens", ['y', 'R', 'u', 'q', 'Q', 'M', 'L', 'I', 'd', 'D', 'E', 'i', 'c', 't', 'T']);
+      return _this;
+    }
+    _createClass$g(LocalDayParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match, options) {
+        var valueCallback = function valueCallback(value) {
+          var wholeWeekDays = Math.floor((value - 1) / 7) * 7;
+          return (value + options.weekStartsOn + 6) % 7 + wholeWeekDays;
+        };
         switch (token) {
-          // AD, BC
-          case 'G':
-          case 'GG':
-          case 'GGG':
-            return match.era(string, {
-              width: 'abbreviated'
-            }) || match.era(string, {
-              width: 'narrow'
-            });
-          // A, B
+          // 3
+          case 'e':
+          case 'ee':
+            // 03
+            return mapValue(parseNDigits(token.length, dateString), valueCallback);
+          // 3rd
 
-          case 'GGGGG':
-            return match.era(string, {
-              width: 'narrow'
-            });
-          // Anno Domini, Before Christ
+          case 'eo':
+            return mapValue(match.ordinalNumber(dateString, {
+              unit: 'day'
+            }), valueCallback);
+          // Tue
 
-          case 'GGGG':
-          default:
-            return match.era(string, {
-              width: 'wide'
-            }) || match.era(string, {
-              width: 'abbreviated'
-            }) || match.era(string, {
-              width: 'narrow'
+          case 'eee':
+            return match.day(dateString, {
+              width: 'abbreviated',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'short',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'narrow',
+              context: 'formatting'
             });
-        }
-      },
-      set: function set(date, flags, value, _options) {
-        flags.era = value;
-        date.setUTCFullYear(value, 0, 1);
-        date.setUTCHours(0, 0, 0, 0);
-        return date;
-      },
-      incompatibleTokens: ['R', 'u', 't', 'T']
-    },
-    // Year
-    y: {
-      // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_Patterns
-      // | Year     |     y | yy |   yyy |  yyyy | yyyyy |
-      // |----------|-------|----|-------|-------|-------|
-      // | AD 1     |     1 | 01 |   001 |  0001 | 00001 |
-      // | AD 12    |    12 | 12 |   012 |  0012 | 00012 |
-      // | AD 123   |   123 | 23 |   123 |  0123 | 00123 |
-      // | AD 1234  |  1234 | 34 |  1234 |  1234 | 01234 |
-      // | AD 12345 | 12345 | 45 | 12345 | 12345 | 12345 |
-      priority: 130,
-      parse: function parse(string, token, match, _options) {
-        var valueCallback = function valueCallback(year) {
-          return {
-            year: year,
-            isTwoDigitYear: token === 'yy'
-          };
-        };
+          // T
 
-        switch (token) {
-          case 'y':
-            return parseNDigits(4, string, valueCallback);
+          case 'eeeee':
+            return match.day(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
+          // Tu
 
-          case 'yo':
-            return match.ordinalNumber(string, {
-              unit: 'year',
-              valueCallback: valueCallback
+          case 'eeeeee':
+            return match.day(dateString, {
+              width: 'short',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'narrow',
+              context: 'formatting'
             });
+          // Tuesday
 
+          case 'eeee':
           default:
-            return parseNDigits(token.length, string, valueCallback);
-        }
-      },
-      validate: function validate(_date, value, _options) {
-        return value.isTwoDigitYear || value.year > 0;
-      },
-      set: function set(date, flags, value, _options) {
-        var currentYear = date.getUTCFullYear();
-
-        if (value.isTwoDigitYear) {
-          var normalizedTwoDigitYear = normalizeTwoDigitYear(value.year, currentYear);
-          date.setUTCFullYear(normalizedTwoDigitYear, 0, 1);
-          date.setUTCHours(0, 0, 0, 0);
-          return date;
+            return match.day(dateString, {
+              width: 'wide',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'abbreviated',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'short',
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
         }
-
-        var year = !('era' in flags) || flags.era === 1 ? value.year : 1 - value.year;
-        date.setUTCFullYear(year, 0, 1);
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 0 && value <= 6;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value, options) {
+        date = setUTCDay(date, value, options);
         date.setUTCHours(0, 0, 0, 0);
         return date;
-      },
-      incompatibleTokens: ['Y', 'R', 'u', 'w', 'I', 'i', 'e', 'c', 't', 'T']
-    },
-    // Local week-numbering year
-    Y: {
-      priority: 130,
-      parse: function parse(string, token, match, _options) {
-        var valueCallback = function valueCallback(year) {
-          return {
-            year: year,
-            isTwoDigitYear: token === 'YY'
-          };
-        };
-
-        switch (token) {
-          case 'Y':
-            return parseNDigits(4, string, valueCallback);
-
-          case 'Yo':
-            return match.ordinalNumber(string, {
-              unit: 'year',
-              valueCallback: valueCallback
-            });
-
-          default:
-            return parseNDigits(token.length, string, valueCallback);
-        }
-      },
-      validate: function validate(_date, value, _options) {
-        return value.isTwoDigitYear || value.year > 0;
-      },
-      set: function set(date, flags, value, options) {
-        var currentYear = getUTCWeekYear(date, options);
-
-        if (value.isTwoDigitYear) {
-          var normalizedTwoDigitYear = normalizeTwoDigitYear(value.year, currentYear);
-          date.setUTCFullYear(normalizedTwoDigitYear, 0, options.firstWeekContainsDate);
-          date.setUTCHours(0, 0, 0, 0);
-          return startOfUTCWeek(date, options);
-        }
+      }
+    }]);
+    return LocalDayParser;
+  }(Parser);
 
-        var year = !('era' in flags) || flags.era === 1 ? value.year : 1 - value.year;
-        date.setUTCFullYear(year, 0, options.firstWeekContainsDate);
-        date.setUTCHours(0, 0, 0, 0);
-        return startOfUTCWeek(date, options);
-      },
-      incompatibleTokens: ['y', 'R', 'u', 'Q', 'q', 'M', 'L', 'I', 'd', 'D', 'i', 't', 'T']
-    },
-    // ISO week-numbering year
-    R: {
-      priority: 130,
-      parse: function parse(string, token, _match, _options) {
-        if (token === 'R') {
-          return parseNDigitsSigned(4, string);
-        }
+  function _typeof$g(obj) {
+    "@babel/helpers - typeof";
 
-        return parseNDigitsSigned(token.length, string);
-      },
-      set: function set(_date, _flags, value, _options) {
-        var firstWeekOfYear = new Date(0);
-        firstWeekOfYear.setUTCFullYear(value, 0, 4);
-        firstWeekOfYear.setUTCHours(0, 0, 0, 0);
-        return startOfUTCISOWeek(firstWeekOfYear);
-      },
-      incompatibleTokens: ['G', 'y', 'Y', 'u', 'Q', 'q', 'M', 'L', 'w', 'd', 'D', 'e', 'c', 't', 'T']
-    },
-    // Extended year
-    u: {
-      priority: 130,
-      parse: function parse(string, token, _match, _options) {
-        if (token === 'u') {
-          return parseNDigitsSigned(4, string);
-        }
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$g = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$g = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$g(obj);
+  }
+  function _classCallCheck$f(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$f(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$f(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$f(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$f(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$f(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$f(subClass, superClass);
+  }
+  function _setPrototypeOf$f(o, p) {
+    _setPrototypeOf$f = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$f(o, p);
+  }
+  function _createSuper$f(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$f();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$f(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$f(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$f(this, result);
+    };
+  }
+  function _possibleConstructorReturn$f(self, call) {
+    if (call && (_typeof$g(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$f(self);
+  }
+  function _assertThisInitialized$f(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$f() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$f(o) {
+    _getPrototypeOf$f = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$f(o);
+  }
+  function _defineProperty$f(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
 
-        return parseNDigitsSigned(token.length, string);
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCFullYear(value, 0, 1);
-        date.setUTCHours(0, 0, 0, 0);
-        return date;
-      },
-      incompatibleTokens: ['G', 'y', 'Y', 'R', 'w', 'I', 'i', 'e', 'c', 't', 'T']
-    },
-    // Quarter
-    Q: {
-      priority: 120,
-      parse: function parse(string, token, match, _options) {
+  var StandAloneLocalDayParser = /*#__PURE__*/function (_Parser) {
+    _inherits$f(StandAloneLocalDayParser, _Parser);
+    var _super = _createSuper$f(StandAloneLocalDayParser);
+    function StandAloneLocalDayParser() {
+      var _this;
+      _classCallCheck$f(this, StandAloneLocalDayParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$f(_assertThisInitialized$f(_this), "priority", 90);
+      _defineProperty$f(_assertThisInitialized$f(_this), "incompatibleTokens", ['y', 'R', 'u', 'q', 'Q', 'M', 'L', 'I', 'd', 'D', 'E', 'i', 'e', 't', 'T']);
+      return _this;
+    }
+    _createClass$f(StandAloneLocalDayParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match, options) {
+        var valueCallback = function valueCallback(value) {
+          var wholeWeekDays = Math.floor((value - 1) / 7) * 7;
+          return (value + options.weekStartsOn + 6) % 7 + wholeWeekDays;
+        };
         switch (token) {
-          // 1, 2, 3, 4
-          case 'Q':
-          case 'QQ':
-            // 01, 02, 03, 04
-            return parseNDigits(token.length, string);
-          // 1st, 2nd, 3rd, 4th
-
-          case 'Qo':
-            return match.ordinalNumber(string, {
-              unit: 'quarter'
-            });
-          // Q1, Q2, Q3, Q4
-
-          case 'QQQ':
-            return match.quarter(string, {
-              width: 'abbreviated',
-              context: 'formatting'
-            }) || match.quarter(string, {
-              width: 'narrow',
-              context: 'formatting'
-            });
-          // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+          // 3
+          case 'c':
+          case 'cc':
+            // 03
+            return mapValue(parseNDigits(token.length, dateString), valueCallback);
+          // 3rd
 
-          case 'QQQQQ':
-            return match.quarter(string, {
-              width: 'narrow',
-              context: 'formatting'
-            });
-          // 1st quarter, 2nd quarter, ...
+          case 'co':
+            return mapValue(match.ordinalNumber(dateString, {
+              unit: 'day'
+            }), valueCallback);
+          // Tue
 
-          case 'QQQQ':
-          default:
-            return match.quarter(string, {
-              width: 'wide',
-              context: 'formatting'
-            }) || match.quarter(string, {
+          case 'ccc':
+            return match.day(dateString, {
               width: 'abbreviated',
-              context: 'formatting'
-            }) || match.quarter(string, {
+              context: 'standalone'
+            }) || match.day(dateString, {
+              width: 'short',
+              context: 'standalone'
+            }) || match.day(dateString, {
               width: 'narrow',
-              context: 'formatting'
-            });
-        }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 1 && value <= 4;
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCMonth((value - 1) * 3, 1);
-        date.setUTCHours(0, 0, 0, 0);
-        return date;
-      },
-      incompatibleTokens: ['Y', 'R', 'q', 'M', 'L', 'w', 'I', 'd', 'D', 'i', 'e', 'c', 't', 'T']
-    },
-    // Stand-alone quarter
-    q: {
-      priority: 120,
-      parse: function parse(string, token, match, _options) {
-        switch (token) {
-          // 1, 2, 3, 4
-          case 'q':
-          case 'qq':
-            // 01, 02, 03, 04
-            return parseNDigits(token.length, string);
-          // 1st, 2nd, 3rd, 4th
-
-          case 'qo':
-            return match.ordinalNumber(string, {
-              unit: 'quarter'
+              context: 'standalone'
             });
-          // Q1, Q2, Q3, Q4
+          // T
 
-          case 'qqq':
-            return match.quarter(string, {
-              width: 'abbreviated',
-              context: 'standalone'
-            }) || match.quarter(string, {
+          case 'ccccc':
+            return match.day(dateString, {
               width: 'narrow',
               context: 'standalone'
             });
-          // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+          // Tu
 
-          case 'qqqqq':
-            return match.quarter(string, {
+          case 'cccccc':
+            return match.day(dateString, {
+              width: 'short',
+              context: 'standalone'
+            }) || match.day(dateString, {
               width: 'narrow',
               context: 'standalone'
             });
-          // 1st quarter, 2nd quarter, ...
+          // Tuesday
 
-          case 'qqqq':
+          case 'cccc':
           default:
-            return match.quarter(string, {
+            return match.day(dateString, {
               width: 'wide',
               context: 'standalone'
-            }) || match.quarter(string, {
+            }) || match.day(dateString, {
               width: 'abbreviated',
               context: 'standalone'
-            }) || match.quarter(string, {
+            }) || match.day(dateString, {
+              width: 'short',
+              context: 'standalone'
+            }) || match.day(dateString, {
               width: 'narrow',
               context: 'standalone'
             });
         }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 1 && value <= 4;
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCMonth((value - 1) * 3, 1);
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 0 && value <= 6;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value, options) {
+        date = setUTCDay(date, value, options);
         date.setUTCHours(0, 0, 0, 0);
         return date;
-      },
-      incompatibleTokens: ['Y', 'R', 'Q', 'M', 'L', 'w', 'I', 'd', 'D', 'i', 'e', 'c', 't', 'T']
-    },
-    // Month
-    M: {
-      priority: 110,
-      parse: function parse(string, token, match, _options) {
+      }
+    }]);
+    return StandAloneLocalDayParser;
+  }(Parser);
+
+  function setUTCISODay(dirtyDate, dirtyDay) {
+    requiredArgs(2, arguments);
+    var day = toInteger(dirtyDay);
+    if (day % 7 === 0) {
+      day = day - 7;
+    }
+    var weekStartsOn = 1;
+    var date = toDate(dirtyDate);
+    var currentDay = date.getUTCDay();
+    var remainder = day % 7;
+    var dayIndex = (remainder + 7) % 7;
+    var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;
+    date.setUTCDate(date.getUTCDate() + diff);
+    return date;
+  }
+
+  function _typeof$f(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$f = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$f = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$f(obj);
+  }
+  function _classCallCheck$e(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$e(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$e(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$e(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$e(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$e(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$e(subClass, superClass);
+  }
+  function _setPrototypeOf$e(o, p) {
+    _setPrototypeOf$e = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$e(o, p);
+  }
+  function _createSuper$e(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$e();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$e(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$e(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$e(this, result);
+    };
+  }
+  function _possibleConstructorReturn$e(self, call) {
+    if (call && (_typeof$f(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$e(self);
+  }
+  function _assertThisInitialized$e(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$e() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$e(o) {
+    _getPrototypeOf$e = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$e(o);
+  }
+  function _defineProperty$e(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
+  var ISODayParser = /*#__PURE__*/function (_Parser) {
+    _inherits$e(ISODayParser, _Parser);
+    var _super = _createSuper$e(ISODayParser);
+    function ISODayParser() {
+      var _this;
+      _classCallCheck$e(this, ISODayParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$e(_assertThisInitialized$e(_this), "priority", 90);
+      _defineProperty$e(_assertThisInitialized$e(_this), "incompatibleTokens", ['y', 'Y', 'u', 'q', 'Q', 'M', 'L', 'w', 'd', 'D', 'E', 'e', 'c', 't', 'T']);
+      return _this;
+    }
+    _createClass$e(ISODayParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
         var valueCallback = function valueCallback(value) {
-          return value - 1;
+          if (value === 0) {
+            return 7;
+          }
+          return value;
         };
-
         switch (token) {
-          // 1, 2, ..., 12
-          case 'M':
-            return parseNumericPattern(numericPatterns.month, string, valueCallback);
-          // 01, 02, ..., 12
-
-          case 'MM':
-            return parseNDigits(2, string, valueCallback);
-          // 1st, 2nd, ..., 12th
+          // 2
+          case 'i':
+          case 'ii':
+            // 02
+            return parseNDigits(token.length, dateString);
+          // 2nd
 
-          case 'Mo':
-            return match.ordinalNumber(string, {
-              unit: 'month',
-              valueCallback: valueCallback
+          case 'io':
+            return match.ordinalNumber(dateString, {
+              unit: 'day'
             });
-          // Jan, Feb, ..., Dec
+          // Tue
 
-          case 'MMM':
-            return match.month(string, {
+          case 'iii':
+            return mapValue(match.day(dateString, {
               width: 'abbreviated',
               context: 'formatting'
-            }) || match.month(string, {
+            }) || match.day(dateString, {
+              width: 'short',
+              context: 'formatting'
+            }) || match.day(dateString, {
               width: 'narrow',
               context: 'formatting'
-            });
-          // J, F, ..., D
+            }), valueCallback);
+          // T
 
-          case 'MMMMM':
-            return match.month(string, {
+          case 'iiiii':
+            return mapValue(match.day(dateString, {
               width: 'narrow',
               context: 'formatting'
-            });
-          // January, February, ..., December
+            }), valueCallback);
+          // Tu
 
-          case 'MMMM':
-          default:
-            return match.month(string, {
-              width: 'wide',
-              context: 'formatting'
-            }) || match.month(string, {
-              width: 'abbreviated',
+          case 'iiiiii':
+            return mapValue(match.day(dateString, {
+              width: 'short',
               context: 'formatting'
-            }) || match.month(string, {
+            }) || match.day(dateString, {
               width: 'narrow',
               context: 'formatting'
-            });
-        }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 0 && value <= 11;
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCMonth(value, 1);
-        date.setUTCHours(0, 0, 0, 0);
-        return date;
-      },
-      incompatibleTokens: ['Y', 'R', 'q', 'Q', 'L', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T']
-    },
-    // Stand-alone month
-    L: {
-      priority: 110,
-      parse: function parse(string, token, match, _options) {
-        var valueCallback = function valueCallback(value) {
-          return value - 1;
-        };
-
-        switch (token) {
-          // 1, 2, ..., 12
-          case 'L':
-            return parseNumericPattern(numericPatterns.month, string, valueCallback);
-          // 01, 02, ..., 12
-
-          case 'LL':
-            return parseNDigits(2, string, valueCallback);
-          // 1st, 2nd, ..., 12th
-
-          case 'Lo':
-            return match.ordinalNumber(string, {
-              unit: 'month',
-              valueCallback: valueCallback
-            });
-          // Jan, Feb, ..., Dec
-
-          case 'LLL':
-            return match.month(string, {
-              width: 'abbreviated',
-              context: 'standalone'
-            }) || match.month(string, {
-              width: 'narrow',
-              context: 'standalone'
-            });
-          // J, F, ..., D
-
-          case 'LLLLL':
-            return match.month(string, {
-              width: 'narrow',
-              context: 'standalone'
-            });
-          // January, February, ..., December
+            }), valueCallback);
+          // Tuesday
 
-          case 'LLLL':
+          case 'iiii':
           default:
-            return match.month(string, {
+            return mapValue(match.day(dateString, {
               width: 'wide',
-              context: 'standalone'
-            }) || match.month(string, {
+              context: 'formatting'
+            }) || match.day(dateString, {
               width: 'abbreviated',
-              context: 'standalone'
-            }) || match.month(string, {
+              context: 'formatting'
+            }) || match.day(dateString, {
+              width: 'short',
+              context: 'formatting'
+            }) || match.day(dateString, {
               width: 'narrow',
-              context: 'standalone'
-            });
-        }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 0 && value <= 11;
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCMonth(value, 1);
-        date.setUTCHours(0, 0, 0, 0);
-        return date;
-      },
-      incompatibleTokens: ['Y', 'R', 'q', 'Q', 'M', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T']
-    },
-    // Local week of year
-    w: {
-      priority: 100,
-      parse: function parse(string, token, match, _options) {
-        switch (token) {
-          case 'w':
-            return parseNumericPattern(numericPatterns.week, string);
-
-          case 'wo':
-            return match.ordinalNumber(string, {
-              unit: 'week'
-            });
-
-          default:
-            return parseNDigits(token.length, string);
-        }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 1 && value <= 53;
-      },
-      set: function set(date, _flags, value, options) {
-        return startOfUTCWeek(setUTCWeek(date, value, options), options);
-      },
-      incompatibleTokens: ['y', 'R', 'u', 'q', 'Q', 'M', 'L', 'I', 'd', 'D', 'i', 't', 'T']
-    },
-    // ISO week of year
-    I: {
-      priority: 100,
-      parse: function parse(string, token, match, _options) {
-        switch (token) {
-          case 'I':
-            return parseNumericPattern(numericPatterns.week, string);
-
-          case 'Io':
-            return match.ordinalNumber(string, {
-              unit: 'week'
-            });
-
-          default:
-            return parseNDigits(token.length, string);
-        }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 1 && value <= 53;
-      },
-      set: function set(date, _flags, value, options) {
-        return startOfUTCISOWeek(setUTCISOWeek(date, value, options), options);
-      },
-      incompatibleTokens: ['y', 'Y', 'u', 'q', 'Q', 'M', 'L', 'w', 'd', 'D', 'e', 'c', 't', 'T']
-    },
-    // Day of the month
-    d: {
-      priority: 90,
-      subPriority: 1,
-      parse: function parse(string, token, match, _options) {
-        switch (token) {
-          case 'd':
-            return parseNumericPattern(numericPatterns.date, string);
-
-          case 'do':
-            return match.ordinalNumber(string, {
-              unit: 'date'
-            });
-
-          default:
-            return parseNDigits(token.length, string);
-        }
-      },
-      validate: function validate(date, value, _options) {
-        var year = date.getUTCFullYear();
-        var isLeapYear = isLeapYearIndex$1(year);
-        var month = date.getUTCMonth();
-
-        if (isLeapYear) {
-          return value >= 1 && value <= DAYS_IN_MONTH_LEAP_YEAR[month];
-        } else {
-          return value >= 1 && value <= DAYS_IN_MONTH[month];
+              context: 'formatting'
+            }), valueCallback);
         }
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCDate(value);
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 1 && value <= 7;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date = setUTCISODay(date, value);
         date.setUTCHours(0, 0, 0, 0);
         return date;
-      },
-      incompatibleTokens: ['Y', 'R', 'q', 'Q', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T']
-    },
-    // Day of year
-    D: {
-      priority: 90,
-      subPriority: 1,
-      parse: function parse(string, token, match, _options) {
-        switch (token) {
-          case 'D':
-          case 'DD':
-            return parseNumericPattern(numericPatterns.dayOfYear, string);
-
-          case 'Do':
-            return match.ordinalNumber(string, {
-              unit: 'date'
-            });
+      }
+    }]);
+    return ISODayParser;
+  }(Parser);
 
-          default:
-            return parseNDigits(token.length, string);
-        }
-      },
-      validate: function validate(date, value, _options) {
-        var year = date.getUTCFullYear();
-        var isLeapYear = isLeapYearIndex$1(year);
+  function _typeof$e(obj) {
+    "@babel/helpers - typeof";
 
-        if (isLeapYear) {
-          return value >= 1 && value <= 366;
-        } else {
-          return value >= 1 && value <= 365;
-        }
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCMonth(0, value);
-        date.setUTCHours(0, 0, 0, 0);
-        return date;
-      },
-      incompatibleTokens: ['Y', 'R', 'q', 'Q', 'M', 'L', 'w', 'I', 'd', 'E', 'i', 'e', 'c', 't', 'T']
-    },
-    // Day of week
-    E: {
-      priority: 90,
-      parse: function parse(string, token, match, _options) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$e = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$e = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$e(obj);
+  }
+  function _classCallCheck$d(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$d(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$d(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$d(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$d(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$d(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$d(subClass, superClass);
+  }
+  function _setPrototypeOf$d(o, p) {
+    _setPrototypeOf$d = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$d(o, p);
+  }
+  function _createSuper$d(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$d();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$d(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$d(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$d(this, result);
+    };
+  }
+  function _possibleConstructorReturn$d(self, call) {
+    if (call && (_typeof$e(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$d(self);
+  }
+  function _assertThisInitialized$d(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$d() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$d(o) {
+    _getPrototypeOf$d = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$d(o);
+  }
+  function _defineProperty$d(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var AMPMParser = /*#__PURE__*/function (_Parser) {
+    _inherits$d(AMPMParser, _Parser);
+    var _super = _createSuper$d(AMPMParser);
+    function AMPMParser() {
+      var _this;
+      _classCallCheck$d(this, AMPMParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$d(_assertThisInitialized$d(_this), "priority", 80);
+      _defineProperty$d(_assertThisInitialized$d(_this), "incompatibleTokens", ['b', 'B', 'H', 'k', 't', 'T']);
+      return _this;
+    }
+    _createClass$d(AMPMParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
         switch (token) {
-          // Tue
-          case 'E':
-          case 'EE':
-          case 'EEE':
-            return match.day(string, {
+          case 'a':
+          case 'aa':
+          case 'aaa':
+            return match.dayPeriod(dateString, {
               width: 'abbreviated',
               context: 'formatting'
-            }) || match.day(string, {
-              width: 'short',
+            }) || match.dayPeriod(dateString, {
+              width: 'narrow',
               context: 'formatting'
-            }) || match.day(string, {
+            });
+          case 'aaaaa':
+            return match.dayPeriod(dateString, {
               width: 'narrow',
               context: 'formatting'
             });
-          // T
-
-          case 'EEEEE':
-            return match.day(string, {
+          case 'aaaa':
+          default:
+            return match.dayPeriod(dateString, {
+              width: 'wide',
+              context: 'formatting'
+            }) || match.dayPeriod(dateString, {
+              width: 'abbreviated',
+              context: 'formatting'
+            }) || match.dayPeriod(dateString, {
               width: 'narrow',
               context: 'formatting'
             });
-          // Tu
+        }
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
+        return date;
+      }
+    }]);
+    return AMPMParser;
+  }(Parser);
 
-          case 'EEEEEE':
-            return match.day(string, {
-              width: 'short',
+  function _typeof$d(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$d = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$d = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$d(obj);
+  }
+  function _classCallCheck$c(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$c(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$c(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$c(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$c(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$c(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$c(subClass, superClass);
+  }
+  function _setPrototypeOf$c(o, p) {
+    _setPrototypeOf$c = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$c(o, p);
+  }
+  function _createSuper$c(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$c();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$c(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$c(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$c(this, result);
+    };
+  }
+  function _possibleConstructorReturn$c(self, call) {
+    if (call && (_typeof$d(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$c(self);
+  }
+  function _assertThisInitialized$c(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$c() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$c(o) {
+    _getPrototypeOf$c = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$c(o);
+  }
+  function _defineProperty$c(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var AMPMMidnightParser = /*#__PURE__*/function (_Parser) {
+    _inherits$c(AMPMMidnightParser, _Parser);
+    var _super = _createSuper$c(AMPMMidnightParser);
+    function AMPMMidnightParser() {
+      var _this;
+      _classCallCheck$c(this, AMPMMidnightParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$c(_assertThisInitialized$c(_this), "priority", 80);
+      _defineProperty$c(_assertThisInitialized$c(_this), "incompatibleTokens", ['a', 'B', 'H', 'k', 't', 'T']);
+      return _this;
+    }
+    _createClass$c(AMPMMidnightParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          case 'b':
+          case 'bb':
+          case 'bbb':
+            return match.dayPeriod(dateString, {
+              width: 'abbreviated',
               context: 'formatting'
-            }) || match.day(string, {
+            }) || match.dayPeriod(dateString, {
               width: 'narrow',
               context: 'formatting'
             });
-          // Tuesday
-
-          case 'EEEE':
+          case 'bbbbb':
+            return match.dayPeriod(dateString, {
+              width: 'narrow',
+              context: 'formatting'
+            });
+          case 'bbbb':
           default:
-            return match.day(string, {
+            return match.dayPeriod(dateString, {
               width: 'wide',
               context: 'formatting'
-            }) || match.day(string, {
+            }) || match.dayPeriod(dateString, {
               width: 'abbreviated',
               context: 'formatting'
-            }) || match.day(string, {
-              width: 'short',
-              context: 'formatting'
-            }) || match.day(string, {
+            }) || match.dayPeriod(dateString, {
               width: 'narrow',
               context: 'formatting'
             });
         }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 0 && value <= 6;
-      },
-      set: function set(date, _flags, value, options) {
-        date = setUTCDay(date, value, options);
-        date.setUTCHours(0, 0, 0, 0);
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
         return date;
-      },
-      incompatibleTokens: ['D', 'i', 'e', 'c', 't', 'T']
-    },
-    // Local day of week
-    e: {
-      priority: 90,
-      parse: function parse(string, token, match, options) {
-        var valueCallback = function valueCallback(value) {
-          var wholeWeekDays = Math.floor((value - 1) / 7) * 7;
-          return (value + options.weekStartsOn + 6) % 7 + wholeWeekDays;
-        };
+      }
+    }]);
+    return AMPMMidnightParser;
+  }(Parser);
 
-        switch (token) {
-          // 3
-          case 'e':
-          case 'ee':
-            // 03
-            return parseNDigits(token.length, string, valueCallback);
-          // 3rd
+  function _typeof$c(obj) {
+    "@babel/helpers - typeof";
 
-          case 'eo':
-            return match.ordinalNumber(string, {
-              unit: 'day',
-              valueCallback: valueCallback
-            });
-          // Tue
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$c = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$c = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$c(obj);
+  }
+  function _classCallCheck$b(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$b(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$b(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$b(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$b(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$b(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$b(subClass, superClass);
+  }
+  function _setPrototypeOf$b(o, p) {
+    _setPrototypeOf$b = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$b(o, p);
+  }
+  function _createSuper$b(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$b();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$b(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$b(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$b(this, result);
+    };
+  }
+  function _possibleConstructorReturn$b(self, call) {
+    if (call && (_typeof$c(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$b(self);
+  }
+  function _assertThisInitialized$b(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$b() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$b(o) {
+    _getPrototypeOf$b = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$b(o);
+  }
+  function _defineProperty$b(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
 
-          case 'eee':
-            return match.day(string, {
+  var DayPeriodParser = /*#__PURE__*/function (_Parser) {
+    _inherits$b(DayPeriodParser, _Parser);
+    var _super = _createSuper$b(DayPeriodParser);
+    function DayPeriodParser() {
+      var _this;
+      _classCallCheck$b(this, DayPeriodParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$b(_assertThisInitialized$b(_this), "priority", 80);
+      _defineProperty$b(_assertThisInitialized$b(_this), "incompatibleTokens", ['a', 'b', 't', 'T']);
+      return _this;
+    }
+    _createClass$b(DayPeriodParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          case 'B':
+          case 'BB':
+          case 'BBB':
+            return match.dayPeriod(dateString, {
               width: 'abbreviated',
               context: 'formatting'
-            }) || match.day(string, {
-              width: 'short',
-              context: 'formatting'
-            }) || match.day(string, {
-              width: 'narrow',
-              context: 'formatting'
-            });
-          // T
-
-          case 'eeeee':
-            return match.day(string, {
+            }) || match.dayPeriod(dateString, {
               width: 'narrow',
               context: 'formatting'
             });
-          // Tu
-
-          case 'eeeeee':
-            return match.day(string, {
-              width: 'short',
-              context: 'formatting'
-            }) || match.day(string, {
+          case 'BBBBB':
+            return match.dayPeriod(dateString, {
               width: 'narrow',
               context: 'formatting'
             });
-          // Tuesday
-
-          case 'eeee':
+          case 'BBBB':
           default:
-            return match.day(string, {
+            return match.dayPeriod(dateString, {
               width: 'wide',
               context: 'formatting'
-            }) || match.day(string, {
+            }) || match.dayPeriod(dateString, {
               width: 'abbreviated',
               context: 'formatting'
-            }) || match.day(string, {
-              width: 'short',
-              context: 'formatting'
-            }) || match.day(string, {
+            }) || match.dayPeriod(dateString, {
               width: 'narrow',
               context: 'formatting'
             });
         }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 0 && value <= 6;
-      },
-      set: function set(date, _flags, value, options) {
-        date = setUTCDay(date, value, options);
-        date.setUTCHours(0, 0, 0, 0);
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
         return date;
-      },
-      incompatibleTokens: ['y', 'R', 'u', 'q', 'Q', 'M', 'L', 'I', 'd', 'D', 'E', 'i', 'c', 't', 'T']
-    },
-    // Stand-alone local day of week
-    c: {
-      priority: 90,
-      parse: function parse(string, token, match, options) {
-        var valueCallback = function valueCallback(value) {
-          var wholeWeekDays = Math.floor((value - 1) / 7) * 7;
-          return (value + options.weekStartsOn + 6) % 7 + wholeWeekDays;
-        };
-
-        switch (token) {
-          // 3
-          case 'c':
-          case 'cc':
-            // 03
-            return parseNDigits(token.length, string, valueCallback);
-          // 3rd
+      }
+    }]);
+    return DayPeriodParser;
+  }(Parser);
 
-          case 'co':
-            return match.ordinalNumber(string, {
-              unit: 'day',
-              valueCallback: valueCallback
-            });
-          // Tue
+  function _typeof$b(obj) {
+    "@babel/helpers - typeof";
 
-          case 'ccc':
-            return match.day(string, {
-              width: 'abbreviated',
-              context: 'standalone'
-            }) || match.day(string, {
-              width: 'short',
-              context: 'standalone'
-            }) || match.day(string, {
-              width: 'narrow',
-              context: 'standalone'
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$b = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$b = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$b(obj);
+  }
+  function _classCallCheck$a(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$a(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$a(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$a(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$a(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$a(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$a(subClass, superClass);
+  }
+  function _setPrototypeOf$a(o, p) {
+    _setPrototypeOf$a = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$a(o, p);
+  }
+  function _createSuper$a(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$a();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$a(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$a(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$a(this, result);
+    };
+  }
+  function _possibleConstructorReturn$a(self, call) {
+    if (call && (_typeof$b(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$a(self);
+  }
+  function _assertThisInitialized$a(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$a() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$a(o) {
+    _getPrototypeOf$a = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$a(o);
+  }
+  function _defineProperty$a(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var Hour1to12Parser = /*#__PURE__*/function (_Parser) {
+    _inherits$a(Hour1to12Parser, _Parser);
+    var _super = _createSuper$a(Hour1to12Parser);
+    function Hour1to12Parser() {
+      var _this;
+      _classCallCheck$a(this, Hour1to12Parser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$a(_assertThisInitialized$a(_this), "priority", 70);
+      _defineProperty$a(_assertThisInitialized$a(_this), "incompatibleTokens", ['H', 'K', 'k', 't', 'T']);
+      return _this;
+    }
+    _createClass$a(Hour1to12Parser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          case 'h':
+            return parseNumericPattern(numericPatterns.hour12h, dateString);
+          case 'ho':
+            return match.ordinalNumber(dateString, {
+              unit: 'hour'
             });
-          // T
+          default:
+            return parseNDigits(token.length, dateString);
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 1 && value <= 12;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        var isPM = date.getUTCHours() >= 12;
+        if (isPM && value < 12) {
+          date.setUTCHours(value + 12, 0, 0, 0);
+        } else if (!isPM && value === 12) {
+          date.setUTCHours(0, 0, 0, 0);
+        } else {
+          date.setUTCHours(value, 0, 0, 0);
+        }
+        return date;
+      }
+    }]);
+    return Hour1to12Parser;
+  }(Parser);
 
-          case 'ccccc':
-            return match.day(string, {
-              width: 'narrow',
-              context: 'standalone'
-            });
-          // Tu
+  function _typeof$a(obj) {
+    "@babel/helpers - typeof";
 
-          case 'cccccc':
-            return match.day(string, {
-              width: 'short',
-              context: 'standalone'
-            }) || match.day(string, {
-              width: 'narrow',
-              context: 'standalone'
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$a = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$a = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$a(obj);
+  }
+  function _classCallCheck$9(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$9(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$9(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$9(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$9(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$9(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$9(subClass, superClass);
+  }
+  function _setPrototypeOf$9(o, p) {
+    _setPrototypeOf$9 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$9(o, p);
+  }
+  function _createSuper$9(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$9();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$9(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$9(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$9(this, result);
+    };
+  }
+  function _possibleConstructorReturn$9(self, call) {
+    if (call && (_typeof$a(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$9(self);
+  }
+  function _assertThisInitialized$9(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$9() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$9(o) {
+    _getPrototypeOf$9 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$9(o);
+  }
+  function _defineProperty$9(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var Hour0to23Parser = /*#__PURE__*/function (_Parser) {
+    _inherits$9(Hour0to23Parser, _Parser);
+    var _super = _createSuper$9(Hour0to23Parser);
+    function Hour0to23Parser() {
+      var _this;
+      _classCallCheck$9(this, Hour0to23Parser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$9(_assertThisInitialized$9(_this), "priority", 70);
+      _defineProperty$9(_assertThisInitialized$9(_this), "incompatibleTokens", ['a', 'b', 'h', 'K', 'k', 't', 'T']);
+      return _this;
+    }
+    _createClass$9(Hour0to23Parser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          case 'H':
+            return parseNumericPattern(numericPatterns.hour23h, dateString);
+          case 'Ho':
+            return match.ordinalNumber(dateString, {
+              unit: 'hour'
             });
-          // Tuesday
-
-          case 'cccc':
           default:
-            return match.day(string, {
-              width: 'wide',
-              context: 'standalone'
-            }) || match.day(string, {
-              width: 'abbreviated',
-              context: 'standalone'
-            }) || match.day(string, {
-              width: 'short',
-              context: 'standalone'
-            }) || match.day(string, {
-              width: 'narrow',
-              context: 'standalone'
-            });
+            return parseNDigits(token.length, dateString);
         }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 0 && value <= 6;
-      },
-      set: function set(date, _flags, value, options) {
-        date = setUTCDay(date, value, options);
-        date.setUTCHours(0, 0, 0, 0);
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 0 && value <= 23;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCHours(value, 0, 0, 0);
         return date;
-      },
-      incompatibleTokens: ['y', 'R', 'u', 'q', 'Q', 'M', 'L', 'I', 'd', 'D', 'E', 'i', 'e', 't', 'T']
-    },
-    // ISO day of week
-    i: {
-      priority: 90,
-      parse: function parse(string, token, match, _options) {
-        var valueCallback = function valueCallback(value) {
-          if (value === 0) {
-            return 7;
-          }
+      }
+    }]);
+    return Hour0to23Parser;
+  }(Parser);
 
-          return value;
-        };
+  function _typeof$9(obj) {
+    "@babel/helpers - typeof";
 
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$9 = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$9 = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$9(obj);
+  }
+  function _classCallCheck$8(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$8(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$8(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$8(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$8(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$8(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$8(subClass, superClass);
+  }
+  function _setPrototypeOf$8(o, p) {
+    _setPrototypeOf$8 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$8(o, p);
+  }
+  function _createSuper$8(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$8();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$8(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$8(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$8(this, result);
+    };
+  }
+  function _possibleConstructorReturn$8(self, call) {
+    if (call && (_typeof$9(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$8(self);
+  }
+  function _assertThisInitialized$8(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$8() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$8(o) {
+    _getPrototypeOf$8 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$8(o);
+  }
+  function _defineProperty$8(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var Hour0To11Parser = /*#__PURE__*/function (_Parser) {
+    _inherits$8(Hour0To11Parser, _Parser);
+    var _super = _createSuper$8(Hour0To11Parser);
+    function Hour0To11Parser() {
+      var _this;
+      _classCallCheck$8(this, Hour0To11Parser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$8(_assertThisInitialized$8(_this), "priority", 70);
+      _defineProperty$8(_assertThisInitialized$8(_this), "incompatibleTokens", ['h', 'H', 'k', 't', 'T']);
+      return _this;
+    }
+    _createClass$8(Hour0To11Parser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
         switch (token) {
-          // 2
-          case 'i':
-          case 'ii':
-            // 02
-            return parseNDigits(token.length, string);
-          // 2nd
-
-          case 'io':
-            return match.ordinalNumber(string, {
-              unit: 'day'
-            });
-          // Tue
-
-          case 'iii':
-            return match.day(string, {
-              width: 'abbreviated',
-              context: 'formatting',
-              valueCallback: valueCallback
-            }) || match.day(string, {
-              width: 'short',
-              context: 'formatting',
-              valueCallback: valueCallback
-            }) || match.day(string, {
-              width: 'narrow',
-              context: 'formatting',
-              valueCallback: valueCallback
+          case 'K':
+            return parseNumericPattern(numericPatterns.hour11h, dateString);
+          case 'Ko':
+            return match.ordinalNumber(dateString, {
+              unit: 'hour'
             });
-          // T
+          default:
+            return parseNDigits(token.length, dateString);
+        }
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 0 && value <= 11;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        var isPM = date.getUTCHours() >= 12;
+        if (isPM && value < 12) {
+          date.setUTCHours(value + 12, 0, 0, 0);
+        } else {
+          date.setUTCHours(value, 0, 0, 0);
+        }
+        return date;
+      }
+    }]);
+    return Hour0To11Parser;
+  }(Parser);
 
-          case 'iiiii':
-            return match.day(string, {
-              width: 'narrow',
-              context: 'formatting',
-              valueCallback: valueCallback
-            });
-          // Tu
+  function _typeof$8(obj) {
+    "@babel/helpers - typeof";
 
-          case 'iiiiii':
-            return match.day(string, {
-              width: 'short',
-              context: 'formatting',
-              valueCallback: valueCallback
-            }) || match.day(string, {
-              width: 'narrow',
-              context: 'formatting',
-              valueCallback: valueCallback
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$8 = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$8 = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$8(obj);
+  }
+  function _classCallCheck$7(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$7(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$7(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$7(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$7(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$7(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$7(subClass, superClass);
+  }
+  function _setPrototypeOf$7(o, p) {
+    _setPrototypeOf$7 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$7(o, p);
+  }
+  function _createSuper$7(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$7();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$7(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$7(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$7(this, result);
+    };
+  }
+  function _possibleConstructorReturn$7(self, call) {
+    if (call && (_typeof$8(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$7(self);
+  }
+  function _assertThisInitialized$7(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$7() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$7(o) {
+    _getPrototypeOf$7 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$7(o);
+  }
+  function _defineProperty$7(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var Hour1To24Parser = /*#__PURE__*/function (_Parser) {
+    _inherits$7(Hour1To24Parser, _Parser);
+    var _super = _createSuper$7(Hour1To24Parser);
+    function Hour1To24Parser() {
+      var _this;
+      _classCallCheck$7(this, Hour1To24Parser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$7(_assertThisInitialized$7(_this), "priority", 70);
+      _defineProperty$7(_assertThisInitialized$7(_this), "incompatibleTokens", ['a', 'b', 'h', 'H', 'K', 't', 'T']);
+      return _this;
+    }
+    _createClass$7(Hour1To24Parser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
+        switch (token) {
+          case 'k':
+            return parseNumericPattern(numericPatterns.hour24h, dateString);
+          case 'ko':
+            return match.ordinalNumber(dateString, {
+              unit: 'hour'
             });
-          // Tuesday
-
-          case 'iiii':
           default:
-            return match.day(string, {
-              width: 'wide',
-              context: 'formatting',
-              valueCallback: valueCallback
-            }) || match.day(string, {
-              width: 'abbreviated',
-              context: 'formatting',
-              valueCallback: valueCallback
-            }) || match.day(string, {
-              width: 'short',
-              context: 'formatting',
-              valueCallback: valueCallback
-            }) || match.day(string, {
-              width: 'narrow',
-              context: 'formatting',
-              valueCallback: valueCallback
-            });
+            return parseNDigits(token.length, dateString);
         }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 1 && value <= 7;
-      },
-      set: function set(date, _flags, value, options) {
-        date = setUTCISODay(date, value, options);
-        date.setUTCHours(0, 0, 0, 0);
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 1 && value <= 24;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        var hours = value <= 24 ? value % 24 : value;
+        date.setUTCHours(hours, 0, 0, 0);
         return date;
-      },
-      incompatibleTokens: ['y', 'Y', 'u', 'q', 'Q', 'M', 'L', 'w', 'd', 'D', 'E', 'e', 'c', 't', 'T']
-    },
-    // AM or PM
-    a: {
-      priority: 80,
-      parse: function parse(string, token, match, _options) {
-        switch (token) {
-          case 'a':
-          case 'aa':
-          case 'aaa':
-            return match.dayPeriod(string, {
-              width: 'abbreviated',
-              context: 'formatting'
-            }) || match.dayPeriod(string, {
-              width: 'narrow',
-              context: 'formatting'
-            });
+      }
+    }]);
+    return Hour1To24Parser;
+  }(Parser);
 
-          case 'aaaaa':
-            return match.dayPeriod(string, {
-              width: 'narrow',
-              context: 'formatting'
-            });
+  function _typeof$7(obj) {
+    "@babel/helpers - typeof";
 
-          case 'aaaa':
-          default:
-            return match.dayPeriod(string, {
-              width: 'wide',
-              context: 'formatting'
-            }) || match.dayPeriod(string, {
-              width: 'abbreviated',
-              context: 'formatting'
-            }) || match.dayPeriod(string, {
-              width: 'narrow',
-              context: 'formatting'
-            });
-        }
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
-        return date;
-      },
-      incompatibleTokens: ['b', 'B', 'H', 'K', 'k', 't', 'T']
-    },
-    // AM, PM, midnight
-    b: {
-      priority: 80,
-      parse: function parse(string, token, match, _options) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$7 = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$7 = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$7(obj);
+  }
+  function _classCallCheck$6(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$6(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$6(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$6(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$6(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$6(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$6(subClass, superClass);
+  }
+  function _setPrototypeOf$6(o, p) {
+    _setPrototypeOf$6 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$6(o, p);
+  }
+  function _createSuper$6(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$6();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$6(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$6(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$6(this, result);
+    };
+  }
+  function _possibleConstructorReturn$6(self, call) {
+    if (call && (_typeof$7(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$6(self);
+  }
+  function _assertThisInitialized$6(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$6() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$6(o) {
+    _getPrototypeOf$6 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$6(o);
+  }
+  function _defineProperty$6(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var MinuteParser = /*#__PURE__*/function (_Parser) {
+    _inherits$6(MinuteParser, _Parser);
+    var _super = _createSuper$6(MinuteParser);
+    function MinuteParser() {
+      var _this;
+      _classCallCheck$6(this, MinuteParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$6(_assertThisInitialized$6(_this), "priority", 60);
+      _defineProperty$6(_assertThisInitialized$6(_this), "incompatibleTokens", ['t', 'T']);
+      return _this;
+    }
+    _createClass$6(MinuteParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
         switch (token) {
-          case 'b':
-          case 'bb':
-          case 'bbb':
-            return match.dayPeriod(string, {
-              width: 'abbreviated',
-              context: 'formatting'
-            }) || match.dayPeriod(string, {
-              width: 'narrow',
-              context: 'formatting'
-            });
-
-          case 'bbbbb':
-            return match.dayPeriod(string, {
-              width: 'narrow',
-              context: 'formatting'
+          case 'm':
+            return parseNumericPattern(numericPatterns.minute, dateString);
+          case 'mo':
+            return match.ordinalNumber(dateString, {
+              unit: 'minute'
             });
-
-          case 'bbbb':
           default:
-            return match.dayPeriod(string, {
-              width: 'wide',
-              context: 'formatting'
-            }) || match.dayPeriod(string, {
-              width: 'abbreviated',
-              context: 'formatting'
-            }) || match.dayPeriod(string, {
-              width: 'narrow',
-              context: 'formatting'
-            });
+            return parseNDigits(token.length, dateString);
         }
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 0 && value <= 59;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCMinutes(value, 0, 0);
         return date;
-      },
-      incompatibleTokens: ['a', 'B', 'H', 'K', 'k', 't', 'T']
-    },
-    // in the morning, in the afternoon, in the evening, at night
-    B: {
-      priority: 80,
-      parse: function parse(string, token, match, _options) {
-        switch (token) {
-          case 'B':
-          case 'BB':
-          case 'BBB':
-            return match.dayPeriod(string, {
-              width: 'abbreviated',
-              context: 'formatting'
-            }) || match.dayPeriod(string, {
-              width: 'narrow',
-              context: 'formatting'
-            });
+      }
+    }]);
+    return MinuteParser;
+  }(Parser);
 
-          case 'BBBBB':
-            return match.dayPeriod(string, {
-              width: 'narrow',
-              context: 'formatting'
-            });
+  function _typeof$6(obj) {
+    "@babel/helpers - typeof";
 
-          case 'BBBB':
-          default:
-            return match.dayPeriod(string, {
-              width: 'wide',
-              context: 'formatting'
-            }) || match.dayPeriod(string, {
-              width: 'abbreviated',
-              context: 'formatting'
-            }) || match.dayPeriod(string, {
-              width: 'narrow',
-              context: 'formatting'
-            });
-        }
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
-        return date;
-      },
-      incompatibleTokens: ['a', 'b', 't', 'T']
-    },
-    // Hour [1-12]
-    h: {
-      priority: 70,
-      parse: function parse(string, token, match, _options) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$6 = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$6 = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$6(obj);
+  }
+  function _classCallCheck$5(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$5(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$5(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$5(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$5(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$5(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$5(subClass, superClass);
+  }
+  function _setPrototypeOf$5(o, p) {
+    _setPrototypeOf$5 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$5(o, p);
+  }
+  function _createSuper$5(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$5();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$5(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$5(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$5(this, result);
+    };
+  }
+  function _possibleConstructorReturn$5(self, call) {
+    if (call && (_typeof$6(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$5(self);
+  }
+  function _assertThisInitialized$5(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$5() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$5(o) {
+    _getPrototypeOf$5 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$5(o);
+  }
+  function _defineProperty$5(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var SecondParser = /*#__PURE__*/function (_Parser) {
+    _inherits$5(SecondParser, _Parser);
+    var _super = _createSuper$5(SecondParser);
+    function SecondParser() {
+      var _this;
+      _classCallCheck$5(this, SecondParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$5(_assertThisInitialized$5(_this), "priority", 50);
+      _defineProperty$5(_assertThisInitialized$5(_this), "incompatibleTokens", ['t', 'T']);
+      return _this;
+    }
+    _createClass$5(SecondParser, [{
+      key: "parse",
+      value: function parse(dateString, token, match) {
         switch (token) {
-          case 'h':
-            return parseNumericPattern(numericPatterns.hour12h, string);
-
-          case 'ho':
-            return match.ordinalNumber(string, {
-              unit: 'hour'
+          case 's':
+            return parseNumericPattern(numericPatterns.second, dateString);
+          case 'so':
+            return match.ordinalNumber(dateString, {
+              unit: 'second'
             });
-
           default:
-            return parseNDigits(token.length, string);
-        }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 1 && value <= 12;
-      },
-      set: function set(date, _flags, value, _options) {
-        var isPM = date.getUTCHours() >= 12;
-
-        if (isPM && value < 12) {
-          date.setUTCHours(value + 12, 0, 0, 0);
-        } else if (!isPM && value === 12) {
-          date.setUTCHours(0, 0, 0, 0);
-        } else {
-          date.setUTCHours(value, 0, 0, 0);
+            return parseNDigits(token.length, dateString);
         }
-
+      }
+    }, {
+      key: "validate",
+      value: function validate(_date, value) {
+        return value >= 0 && value <= 59;
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCSeconds(value, 0);
         return date;
-      },
-      incompatibleTokens: ['H', 'K', 'k', 't', 'T']
-    },
-    // Hour [0-23]
-    H: {
-      priority: 70,
-      parse: function parse(string, token, match, _options) {
-        switch (token) {
-          case 'H':
-            return parseNumericPattern(numericPatterns.hour23h, string);
+      }
+    }]);
+    return SecondParser;
+  }(Parser);
 
-          case 'Ho':
-            return match.ordinalNumber(string, {
-              unit: 'hour'
-            });
+  function _typeof$5(obj) {
+    "@babel/helpers - typeof";
 
-          default:
-            return parseNDigits(token.length, string);
-        }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 0 && value <= 23;
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCHours(value, 0, 0, 0);
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$5 = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$5 = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$5(obj);
+  }
+  function _classCallCheck$4(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$4(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$4(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$4(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$4(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$4(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$4(subClass, superClass);
+  }
+  function _setPrototypeOf$4(o, p) {
+    _setPrototypeOf$4 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$4(o, p);
+  }
+  function _createSuper$4(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$4();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$4(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$4(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$4(this, result);
+    };
+  }
+  function _possibleConstructorReturn$4(self, call) {
+    if (call && (_typeof$5(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$4(self);
+  }
+  function _assertThisInitialized$4(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$4() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$4(o) {
+    _getPrototypeOf$4 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$4(o);
+  }
+  function _defineProperty$4(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var FractionOfSecondParser = /*#__PURE__*/function (_Parser) {
+    _inherits$4(FractionOfSecondParser, _Parser);
+    var _super = _createSuper$4(FractionOfSecondParser);
+    function FractionOfSecondParser() {
+      var _this;
+      _classCallCheck$4(this, FractionOfSecondParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$4(_assertThisInitialized$4(_this), "priority", 30);
+      _defineProperty$4(_assertThisInitialized$4(_this), "incompatibleTokens", ['t', 'T']);
+      return _this;
+    }
+    _createClass$4(FractionOfSecondParser, [{
+      key: "parse",
+      value: function parse(dateString, token) {
+        var valueCallback = function valueCallback(value) {
+          return Math.floor(value * Math.pow(10, -token.length + 3));
+        };
+        return mapValue(parseNDigits(token.length, dateString), valueCallback);
+      }
+    }, {
+      key: "set",
+      value: function set(date, _flags, value) {
+        date.setUTCMilliseconds(value);
         return date;
-      },
-      incompatibleTokens: ['a', 'b', 'h', 'K', 'k', 't', 'T']
-    },
-    // Hour [0-11]
-    K: {
-      priority: 70,
-      parse: function parse(string, token, match, _options) {
-        switch (token) {
-          case 'K':
-            return parseNumericPattern(numericPatterns.hour11h, string);
-
-          case 'Ko':
-            return match.ordinalNumber(string, {
-              unit: 'hour'
-            });
+      }
+    }]);
+    return FractionOfSecondParser;
+  }(Parser);
 
-          default:
-            return parseNDigits(token.length, string);
-        }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 0 && value <= 11;
-      },
-      set: function set(date, _flags, value, _options) {
-        var isPM = date.getUTCHours() >= 12;
+  function _typeof$4(obj) {
+    "@babel/helpers - typeof";
 
-        if (isPM && value < 12) {
-          date.setUTCHours(value + 12, 0, 0, 0);
-        } else {
-          date.setUTCHours(value, 0, 0, 0);
-        }
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$4 = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$4 = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$4(obj);
+  }
+  function _classCallCheck$3(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$3(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$3(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$3(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$3(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$3(subClass, superClass);
+  }
+  function _setPrototypeOf$3(o, p) {
+    _setPrototypeOf$3 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$3(o, p);
+  }
+  function _createSuper$3(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$3();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$3(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$3(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$3(this, result);
+    };
+  }
+  function _possibleConstructorReturn$3(self, call) {
+    if (call && (_typeof$4(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$3(self);
+  }
+  function _assertThisInitialized$3(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$3() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$3(o) {
+    _getPrototypeOf$3 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$3(o);
+  }
+  function _defineProperty$3(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
 
-        return date;
-      },
-      incompatibleTokens: ['a', 'b', 'h', 'H', 'k', 't', 'T']
-    },
-    // Hour [1-24]
-    k: {
-      priority: 70,
-      parse: function parse(string, token, match, _options) {
+  var ISOTimezoneWithZParser = /*#__PURE__*/function (_Parser) {
+    _inherits$3(ISOTimezoneWithZParser, _Parser);
+    var _super = _createSuper$3(ISOTimezoneWithZParser);
+    function ISOTimezoneWithZParser() {
+      var _this;
+      _classCallCheck$3(this, ISOTimezoneWithZParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$3(_assertThisInitialized$3(_this), "priority", 10);
+      _defineProperty$3(_assertThisInitialized$3(_this), "incompatibleTokens", ['t', 'T', 'x']);
+      return _this;
+    }
+    _createClass$3(ISOTimezoneWithZParser, [{
+      key: "parse",
+      value: function parse(dateString, token) {
         switch (token) {
-          case 'k':
-            return parseNumericPattern(numericPatterns.hour24h, string);
-
-          case 'ko':
-            return match.ordinalNumber(string, {
-              unit: 'hour'
-            });
-
+          case 'X':
+            return parseTimezonePattern(timezonePatterns.basicOptionalMinutes, dateString);
+          case 'XX':
+            return parseTimezonePattern(timezonePatterns.basic, dateString);
+          case 'XXXX':
+            return parseTimezonePattern(timezonePatterns.basicOptionalSeconds, dateString);
+          case 'XXXXX':
+            return parseTimezonePattern(timezonePatterns.extendedOptionalSeconds, dateString);
+          case 'XXX':
           default:
-            return parseNDigits(token.length, string);
+            return parseTimezonePattern(timezonePatterns.extended, dateString);
         }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 1 && value <= 24;
-      },
-      set: function set(date, _flags, value, _options) {
-        var hours = value <= 24 ? value % 24 : value;
-        date.setUTCHours(hours, 0, 0, 0);
-        return date;
-      },
-      incompatibleTokens: ['a', 'b', 'h', 'H', 'K', 't', 'T']
-    },
-    // Minute
-    m: {
-      priority: 60,
-      parse: function parse(string, token, match, _options) {
-        switch (token) {
-          case 'm':
-            return parseNumericPattern(numericPatterns.minute, string);
-
-          case 'mo':
-            return match.ordinalNumber(string, {
-              unit: 'minute'
-            });
-
-          default:
-            return parseNDigits(token.length, string);
+      }
+    }, {
+      key: "set",
+      value: function set(date, flags, value) {
+        if (flags.timestampIsSet) {
+          return date;
         }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 0 && value <= 59;
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCMinutes(value, 0, 0);
-        return date;
-      },
-      incompatibleTokens: ['t', 'T']
-    },
-    // Second
-    s: {
-      priority: 50,
-      parse: function parse(string, token, match, _options) {
-        switch (token) {
-          case 's':
-            return parseNumericPattern(numericPatterns.second, string);
+        return new Date(date.getTime() - value);
+      }
+    }]);
+    return ISOTimezoneWithZParser;
+  }(Parser);
 
-          case 'so':
-            return match.ordinalNumber(string, {
-              unit: 'second'
-            });
+  function _typeof$3(obj) {
+    "@babel/helpers - typeof";
 
-          default:
-            return parseNDigits(token.length, string);
-        }
-      },
-      validate: function validate(_date, value, _options) {
-        return value >= 0 && value <= 59;
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCSeconds(value, 0);
-        return date;
-      },
-      incompatibleTokens: ['t', 'T']
-    },
-    // Fraction of second
-    S: {
-      priority: 30,
-      parse: function parse(string, token, _match, _options) {
-        var valueCallback = function valueCallback(value) {
-          return Math.floor(value * Math.pow(10, -token.length + 3));
-        };
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$3 = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$3 = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$3(obj);
+  }
+  function _classCallCheck$2(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$2(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$2(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$2(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$2(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$2(subClass, superClass);
+  }
+  function _setPrototypeOf$2(o, p) {
+    _setPrototypeOf$2 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$2(o, p);
+  }
+  function _createSuper$2(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$2();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$2(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$2(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$2(this, result);
+    };
+  }
+  function _possibleConstructorReturn$2(self, call) {
+    if (call && (_typeof$3(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$2(self);
+  }
+  function _assertThisInitialized$2(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$2() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$2(o) {
+    _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$2(o);
+  }
+  function _defineProperty$2(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
 
-        return parseNDigits(token.length, string, valueCallback);
-      },
-      set: function set(date, _flags, value, _options) {
-        date.setUTCMilliseconds(value);
-        return date;
-      },
-      incompatibleTokens: ['t', 'T']
-    },
-    // Timezone (ISO-8601. +00:00 is `'Z'`)
-    X: {
-      priority: 10,
-      parse: function parse(string, token, _match, _options) {
+  var ISOTimezoneParser = /*#__PURE__*/function (_Parser) {
+    _inherits$2(ISOTimezoneParser, _Parser);
+    var _super = _createSuper$2(ISOTimezoneParser);
+    function ISOTimezoneParser() {
+      var _this;
+      _classCallCheck$2(this, ISOTimezoneParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$2(_assertThisInitialized$2(_this), "priority", 10);
+      _defineProperty$2(_assertThisInitialized$2(_this), "incompatibleTokens", ['t', 'T', 'X']);
+      return _this;
+    }
+    _createClass$2(ISOTimezoneParser, [{
+      key: "parse",
+      value: function parse(dateString, token) {
         switch (token) {
-          case 'X':
-            return parseTimezonePattern(timezonePatterns.basicOptionalMinutes, string);
-
-          case 'XX':
-            return parseTimezonePattern(timezonePatterns.basic, string);
-
-          case 'XXXX':
-            return parseTimezonePattern(timezonePatterns.basicOptionalSeconds, string);
-
-          case 'XXXXX':
-            return parseTimezonePattern(timezonePatterns.extendedOptionalSeconds, string);
-
-          case 'XXX':
+          case 'x':
+            return parseTimezonePattern(timezonePatterns.basicOptionalMinutes, dateString);
+          case 'xx':
+            return parseTimezonePattern(timezonePatterns.basic, dateString);
+          case 'xxxx':
+            return parseTimezonePattern(timezonePatterns.basicOptionalSeconds, dateString);
+          case 'xxxxx':
+            return parseTimezonePattern(timezonePatterns.extendedOptionalSeconds, dateString);
+          case 'xxx':
           default:
-            return parseTimezonePattern(timezonePatterns.extended, string);
+            return parseTimezonePattern(timezonePatterns.extended, dateString);
         }
-      },
-      set: function set(date, flags, value, _options) {
+      }
+    }, {
+      key: "set",
+      value: function set(date, flags, value) {
         if (flags.timestampIsSet) {
           return date;
         }
+        return new Date(date.getTime() - value);
+      }
+    }]);
+    return ISOTimezoneParser;
+  }(Parser);
+
+  function _typeof$2(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$2 = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$2 = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$2(obj);
+  }
+  function _classCallCheck$1(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties$1(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass$1(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$1(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits$1(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf$1(subClass, superClass);
+  }
+  function _setPrototypeOf$1(o, p) {
+    _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$1(o, p);
+  }
+  function _createSuper$1(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$1();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf$1(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf$1(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn$1(this, result);
+    };
+  }
+  function _possibleConstructorReturn$1(self, call) {
+    if (call && (_typeof$2(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized$1(self);
+  }
+  function _assertThisInitialized$1(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct$1() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf$1(o) {
+    _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$1(o);
+  }
+  function _defineProperty$1(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var TimestampSecondsParser = /*#__PURE__*/function (_Parser) {
+    _inherits$1(TimestampSecondsParser, _Parser);
+    var _super = _createSuper$1(TimestampSecondsParser);
+    function TimestampSecondsParser() {
+      var _this;
+      _classCallCheck$1(this, TimestampSecondsParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty$1(_assertThisInitialized$1(_this), "priority", 40);
+      _defineProperty$1(_assertThisInitialized$1(_this), "incompatibleTokens", '*');
+      return _this;
+    }
+    _createClass$1(TimestampSecondsParser, [{
+      key: "parse",
+      value: function parse(dateString) {
+        return parseAnyDigitsSigned(dateString);
+      }
+    }, {
+      key: "set",
+      value: function set(_date, _flags, value) {
+        return [new Date(value * 1000), {
+          timestampIsSet: true
+        }];
+      }
+    }]);
+    return TimestampSecondsParser;
+  }(Parser);
 
-        return new Date(date.getTime() - value);
-      },
-      incompatibleTokens: ['t', 'T', 'x']
-    },
-    // Timezone (ISO-8601)
-    x: {
-      priority: 10,
-      parse: function parse(string, token, _match, _options) {
-        switch (token) {
-          case 'x':
-            return parseTimezonePattern(timezonePatterns.basicOptionalMinutes, string);
+  function _typeof$1(obj) {
+    "@babel/helpers - typeof";
 
-          case 'xx':
-            return parseTimezonePattern(timezonePatterns.basic, string);
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof$1 = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof$1 = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof$1(obj);
+  }
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf(o, p);
+  }
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+        result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+  function _possibleConstructorReturn(self, call) {
+    if (call && (_typeof$1(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assertThisInitialized(self);
+  }
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var TimestampMillisecondsParser = /*#__PURE__*/function (_Parser) {
+    _inherits(TimestampMillisecondsParser, _Parser);
+    var _super = _createSuper(TimestampMillisecondsParser);
+    function TimestampMillisecondsParser() {
+      var _this;
+      _classCallCheck(this, TimestampMillisecondsParser);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty(_assertThisInitialized(_this), "priority", 20);
+      _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", '*');
+      return _this;
+    }
+    _createClass(TimestampMillisecondsParser, [{
+      key: "parse",
+      value: function parse(dateString) {
+        return parseAnyDigitsSigned(dateString);
+      }
+    }, {
+      key: "set",
+      value: function set(_date, _flags, value) {
+        return [new Date(value), {
+          timestampIsSet: true
+        }];
+      }
+    }]);
+    return TimestampMillisecondsParser;
+  }(Parser);
 
-          case 'xxxx':
-            return parseTimezonePattern(timezonePatterns.basicOptionalSeconds, string);
+  /*
+   * |     | Unit                           |     | Unit                           |
+   * |-----|--------------------------------|-----|--------------------------------|
+   * |  a  | AM, PM                         |  A* | Milliseconds in day            |
+   * |  b  | AM, PM, noon, midnight         |  B  | Flexible day period            |
+   * |  c  | Stand-alone local day of week  |  C* | Localized hour w/ day period   |
+   * |  d  | Day of month                   |  D  | Day of year                    |
+   * |  e  | Local day of week              |  E  | Day of week                    |
+   * |  f  |                                |  F* | Day of week in month           |
+   * |  g* | Modified Julian day            |  G  | Era                            |
+   * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
+   * |  i! | ISO day of week                |  I! | ISO week of year               |
+   * |  j* | Localized hour w/ day period   |  J* | Localized hour w/o day period  |
+   * |  k  | Hour [1-24]                    |  K  | Hour [0-11]                    |
+   * |  l* | (deprecated)                   |  L  | Stand-alone month              |
+   * |  m  | Minute                         |  M  | Month                          |
+   * |  n  |                                |  N  |                                |
+   * |  o! | Ordinal number modifier        |  O* | Timezone (GMT)                 |
+   * |  p  |                                |  P  |                                |
+   * |  q  | Stand-alone quarter            |  Q  | Quarter                        |
+   * |  r* | Related Gregorian year         |  R! | ISO week-numbering year        |
+   * |  s  | Second                         |  S  | Fraction of second             |
+   * |  t! | Seconds timestamp              |  T! | Milliseconds timestamp         |
+   * |  u  | Extended year                  |  U* | Cyclic year                    |
+   * |  v* | Timezone (generic non-locat.)  |  V* | Timezone (location)            |
+   * |  w  | Local week of year             |  W* | Week of month                  |
+   * |  x  | Timezone (ISO-8601 w/o Z)      |  X  | Timezone (ISO-8601)            |
+   * |  y  | Year (abs)                     |  Y  | Local week-numbering year      |
+   * |  z* | Timezone (specific non-locat.) |  Z* | Timezone (aliases)             |
+   *
+   * Letters marked by * are not implemented but reserved by Unicode standard.
+   *
+   * Letters marked by ! are non-standard, but implemented by date-fns:
+   * - `o` modifies the previous token to turn it into an ordinal (see `parse` docs)
+   * - `i` is ISO day of week. For `i` and `ii` is returns numeric ISO week days,
+   *   i.e. 7 for Sunday, 1 for Monday, etc.
+   * - `I` is ISO week of year, as opposed to `w` which is local week of year.
+   * - `R` is ISO week-numbering year, as opposed to `Y` which is local week-numbering year.
+   *   `R` is supposed to be used in conjunction with `I` and `i`
+   *   for universal ISO week-numbering date, whereas
+   *   `Y` is supposed to be used in conjunction with `w` and `e`
+   *   for week-numbering date specific to the locale.
+   */
 
-          case 'xxxxx':
-            return parseTimezonePattern(timezonePatterns.extendedOptionalSeconds, string);
+  var parsers = {
+    G: new EraParser(),
+    y: new YearParser(),
+    Y: new LocalWeekYearParser(),
+    R: new ISOWeekYearParser(),
+    u: new ExtendedYearParser(),
+    Q: new QuarterParser(),
+    q: new StandAloneQuarterParser(),
+    M: new MonthParser(),
+    L: new StandAloneMonthParser(),
+    w: new LocalWeekParser(),
+    I: new ISOWeekParser(),
+    d: new DateParser(),
+    D: new DayOfYearParser(),
+    E: new DayParser(),
+    e: new LocalDayParser(),
+    c: new StandAloneLocalDayParser(),
+    i: new ISODayParser(),
+    a: new AMPMParser(),
+    b: new AMPMMidnightParser(),
+    B: new DayPeriodParser(),
+    h: new Hour1to12Parser(),
+    H: new Hour0to23Parser(),
+    K: new Hour0To11Parser(),
+    k: new Hour1To24Parser(),
+    m: new MinuteParser(),
+    s: new SecondParser(),
+    S: new FractionOfSecondParser(),
+    X: new ISOTimezoneWithZParser(),
+    x: new ISOTimezoneParser(),
+    t: new TimestampSecondsParser(),
+    T: new TimestampMillisecondsParser()
+  };
 
-          case 'xxx':
-          default:
-            return parseTimezonePattern(timezonePatterns.extended, string);
-        }
-      },
-      set: function set(date, flags, value, _options) {
-        if (flags.timestampIsSet) {
-          return date;
-        }
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
 
-        return new Date(date.getTime() - value);
-      },
-      incompatibleTokens: ['t', 'T', 'X']
-    },
-    // Seconds timestamp
-    t: {
-      priority: 40,
-      parse: function parse(string, _token, _match, _options) {
-        return parseAnyDigitsSigned(string);
-      },
-      set: function set(_date, _flags, value, _options) {
-        return [new Date(value * 1000), {
-          timestampIsSet: true
-        }];
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+    return _typeof(obj);
+  }
+  function _createForOfIteratorHelper(o, allowArrayLike) {
+    var it;
+    if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
+      if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+        if (it) o = it;
+        var i = 0;
+        var F = function F() {};
+        return {
+          s: F,
+          n: function n() {
+            if (i >= o.length) return {
+              done: true
+            };
+            return {
+              done: false,
+              value: o[i++]
+            };
+          },
+          e: function e(_e) {
+            throw _e;
+          },
+          f: F
+        };
+      }
+      throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    var normalCompletion = true,
+      didErr = false,
+      err;
+    return {
+      s: function s() {
+        it = o[Symbol.iterator]();
       },
-      incompatibleTokens: '*'
-    },
-    // Milliseconds timestamp
-    T: {
-      priority: 20,
-      parse: function parse(string, _token, _match, _options) {
-        return parseAnyDigitsSigned(string);
+      n: function n() {
+        var step = it.next();
+        normalCompletion = step.done;
+        return step;
       },
-      set: function set(_date, _flags, value, _options) {
-        return [new Date(value), {
-          timestampIsSet: true
-        }];
+      e: function e(_e2) {
+        didErr = true;
+        err = _e2;
       },
-      incompatibleTokens: '*'
+      f: function f() {
+        try {
+          if (!normalCompletion && it["return"] != null) it["return"]();
+        } finally {
+          if (didErr) throw err;
+        }
+      }
+    };
+  }
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) {
+      arr2[i] = arr[i];
     }
-  };
-
-  var TIMEZONE_UNIT_PRIORITY = 10; // This RegExp consists of three parts separated by `|`:
+    return arr2;
+  }
   // - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
   //   (one of the certain letters followed by `o`)
   // - (\w)\1* matches any sequences of the same letter
@@ -22626,7 +26421,7 @@
    * Return the date parsed from string using the given format string.
    *
    * > ⚠️ Please note that the `format` tokens differ from Moment.js and other libraries.
-   * > See: https://git.io/fxCyr
+   * > See: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    *
    * The characters in the format string wrapped between two single quotes characters (') are escaped.
    * Two single quotes in a row, whether inside or outside a quoted sequence, represent a 'real' single quote.
@@ -22714,28 +26509,28 @@
    * | Day of week (formatting)        |  90 | E..EEE  | Mon, Tue, Wed, ..., Sun           |       |
    * |                                 |     | EEEE    | Monday, Tuesday, ..., Sunday      | 2     |
    * |                                 |     | EEEEE   | M, T, W, T, F, S, S               |       |
-   * |                                 |     | EEEEEE  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+   * |                                 |     | EEEEEE  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
    * | ISO day of week (formatting)    |  90 | i       | 1, 2, 3, ..., 7                   | 5     |
    * |                                 |     | io      | 1st, 2nd, ..., 7th                | 5     |
    * |                                 |     | ii      | 01, 02, ..., 07                   | 5     |
    * |                                 |     | iii     | Mon, Tue, Wed, ..., Sun           | 5     |
    * |                                 |     | iiii    | Monday, Tuesday, ..., Sunday      | 2,5   |
    * |                                 |     | iiiii   | M, T, W, T, F, S, S               | 5     |
-   * |                                 |     | iiiiii  | Mo, Tu, We, Th, Fr, Su, Sa        | 5     |
+   * |                                 |     | iiiiii  | Mo, Tu, We, Th, Fr, Sa, Su        | 5     |
    * | Local day of week (formatting)  |  90 | e       | 2, 3, 4, ..., 1                   |       |
    * |                                 |     | eo      | 2nd, 3rd, ..., 1st                | 5     |
    * |                                 |     | ee      | 02, 03, ..., 01                   |       |
    * |                                 |     | eee     | Mon, Tue, Wed, ..., Sun           |       |
    * |                                 |     | eeee    | Monday, Tuesday, ..., Sunday      | 2     |
    * |                                 |     | eeeee   | M, T, W, T, F, S, S               |       |
-   * |                                 |     | eeeeee  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+   * |                                 |     | eeeeee  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
    * | Local day of week (stand-alone) |  90 | c       | 2, 3, 4, ..., 1                   |       |
    * |                                 |     | co      | 2nd, 3rd, ..., 1st                | 5     |
    * |                                 |     | cc      | 02, 03, ..., 01                   |       |
    * |                                 |     | ccc     | Mon, Tue, Wed, ..., Sun           |       |
    * |                                 |     | cccc    | Monday, Tuesday, ..., Sunday      | 2     |
    * |                                 |     | ccccc   | M, T, W, T, F, S, S               |       |
-   * |                                 |     | cccccc  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+   * |                                 |     | cccccc  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
    * | AM, PM                          |  80 | a..aaa  | AM, PM                            |       |
    * |                                 |     | aaaa    | a.m., p.m.                        | 2     |
    * |                                 |     | aaaaa   | a, p                              |       |
@@ -22767,7 +26562,7 @@
    * |                                 |     | tt      | ...                               | 2     |
    * | Fraction of second              |  30 | S       | 0, 1, ..., 9                      |       |
    * |                                 |     | SS      | 00, 01, ..., 99                   |       |
-   * |                                 |     | SSS     | 000, 0001, ..., 999               |       |
+   * |                                 |     | SSS     | 000, 001, ..., 999                |       |
    * |                                 |     | SSSS    | ...                               | 2     |
    * | Milliseconds timestamp          |  20 | T       | 512969520900                      |       |
    * |                                 |     | TT      | ...                               | 2     |
@@ -22849,10 +26644,10 @@
    *    - `p`: long localized time
    *
    * 6. `YY` and `YYYY` tokens represent week-numbering years but they are often confused with years.
-   *    You should enable `options.useAdditionalWeekYearTokens` to use them. See: https://git.io/fxCyr
+   *    You should enable `options.useAdditionalWeekYearTokens` to use them. See: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    *
    * 7. `D` and `DD` tokens represent days of the year but they are ofthen confused with days of the month.
-   *    You should enable `options.useAdditionalDayOfYearTokens` to use them. See: https://git.io/fxCyr
+   *    You should enable `options.useAdditionalDayOfYearTokens` to use them. See: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    *
    * 8. `P+` tokens do not have a defined priority since they are merely aliases to other tokens based
    *    on the given locale.
@@ -22883,23 +26678,6 @@
    * Invalid Date is a Date, whose time value is NaN.
    * Time value of Date: http://es5.github.io/#x15.9.1.1
    *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * - Old `parse` was renamed to `toDate`.
-   *   Now `parse` is a new function which parses a string using a provided format.
-   *
-   *   ```javascript
-   *   // Before v2.0.0
-   *   parse('2016-01-01')
-   *
-   *   // v2.0.0 onward (toDate no longer accepts a string)
-   *   toDate(1392098430000) // Unix to timestamp
-   *   toDate(new Date(2014, 1, 11, 11, 30, 30)) // Cloning the date
-   *   parse('2016-01-01', 'yyyy-MM-dd', new Date())
-   *   ```
-   *
    * @param {String} dateString - the string to parse
    * @param {String} formatString - the string of tokens
    * @param {Date|Number} referenceDate - defines values missing from the parsed dateString
@@ -22908,18 +26686,18 @@
    * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)
    * @param {1|2|3|4|5|6|7} [options.firstWeekContainsDate=1] - the day of January, which is always in the first week of the year
    * @param {Boolean} [options.useAdditionalWeekYearTokens=false] - if true, allows usage of the week-numbering year tokens `YY` and `YYYY`;
-   *   see: https://git.io/fxCyr
+   *   see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    * @param {Boolean} [options.useAdditionalDayOfYearTokens=false] - if true, allows usage of the day of year tokens `D` and `DD`;
-   *   see: https://git.io/fxCyr
+   *   see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    * @returns {Date} the parsed date
    * @throws {TypeError} 3 arguments required
    * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6
    * @throws {RangeError} `options.firstWeekContainsDate` must be between 1 and 7
    * @throws {RangeError} `options.locale` must contain `match` property
-   * @throws {RangeError} use `yyyy` instead of `YYYY` for formatting years using [format provided] to the input [input provided]; see: https://git.io/fxCyr
-   * @throws {RangeError} use `yy` instead of `YY` for formatting years using [format provided] to the input [input provided]; see: https://git.io/fxCyr
-   * @throws {RangeError} use `d` instead of `D` for formatting days of the month using [format provided] to the input [input provided]; see: https://git.io/fxCyr
-   * @throws {RangeError} use `dd` instead of `DD` for formatting days of the month using [format provided] to the input [input provided]; see: https://git.io/fxCyr
+   * @throws {RangeError} use `yyyy` instead of `YYYY` for formatting years using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+   * @throws {RangeError} use `yy` instead of `YY` for formatting years using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+   * @throws {RangeError} use `d` instead of `D` for formatting days of the month using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+   * @throws {RangeError} use `dd` instead of `DD` for formatting days of the month using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
    * @throws {RangeError} format string contains an unescaped latin alphabet character
    *
    * @example
@@ -22936,33 +26714,26 @@
    * //=> Sun Feb 28 2010 00:00:00
    */
 
-  function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, dirtyOptions) {
+  function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options) {
+    var _ref, _options$locale, _ref2, _ref3, _ref4, _options$firstWeekCon, _options$locale2, _options$locale2$opti, _defaultOptions$local, _defaultOptions$local2, _ref5, _ref6, _ref7, _options$weekStartsOn, _options$locale3, _options$locale3$opti, _defaultOptions$local3, _defaultOptions$local4;
     requiredArgs(3, arguments);
     var dateString = String(dirtyDateString);
     var formatString = String(dirtyFormatString);
-    var options = dirtyOptions || {};
-    var locale$1 = options.locale || locale;
-
-    if (!locale$1.match) {
+    var defaultOptions = getDefaultOptions();
+    var locale = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : defaultLocale;
+    if (!locale.match) {
       throw new RangeError('locale must contain match property');
     }
-
-    var localeFirstWeekContainsDate = locale$1.options && locale$1.options.firstWeekContainsDate;
-    var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
-    var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
+    var firstWeekContainsDate = toInteger((_ref2 = (_ref3 = (_ref4 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale2 = options.locale) === null || _options$locale2 === void 0 ? void 0 : (_options$locale2$opti = _options$locale2.options) === null || _options$locale2$opti === void 0 ? void 0 : _options$locale2$opti.firstWeekContainsDate) !== null && _ref4 !== void 0 ? _ref4 : defaultOptions.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : 1); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
 
     if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
       throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
     }
-
-    var localeWeekStartsOn = locale$1.options && locale$1.options.weekStartsOn;
-    var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
-    var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+    var weekStartsOn = toInteger((_ref5 = (_ref6 = (_ref7 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale3 = options.locale) === null || _options$locale3 === void 0 ? void 0 : (_options$locale3$opti = _options$locale3.options) === null || _options$locale3$opti === void 0 ? void 0 : _options$locale3$opti.weekStartsOn) !== null && _ref7 !== void 0 ? _ref7 : defaultOptions.weekStartsOn) !== null && _ref6 !== void 0 ? _ref6 : (_defaultOptions$local3 = defaultOptions.locale) === null || _defaultOptions$local3 === void 0 ? void 0 : (_defaultOptions$local4 = _defaultOptions$local3.options) === null || _defaultOptions$local4 === void 0 ? void 0 : _defaultOptions$local4.weekStartsOn) !== null && _ref5 !== void 0 ? _ref5 : 0); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
 
     if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
       throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
     }
-
     if (formatString === '') {
       if (dateString === '') {
         return toDate(dirtyReferenceDate);
@@ -22970,113 +26741,91 @@
         return new Date(NaN);
       }
     }
-
     var subFnOptions = {
       firstWeekContainsDate: firstWeekContainsDate,
       weekStartsOn: weekStartsOn,
-      locale: locale$1 // If timezone isn't specified, it will be set to the system timezone
+      locale: locale
+    }; // If timezone isn't specified, it will be set to the system timezone
 
-    };
-    var setters = [{
-      priority: TIMEZONE_UNIT_PRIORITY,
-      subPriority: -1,
-      set: dateToSystemTimezone,
-      index: 0
-    }];
-    var i;
+    var setters = [new DateToSystemTimezoneSetter()];
     var tokens = formatString.match(longFormattingTokensRegExp).map(function (substring) {
       var firstCharacter = substring[0];
-
-      if (firstCharacter === 'p' || firstCharacter === 'P') {
-        var longFormatter = longFormatters[firstCharacter];
-        return longFormatter(substring, locale$1.formatLong, subFnOptions);
+      if (firstCharacter in longFormatters$1) {
+        var longFormatter = longFormatters$1[firstCharacter];
+        return longFormatter(substring, locale.formatLong);
       }
-
       return substring;
     }).join('').match(formattingTokensRegExp);
     var usedTokens = [];
-
-    for (i = 0; i < tokens.length; i++) {
-      var token = tokens[i];
-
-      if (!options.useAdditionalWeekYearTokens && isProtectedWeekYearToken(token)) {
-        throwProtectedError(token, formatString, dirtyDateString);
-      }
-
-      if (!options.useAdditionalDayOfYearTokens && isProtectedDayOfYearToken(token)) {
-        throwProtectedError(token, formatString, dirtyDateString);
-      }
-
-      var firstCharacter = token[0];
-      var parser = parsers[firstCharacter];
-
-      if (parser) {
-        var incompatibleTokens = parser.incompatibleTokens;
-
-        if (Array.isArray(incompatibleTokens)) {
-          var incompatibleToken = void 0;
-
-          for (var _i = 0; _i < usedTokens.length; _i++) {
-            var usedToken = usedTokens[_i].token;
-
-            if (incompatibleTokens.indexOf(usedToken) !== -1 || usedToken === firstCharacter) {
-              incompatibleToken = usedTokens[_i];
-              break;
+    var _iterator = _createForOfIteratorHelper(tokens),
+      _step;
+    try {
+      var _loop = function _loop() {
+        var token = _step.value;
+        if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken(token)) {
+          throwProtectedError(token, formatString, dirtyDateString);
+        }
+        if (!(options !== null && options !== void 0 && options.useAdditionalDayOfYearTokens) && isProtectedDayOfYearToken(token)) {
+          throwProtectedError(token, formatString, dirtyDateString);
+        }
+        var firstCharacter = token[0];
+        var parser = parsers[firstCharacter];
+        if (parser) {
+          var incompatibleTokens = parser.incompatibleTokens;
+          if (Array.isArray(incompatibleTokens)) {
+            var incompatibleToken = usedTokens.find(function (usedToken) {
+              return incompatibleTokens.includes(usedToken.token) || usedToken.token === firstCharacter;
+            });
+            if (incompatibleToken) {
+              throw new RangeError("The format string mustn't contain `".concat(incompatibleToken.fullToken, "` and `").concat(token, "` at the same time"));
             }
+          } else if (parser.incompatibleTokens === '*' && usedTokens.length > 0) {
+            throw new RangeError("The format string mustn't contain `".concat(token, "` and any other token at the same time"));
           }
-
-          if (incompatibleToken) {
-            throw new RangeError("The format string mustn't contain `".concat(incompatibleToken.fullToken, "` and `").concat(token, "` at the same time"));
+          usedTokens.push({
+            token: firstCharacter,
+            fullToken: token
+          });
+          var parseResult = parser.run(dateString, token, locale.match, subFnOptions);
+          if (!parseResult) {
+            return {
+              v: new Date(NaN)
+            };
           }
-        } else if (parser.incompatibleTokens === '*' && usedTokens.length) {
-          throw new RangeError("The format string mustn't contain `".concat(token, "` and any other token at the same time"));
-        }
-
-        usedTokens.push({
-          token: firstCharacter,
-          fullToken: token
-        });
-        var parseResult = parser.parse(dateString, token, locale$1.match, subFnOptions);
-
-        if (!parseResult) {
-          return new Date(NaN);
-        }
-
-        setters.push({
-          priority: parser.priority,
-          subPriority: parser.subPriority || 0,
-          set: parser.set,
-          validate: parser.validate,
-          value: parseResult.value,
-          index: setters.length
-        });
-        dateString = parseResult.rest;
-      } else {
-        if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
-          throw new RangeError('Format string contains an unescaped latin alphabet character `' + firstCharacter + '`');
-        } // Replace two single quote characters with one single quote character
-
-
-        if (token === "''") {
-          token = "'";
-        } else if (firstCharacter === "'") {
-          token = cleanEscapedString(token);
-        } // Cut token from string, or, if string doesn't match the token, return Invalid Date
-
-
-        if (dateString.indexOf(token) === 0) {
-          dateString = dateString.slice(token.length);
+          setters.push(parseResult.setter);
+          dateString = parseResult.rest;
         } else {
-          return new Date(NaN);
+          if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
+            throw new RangeError('Format string contains an unescaped latin alphabet character `' + firstCharacter + '`');
+          } // Replace two single quote characters with one single quote character
+
+          if (token === "''") {
+            token = "'";
+          } else if (firstCharacter === "'") {
+            token = cleanEscapedString(token);
+          } // Cut token from string, or, if string doesn't match the token, return Invalid Date
+
+          if (dateString.indexOf(token) === 0) {
+            dateString = dateString.slice(token.length);
+          } else {
+            return {
+              v: new Date(NaN)
+            };
+          }
         }
-      }
-    } // Check if the remaining input contains something other than whitespace
-
-
+      };
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _ret = _loop();
+        if (_typeof(_ret) === "object") return _ret.v;
+      } // Check if the remaining input contains something other than whitespace
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
     if (dateString.length > 0 && notWhitespaceRegExp.test(dateString)) {
       return new Date(NaN);
     }
-
     var uniquePrioritySetters = setters.map(function (setter) {
       return setter.priority;
     }).sort(function (a, b) {
@@ -23093,48 +26842,36 @@
       return setterArray[0];
     });
     var date = toDate(dirtyReferenceDate);
-
-    if (isNaN(date)) {
+    if (isNaN(date.getTime())) {
       return new Date(NaN);
     } // Convert the date in system timezone to the same date in UTC+00:00 timezone.
-    // This ensures that when UTC functions will be implemented, locales will be compatible with them.
-    // See an issue about UTC functions: https://github.com/date-fns/date-fns/issues/37
-
 
     var utcDate = subMilliseconds(date, getTimezoneOffsetInMilliseconds(date));
     var flags = {};
+    var _iterator2 = _createForOfIteratorHelper(uniquePrioritySetters),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var setter = _step2.value;
+        if (!setter.validate(utcDate, subFnOptions)) {
+          return new Date(NaN);
+        }
+        var result = setter.set(utcDate, flags, subFnOptions); // Result is tuple (date, flags)
 
-    for (i = 0; i < uniquePrioritySetters.length; i++) {
-      var setter = uniquePrioritySetters[i];
-
-      if (setter.validate && !setter.validate(utcDate, setter.value, subFnOptions)) {
-        return new Date(NaN);
-      }
-
-      var result = setter.set(utcDate, flags, setter.value, subFnOptions); // Result is tuple (date, flags)
-
-      if (result[0]) {
-        utcDate = result[0];
-        assign(flags, result[1]); // Result is date
-      } else {
-        utcDate = result;
+        if (Array.isArray(result)) {
+          utcDate = result[0];
+          assign(flags, result[1]); // Result is date
+        } else {
+          utcDate = result;
+        }
       }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
     }
-
     return utcDate;
   }
-
-  function dateToSystemTimezone(date, flags) {
-    if (flags.timestampIsSet) {
-      return date;
-    }
-
-    var convertedDate = new Date(0);
-    convertedDate.setFullYear(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
-    convertedDate.setHours(date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds(), date.getUTCMilliseconds());
-    return convertedDate;
-  }
-
   function cleanEscapedString(input) {
     return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
   }
@@ -23148,10 +26885,6 @@
    * Return the start of an hour for the given date.
    * The result will be in the local timezone.
    *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
    * @param {Date|Number} date - the original date
    * @returns {Date} the start of an hour
    * @throws {TypeError} 1 argument required
@@ -23169,36 +26902,6 @@
     return date;
   }
 
-  /**
-   * @name startOfMinute
-   * @category Minute Helpers
-   * @summary Return the start of a minute for the given date.
-   *
-   * @description
-   * Return the start of a minute for the given date.
-   * The result will be in the local timezone.
-   *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * @param {Date|Number} date - the original date
-   * @returns {Date} the start of a minute
-   * @throws {TypeError} 1 argument required
-   *
-   * @example
-   * // The start of a minute for 1 December 2014 22:15:45.400:
-   * const result = startOfMinute(new Date(2014, 11, 1, 22, 15, 45, 400))
-   * //=> Mon Dec 01 2014 22:15:00
-   */
-
-  function startOfMinute(dirtyDate) {
-    requiredArgs(1, arguments);
-    var date = toDate(dirtyDate);
-    date.setSeconds(0, 0);
-    return date;
-  }
-
   /**
    * @name startOfSecond
    * @category Second Helpers
@@ -23208,10 +26911,6 @@
    * Return the start of a second for the given date.
    * The result will be in the local timezone.
    *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
    * @param {Date|Number} date - the original date
    * @returns {Date} the start of a second
    * @throws {TypeError} 1 argument required
@@ -23229,17 +26928,6 @@
     return date;
   }
 
-  var MILLISECONDS_IN_HOUR = 3600000;
-  var MILLISECONDS_IN_MINUTE = 60000;
-  var DEFAULT_ADDITIONAL_DIGITS = 2;
-  var patterns = {
-    dateTimeDelimiter: /[T ]/,
-    timeZoneDelimiter: /[Z ]/i,
-    timezone: /([Z+-].*)$/
-  };
-  var dateRegex = /^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/;
-  var timeRegex = /^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/;
-  var timezoneRegex = /^([+-])(\d{2})(?::?(\d{2}))?$/;
   /**
    * @name parseISO
    * @category Common Helpers
@@ -23254,31 +26942,6 @@
    * If the argument isn't a string, the function cannot parse the string or
    * the values are invalid, it returns Invalid Date.
    *
-   * ### v2.0.0 breaking changes:
-   *
-   * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
-   *
-   * - The previous `parse` implementation was renamed to `parseISO`.
-   *
-   *   ```javascript
-   *   // Before v2.0.0
-   *   parse('2016-01-01')
-   *
-   *   // v2.0.0 onward
-   *   parseISO('2016-01-01')
-   *   ```
-   *
-   * - `parseISO` now validates separate date and time values in ISO-8601 strings
-   *   and returns `Invalid Date` if the date is invalid.
-   *
-   *   ```javascript
-   *   parseISO('2018-13-32')
-   *   //=> Invalid Date
-   *   ```
-   *
-   * - `parseISO` now doesn't fall back to `new Date` constructor
-   *   if it fails to parse a string argument. Instead, it returns `Invalid Date`.
-   *
    * @param {String} argument - the value to convert
    * @param {Object} [options] - an object with options.
    * @param {0|1|2} [options.additionalDigits=2] - the additional number of digits in the extended year format
@@ -23288,56 +26951,46 @@
    *
    * @example
    * // Convert string '2014-02-11T11:30:30' to date:
-   * var result = parseISO('2014-02-11T11:30:30')
+   * const result = parseISO('2014-02-11T11:30:30')
    * //=> Tue Feb 11 2014 11:30:30
    *
    * @example
    * // Convert string '+02014101' to date,
    * // if the additional number of digits in the extended year format is 1:
-   * var result = parseISO('+02014101', { additionalDigits: 1 })
+   * const result = parseISO('+02014101', { additionalDigits: 1 })
    * //=> Fri Apr 11 2014 00:00:00
    */
 
-  function parseISO(argument, dirtyOptions) {
+  function parseISO(argument, options) {
+    var _options$additionalDi;
     requiredArgs(1, arguments);
-    var options = dirtyOptions || {};
-    var additionalDigits = options.additionalDigits == null ? DEFAULT_ADDITIONAL_DIGITS : toInteger(options.additionalDigits);
-
+    var additionalDigits = toInteger((_options$additionalDi = options === null || options === void 0 ? void 0 : options.additionalDigits) !== null && _options$additionalDi !== void 0 ? _options$additionalDi : 2);
     if (additionalDigits !== 2 && additionalDigits !== 1 && additionalDigits !== 0) {
       throw new RangeError('additionalDigits must be 0, 1 or 2');
     }
-
     if (!(typeof argument === 'string' || Object.prototype.toString.call(argument) === '[object String]')) {
       return new Date(NaN);
     }
-
     var dateStrings = splitDateString(argument);
     var date;
-
     if (dateStrings.date) {
       var parseYearResult = parseYear(dateStrings.date, additionalDigits);
       date = parseDate(parseYearResult.restDateString, parseYearResult.year);
     }
-
-    if (isNaN(date) || !date) {
+    if (!date || isNaN(date.getTime())) {
       return new Date(NaN);
     }
-
     var timestamp = date.getTime();
     var time = 0;
     var offset;
-
     if (dateStrings.time) {
       time = parseTime(dateStrings.time);
-
-      if (isNaN(time) || time === null) {
+      if (isNaN(time)) {
         return new Date(NaN);
       }
     }
-
     if (dateStrings.timezone) {
       offset = parseTimezone(dateStrings.timezone);
-
       if (isNaN(offset)) {
         return new Date(NaN);
       }
@@ -23353,10 +27006,16 @@
       result.setHours(dirtyDate.getUTCHours(), dirtyDate.getUTCMinutes(), dirtyDate.getUTCSeconds(), dirtyDate.getUTCMilliseconds());
       return result;
     }
-
     return new Date(timestamp + time + offset);
   }
-
+  var patterns = {
+    dateTimeDelimiter: /[T ]/,
+    timeZoneDelimiter: /[Z ]/i,
+    timezone: /([Z+-].*)$/
+  };
+  var dateRegex = /^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/;
+  var timeRegex = /^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/;
+  var timezoneRegex = /^([+-])(\d{2})(?::?(\d{2}))?$/;
   function splitDateString(dateString) {
     var dateStrings = {};
     var array = dateString.split(patterns.dateTimeDelimiter);
@@ -23366,23 +27025,18 @@
     if (array.length > 2) {
       return dateStrings;
     }
-
     if (/:/.test(array[0])) {
-      dateStrings.date = null;
       timeString = array[0];
     } else {
       dateStrings.date = array[0];
       timeString = array[1];
-
       if (patterns.timeZoneDelimiter.test(dateStrings.date)) {
         dateStrings.date = dateString.split(patterns.timeZoneDelimiter)[0];
         timeString = dateString.substr(dateStrings.date.length, dateString.length);
       }
     }
-
     if (timeString) {
       var token = patterns.timezone.exec(timeString);
-
       if (token) {
         dateStrings.time = timeString.replace(token[1], '');
         dateStrings.timezone = token[1];
@@ -23390,79 +27044,68 @@
         dateStrings.time = timeString;
       }
     }
-
     return dateStrings;
   }
-
   function parseYear(dateString, additionalDigits) {
     var regex = new RegExp('^(?:(\\d{4}|[+-]\\d{' + (4 + additionalDigits) + '})|(\\d{2}|[+-]\\d{' + (2 + additionalDigits) + '})$)');
     var captures = dateString.match(regex); // Invalid ISO-formatted year
 
     if (!captures) return {
-      year: null
+      year: NaN,
+      restDateString: ''
     };
-    var year = captures[1] && parseInt(captures[1]);
-    var century = captures[2] && parseInt(captures[2]);
+    var year = captures[1] ? parseInt(captures[1]) : null;
+    var century = captures[2] ? parseInt(captures[2]) : null; // either year or century is null, not both
+
     return {
-      year: century == null ? year : century * 100,
+      year: century === null ? year : century * 100,
       restDateString: dateString.slice((captures[1] || captures[2]).length)
     };
   }
-
   function parseDate(dateString, year) {
     // Invalid ISO-formatted year
-    if (year === null) return null;
+    if (year === null) return new Date(NaN);
     var captures = dateString.match(dateRegex); // Invalid ISO-formatted string
 
-    if (!captures) return null;
+    if (!captures) return new Date(NaN);
     var isWeekDate = !!captures[4];
     var dayOfYear = parseDateUnit(captures[1]);
     var month = parseDateUnit(captures[2]) - 1;
     var day = parseDateUnit(captures[3]);
     var week = parseDateUnit(captures[4]);
     var dayOfWeek = parseDateUnit(captures[5]) - 1;
-
     if (isWeekDate) {
       if (!validateWeekDate(year, week, dayOfWeek)) {
         return new Date(NaN);
       }
-
       return dayOfISOWeekYear(year, week, dayOfWeek);
     } else {
       var date = new Date(0);
-
       if (!validateDate(year, month, day) || !validateDayOfYearDate(year, dayOfYear)) {
         return new Date(NaN);
       }
-
       date.setUTCFullYear(year, month, Math.max(dayOfYear, day));
       return date;
     }
   }
-
   function parseDateUnit(value) {
     return value ? parseInt(value) : 1;
   }
-
   function parseTime(timeString) {
     var captures = timeString.match(timeRegex);
-    if (!captures) return null; // Invalid ISO-formatted time
+    if (!captures) return NaN; // Invalid ISO-formatted time
 
     var hours = parseTimeUnit(captures[1]);
     var minutes = parseTimeUnit(captures[2]);
     var seconds = parseTimeUnit(captures[3]);
-
     if (!validateTime(hours, minutes, seconds)) {
       return NaN;
     }
-
-    return hours * MILLISECONDS_IN_HOUR + minutes * MILLISECONDS_IN_MINUTE + seconds * 1000;
+    return hours * millisecondsInHour + minutes * millisecondsInMinute + seconds * 1000;
   }
-
   function parseTimeUnit(value) {
     return value && parseFloat(value.replace(',', '.')) || 0;
   }
-
   function parseTimezone(timezoneString) {
     if (timezoneString === 'Z') return 0;
     var captures = timezoneString.match(timezoneRegex);
@@ -23470,14 +27113,11 @@
     var sign = captures[1] === '+' ? -1 : 1;
     var hours = parseInt(captures[2]);
     var minutes = captures[3] && parseInt(captures[3]) || 0;
-
     if (!validateTimezone(hours, minutes)) {
       return NaN;
     }
-
-    return sign * (hours * MILLISECONDS_IN_HOUR + minutes * MILLISECONDS_IN_MINUTE);
+    return sign * (hours * millisecondsInHour + minutes * millisecondsInMinute);
   }
-
   function dayOfISOWeekYear(isoWeekYear, week, day) {
     var date = new Date(0);
     date.setUTCFullYear(isoWeekYear, 0, 4);
@@ -23488,33 +27128,25 @@
   } // Validation functions
   // February is null to handle the leap year (using ||)
 
-
   var daysInMonths = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-
   function isLeapYearIndex(year) {
-    return year % 400 === 0 || year % 4 === 0 && year % 100;
+    return year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
   }
-
   function validateDate(year, month, date) {
     return month >= 0 && month <= 11 && date >= 1 && date <= (daysInMonths[month] || (isLeapYearIndex(year) ? 29 : 28));
   }
-
   function validateDayOfYearDate(year, dayOfYear) {
     return dayOfYear >= 1 && dayOfYear <= (isLeapYearIndex(year) ? 366 : 365);
   }
-
   function validateWeekDate(_year, week, day) {
     return week >= 1 && week <= 53 && day >= 0 && day <= 6;
   }
-
   function validateTime(hours, minutes, seconds) {
     if (hours === 24) {
       return minutes === 0 && seconds === 0;
     }
-
     return seconds >= 0 && seconds < 60 && minutes >= 0 && minutes < 60 && hours >= 0 && hours < 25;
   }
-
   function validateTimezone(_hours, minutes) {
     return minutes >= 0 && minutes <= 59;
   }
@@ -23531,10 +27163,10 @@
     quarter: 'qqq - yyyy',
     year: 'yyyy'
   };
-
   adapters._date.override({
     _id: 'date-fns',
     // DEBUG
+
     formats: function formats() {
       return FORMATS;
     },
@@ -23542,9 +27174,7 @@
       if (value === null || typeof value === 'undefined') {
         return null;
       }
-
-      var type = _typeof(value);
-
+      var type = _typeof$z(value);
       if (type === 'number' || value instanceof Date) {
         value = toDate(value);
       } else if (type === 'string') {
@@ -23554,7 +27184,6 @@
           value = parseISO(value, this.options);
         }
       }
-
       return isValid(value) ? value.getTime() : null;
     },
     format: function format$1(time, fmt) {
@@ -23564,31 +27193,22 @@
       switch (unit) {
         case 'millisecond':
           return addMilliseconds(time, amount);
-
         case 'second':
           return addSeconds(time, amount);
-
         case 'minute':
           return addMinutes(time, amount);
-
         case 'hour':
           return addHours(time, amount);
-
         case 'day':
           return addDays(time, amount);
-
         case 'week':
           return addWeeks(time, amount);
-
         case 'month':
           return addMonths(time, amount);
-
         case 'quarter':
           return addQuarters(time, amount);
-
         case 'year':
           return addYears(time, amount);
-
         default:
           return time;
       }
@@ -23597,31 +27217,22 @@
       switch (unit) {
         case 'millisecond':
           return differenceInMilliseconds(max, min);
-
         case 'second':
           return differenceInSeconds(max, min);
-
         case 'minute':
           return differenceInMinutes(max, min);
-
         case 'hour':
           return differenceInHours(max, min);
-
         case 'day':
           return differenceInDays(max, min);
-
         case 'week':
           return differenceInWeeks(max, min);
-
         case 'month':
           return differenceInMonths(max, min);
-
         case 'quarter':
           return differenceInQuarters(max, min);
-
         case 'year':
           return differenceInYears(max, min);
-
         default:
           return 0;
       }
@@ -23630,33 +27241,24 @@
       switch (unit) {
         case 'second':
           return startOfSecond(time);
-
         case 'minute':
           return startOfMinute(time);
-
         case 'hour':
           return startOfHour(time);
-
         case 'day':
           return startOfDay(time);
-
         case 'week':
           return startOfWeek(time);
-
         case 'isoWeek':
           return startOfWeek(time, {
             weekStartsOn: +weekday
           });
-
         case 'month':
           return startOfMonth(time);
-
         case 'quarter':
           return startOfQuarter(time);
-
         case 'year':
           return startOfYear(time);
-
         default:
           return time;
       }
@@ -23665,34 +27267,45 @@
       switch (unit) {
         case 'second':
           return endOfSecond(time);
-
         case 'minute':
           return endOfMinute(time);
-
         case 'hour':
           return endOfHour(time);
-
         case 'day':
           return endOfDay(time);
-
         case 'week':
           return endOfWeek(time);
-
         case 'month':
           return endOfMonth(time);
-
         case 'quarter':
           return endOfQuarter(time);
-
         case 'year':
           return endOfYear(time);
-
         default:
           return time;
       }
     }
   });
 
+  // for plugins
+  // match src/index.umd.ts in Chart.js
+  // except for platforms (not exported)
+  Chart.helpers = _objectSpread2({}, helpers);
+  Chart._adapters = adapters;
+  Chart.Animation = Animation;
+  Chart.Animations = Animations;
+  Chart.animator = animator;
+  Chart.controllers = registry.controllers.items;
+  Chart.DatasetController = DatasetController;
+  Chart.Element = Element;
+  Chart.elements = elements;
+  Chart.Interaction = Interaction;
+  Chart.layouts = layouts;
+  Chart.Scale = Scale;
+  Chart.Ticks = Ticks;
+  Object.assign(Chart, controllers, scales, elements, plugins);
+  Chart.Chart = Chart;
+
   return Chart;
 
-})));
+}));
diff --git a/app/assets/javascripts/pghero/chartkick.js b/app/assets/javascripts/pghero/chartkick.js
index db732ff80..02fbadadd 100644
--- a/app/assets/javascripts/pghero/chartkick.js
+++ b/app/assets/javascripts/pghero/chartkick.js
@@ -1,8 +1,7 @@
 /*!
- * Chartkick.js
+ * Chartkick.js v5.0.1
  * Create beautiful charts with one line of JavaScript
  * https://github.com/ankane/chartkick.js
- * v4.0.2
  * MIT License
  */
 
@@ -10,7 +9,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Chartkick = factory());
-}(this, (function () { 'use strict';
+})(this, (function () { 'use strict';
 
   function isArray(variable) {
     return Object.prototype.toString.call(variable) === "[object Array]";
@@ -27,8 +26,7 @@
 
   // https://github.com/madrobby/zepto/blob/master/src/zepto.js
   function extend(target, source) {
-    var key;
-    for (key in source) {
+    for (var key in source) {
       // protect against prototype pollution, defense 1
       if (key === "__proto__") { continue; }
 
@@ -53,13 +51,12 @@
     return target;
   }
 
-  var DATE_PATTERN = /^(\d\d\d\d)(-)?(\d\d)(-)?(\d\d)$/i;
+  var DATE_PATTERN = /^(\d\d\d\d)(?:-)?(\d\d)(?:-)?(\d\d)$/i;
 
   function negativeValues(series) {
-    var i, j, data;
-    for (i = 0; i < series.length; i++) {
-      data = series[i].data;
-      for (j = 0; j < data.length; j++) {
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
+      for (var j = 0; j < data.length; j++) {
         if (data[j][1] < 0) {
           return true;
         }
@@ -68,49 +65,49 @@
     return false;
   }
 
-  function toStr(n) {
-    return "" + n;
+  function toStr(obj) {
+    return "" + obj;
   }
 
-  function toFloat(n) {
-    return parseFloat(n);
+  function toFloat(obj) {
+    return parseFloat(obj);
   }
 
-  function toDate(n) {
-    var matches, year, month, day;
-    if (typeof n !== "object") {
-      if (typeof n === "number") {
-        n = new Date(n * 1000); // ms
+  function toDate(obj) {
+    if (obj instanceof Date) {
+      return obj;
+    } else if (typeof obj === "number") {
+      return new Date(obj * 1000); // ms
+    } else {
+      var s = toStr(obj);
+      var matches = s.match(DATE_PATTERN);
+      if (matches) {
+        var year = parseInt(matches[1], 10);
+        var month = parseInt(matches[2], 10) - 1;
+        var day = parseInt(matches[3], 10);
+        return new Date(year, month, day);
       } else {
-        n = toStr(n);
-        if ((matches = n.match(DATE_PATTERN))) {
-          year = parseInt(matches[1], 10);
-          month = parseInt(matches[3], 10) - 1;
-          day = parseInt(matches[5], 10);
-          return new Date(year, month, day);
-        } else {
-          // try our best to get the str into iso8601
-          // TODO be smarter about this
-          var str = n.replace(/ /, "T").replace(" ", "").replace("UTC", "Z");
-          // Date.parse returns milliseconds if valid and NaN if invalid
-          n = new Date(Date.parse(str) || n);
-        }
+        // try our best to get the str into iso8601
+        // TODO be smarter about this
+        var str = s.replace(/ /, "T").replace(" ", "").replace("UTC", "Z");
+        // Date.parse returns milliseconds if valid and NaN if invalid
+        return new Date(Date.parse(str) || s);
       }
     }
-    return n;
   }
 
-  function toArr(n) {
-    if (!isArray(n)) {
-      var arr = [], i;
-      for (i in n) {
-        if (n.hasOwnProperty(i)) {
-          arr.push([i, n[i]]);
+  function toArr(obj) {
+    if (isArray(obj)) {
+      return obj;
+    } else {
+      var arr = [];
+      for (var i in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, i)) {
+          arr.push([i, obj[i]]);
         }
       }
-      n = arr;
+      return arr;
     }
-    return n;
   }
 
   function jsOptionsFunc(defaultOptions, hideLegend, setTitle, setMin, setMax, setStacked, setXtitle, setYtitle) {
@@ -170,32 +167,63 @@
     return a[0] - b[0];
   }
 
+  // needed since sort() without arguments does string comparison
   function sortByNumber(a, b) {
     return a - b;
   }
 
-  function isMinute(d) {
-    return d.getMilliseconds() === 0 && d.getSeconds() === 0;
+  function every(values, fn) {
+    for (var i = 0; i < values.length; i++) {
+      if (!fn(values[i])) {
+        return false;
+      }
+    }
+    return true;
   }
 
-  function isHour(d) {
-    return isMinute(d) && d.getMinutes() === 0;
+  function isDay(timeUnit) {
+    return timeUnit === "day" || timeUnit === "week" || timeUnit === "month" || timeUnit === "year";
   }
 
-  function isDay(d) {
-    return isHour(d) && d.getHours() === 0;
-  }
+  function calculateTimeUnit(values, maxDay) {
+    if ( maxDay === void 0 ) maxDay = false;
 
-  function isWeek(d, dayOfWeek) {
-    return isDay(d) && d.getDay() === dayOfWeek;
-  }
+    if (values.length === 0) {
+      return null;
+    }
 
-  function isMonth(d) {
-    return isDay(d) && d.getDate() === 1;
-  }
+    var minute = every(values, function (d) { return d.getMilliseconds() === 0 && d.getSeconds() === 0; });
+    if (!minute) {
+      return null;
+    }
+
+    var hour = every(values, function (d) { return d.getMinutes() === 0; });
+    if (!hour) {
+      return "minute";
+    }
+
+    var day = every(values, function (d) { return d.getHours() === 0; });
+    if (!day) {
+      return "hour";
+    }
 
-  function isYear(d) {
-    return isMonth(d) && d.getMonth() === 0;
+    if (maxDay) {
+      return "day";
+    }
+
+    var month = every(values, function (d) { return d.getDate() === 1; });
+    if (!month) {
+      var dayOfWeek = values[0].getDay();
+      var week = every(values, function (d) { return d.getDay() === dayOfWeek; });
+      return (week ? "week" : "day");
+    }
+
+    var year = every(values, function (d) { return d.getMonth() === 0; });
+    if (!year) {
+      return "month";
+    }
+
+    return "year";
   }
 
   function isDate(obj) {
@@ -223,9 +251,14 @@
     var round = options.round;
 
     if (options.byteScale) {
-      var suffixIdx;
+      var positive = value >= 0;
+      if (!positive) {
+        value *= -1;
+      }
+
       var baseValue = axis ? options.byteScale : value;
 
+      var suffixIdx;
       if (baseValue >= 1152921504606846976) {
         value /= 1152921504606846976;
         suffixIdx = 6;
@@ -259,6 +292,11 @@
         precision = value >= 1000 ? 4 : 3;
       }
       suffix = " " + byteSuffixes[suffixIdx];
+
+      // flip value back
+      if (!positive) {
+        value *= -1;
+      }
     }
 
     if (precision !== undefined && round !== undefined) {
@@ -310,19 +348,6 @@
     return null;
   }
 
-  function allZeros(data) {
-    var i, j, d;
-    for (i = 0; i < data.length; i++) {
-      d = data[i].data;
-      for (j = 0; j < d.length; j++) {
-        if (d[j][1] != 0) {
-          return false;
-        }
-      }
-    }
-    return true;
-  }
-
   var baseOptions = {
     maintainAspectRatio: false,
     animation: false,
@@ -379,7 +404,7 @@
     "#6633CC", "#E67300", "#8B0707", "#329262", "#5574A6", "#651067"
   ];
 
-  var hideLegend$2 = function (options, legend, hideLegend) {
+  function hideLegend$2(options, legend, hideLegend) {
     if (legend !== undefined) {
       options.plugins.legend.display = !!legend;
       if (legend && legend !== true) {
@@ -388,61 +413,59 @@
     } else if (hideLegend) {
       options.plugins.legend.display = false;
     }
-  };
+  }
 
-  var setTitle$2 = function (options, title) {
+  function setTitle$2(options, title) {
     options.plugins.title.display = true;
     options.plugins.title.text = title;
-  };
+  }
 
-  var setMin$2 = function (options, min) {
+  function setMin$2(options, min) {
     if (min !== null) {
       options.scales.y.min = toFloat(min);
     }
-  };
+  }
 
-  var setMax$2 = function (options, max) {
+  function setMax$2(options, max) {
     options.scales.y.max = toFloat(max);
-  };
+  }
 
-  var setBarMin$1 = function (options, min) {
+  function setBarMin$1(options, min) {
     if (min !== null) {
       options.scales.x.min = toFloat(min);
     }
-  };
+  }
 
-  var setBarMax$1 = function (options, max) {
+  function setBarMax$1(options, max) {
     options.scales.x.max = toFloat(max);
-  };
+  }
 
-  var setStacked$2 = function (options, stacked) {
+  function setStacked$2(options, stacked) {
     options.scales.x.stacked = !!stacked;
     options.scales.y.stacked = !!stacked;
-  };
+  }
 
-  var setXtitle$2 = function (options, title) {
+  function setXtitle$2(options, title) {
     options.scales.x.title.display = true;
     options.scales.x.title.text = title;
-  };
+  }
 
-  var setYtitle$2 = function (options, title) {
+  function setYtitle$2(options, title) {
     options.scales.y.title.display = true;
     options.scales.y.title.text = title;
-  };
+  }
 
   // https://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb
-  var addOpacity = function (hex, opacity) {
+  function addOpacity(hex, opacity) {
     var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
     return result ? "rgba(" + parseInt(result[1], 16) + ", " + parseInt(result[2], 16) + ", " + parseInt(result[3], 16) + ", " + opacity + ")" : hex;
-  };
+  }
 
-  // check if not null or undefined
-  // https://stackoverflow.com/a/27757708/1177228
-  var notnull = function (x) {
-    return x != null;
-  };
+  function notnull(x) {
+    return x !== null && x !== undefined;
+  }
 
-  var setLabelSize = function (chart, data, options) {
+  function setLabelSize(chart, data, options) {
     var maxLabelSize = Math.ceil(chart.element.offsetWidth / 4.0 / data.labels.length);
     if (maxLabelSize > 25) {
       maxLabelSize = 25;
@@ -459,18 +482,33 @@
         }
       };
     }
-  };
+  }
 
-  var setFormatOptions$1 = function (chart, options, chartType) {
-    var formatOptions = {
+  function calculateScale(series) {
+    var scale = 1;
+    var max = maxAbsY(series);
+    while (max >= 1024) {
+      scale *= 1024;
+      max /= 1024;
+    }
+    return scale;
+  }
+
+  function setFormatOptions$1(chart, options, chartType) {
+    // options to apply to x and r values for scatter and bubble
+    var numericOptions = {
+      thousands: chart.options.thousands,
+      decimal: chart.options.decimal
+    };
+
+    // options to apply to y value
+    var formatOptions = merge({
       prefix: chart.options.prefix,
       suffix: chart.options.suffix,
-      thousands: chart.options.thousands,
-      decimal: chart.options.decimal,
       precision: chart.options.precision,
       round: chart.options.round,
       zeros: chart.options.zeros
-    };
+    }, numericOptions);
 
     if (chart.options.bytes) {
       var series = chart.data;
@@ -478,26 +516,8 @@
         series = [{data: series}];
       }
 
-      // calculate max
-      var max = 0;
-      for (var i = 0; i < series.length; i++) {
-        var s = series[i];
-        for (var j = 0; j < s.data.length; j++) {
-          if (s.data[j][1] > max) {
-            max = s.data[j][1];
-          }
-        }
-      }
-
-      // calculate scale
-      var scale = 1;
-      while (max >= 1024) {
-        scale *= 1024;
-        max /= 1024;
-      }
-
       // set step size
-      formatOptions.byteScale = scale;
+      formatOptions.byteScale = calculateScale(series);
     }
 
     if (chartType !== "pie") {
@@ -520,6 +540,12 @@
           return formatValue("", value, formatOptions, true);
         };
       }
+
+      if ((chartType === "scatter" || chartType === "bubble") && !options.scales.x.ticks.callback) {
+        options.scales.x.ticks.callback = function (value) {
+          return formatValue("", value, numericOptions, true);
+        };
+      }
     }
 
     if (!options.plugins.tooltip.callbacks.label) {
@@ -529,7 +555,9 @@
           if (label) {
             label += ': ';
           }
-          return label + '(' + context.label + ', ' + context.formattedValue + ')';
+
+          var dataPoint = context.parsed;
+          return label + '(' + formatValue('', dataPoint.x, numericOptions) + ', ' + formatValue('', dataPoint.y, formatOptions) + ')';
         };
       } else if (chartType === "bubble") {
         options.plugins.tooltip.callbacks.label = function (context) {
@@ -538,28 +566,21 @@
             label += ': ';
           }
           var dataPoint = context.raw;
-          return label + '(' + dataPoint.x + ', ' + dataPoint.y + ', ' + dataPoint.v + ')';
+          return label + '(' + formatValue('', dataPoint.x, numericOptions) + ', ' + formatValue('', dataPoint.y, formatOptions) + ', ' + formatValue('', dataPoint.v, numericOptions) + ')';
         };
       } else if (chartType === "pie") {
         // need to use separate label for pie charts
         options.plugins.tooltip.callbacks.label = function (context) {
-          var dataLabel = context.label;
-          var value = ': ';
-
-          if (isArray(dataLabel)) {
-            // show value on first line of multiline label
-            // need to clone because we are changing the value
-            dataLabel = dataLabel.slice();
-            dataLabel[0] += value;
-          } else {
-            dataLabel += value;
-          }
-
-          return formatValue(dataLabel, context.parsed, formatOptions);
+          return formatValue('', context.parsed, formatOptions);
         };
       } else {
         var valueLabel = chartType === "bar" ? "x" : "y";
         options.plugins.tooltip.callbacks.label = function (context) {
+          // don't show null values for stacked charts
+          if (context.parsed[valueLabel] === null) {
+            return;
+          }
+
           var label = context.dataset.label || '';
           if (label) {
             label += ': ';
@@ -568,124 +589,187 @@
         };
       }
     }
-  };
-
-  var jsOptions$2 = jsOptionsFunc(merge(baseOptions, defaultOptions$2), hideLegend$2, setTitle$2, setMin$2, setMax$2, setStacked$2, setXtitle$2, setYtitle$2);
-
-  var createDataTable = function (chart, options, chartType) {
-    var datasets = [];
-    var labels = [];
 
-    var colors = chart.options.colors || defaultColors;
+    // avoid formatting x-axis labels
+    // by default, Chart.js applies locale
+    if ((chartType === "line" || chartType === "area") && chart.xtype === "number") {
+      if (!options.scales.x.ticks.callback) {
+        options.scales.x.ticks.callback = function (value) {
+          return toStr(value);
+        };
+      }
 
-    var day = true;
-    var week = true;
-    var dayOfWeek;
-    var month = true;
-    var year = true;
-    var hour = true;
-    var minute = true;
+      if (!options.plugins.tooltip.callbacks.title) {
+        options.plugins.tooltip.callbacks.title = function (context) {
+          return toStr(context[0].parsed.x);
+        };
+      }
+    }
+  }
 
-    var series = chart.data;
+  function maxAbsY(series) {
+    var max = 0;
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
+      for (var j = 0; j < data.length; j++) {
+        var v = Math.abs(data[j][1]);
+        if (v > max) {
+          max = v;
+        }
+      }
+    }
+    return max;
+  }
 
+  function maxR(series) {
+    // start at zero since radius must be positive
     var max = 0;
-    if (chartType === "bubble") {
-      for (var i$1 = 0; i$1 < series.length; i$1++) {
-        var s$1 = series[i$1];
-        for (var j$1 = 0; j$1 < s$1.data.length; j$1++) {
-          if (s$1.data[j$1][2] > max) {
-            max = s$1.data[j$1][2];
-          }
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
+      for (var j = 0; j < data.length; j++) {
+        var v = data[j][2];
+        if (v > max) {
+          max = v;
         }
       }
     }
+    return max;
+  }
 
-    var i, j, s, d, key, rows = [], rows2 = [];
+  var jsOptions$2 = jsOptionsFunc(merge(baseOptions, defaultOptions$2), hideLegend$2, setTitle$2, setMin$2, setMax$2, setStacked$2, setXtitle$2, setYtitle$2);
 
-    if (chartType === "bar" || chartType === "column" || (chart.xtype !== "number" && chart.xtype !== "bubble")) {
-      var sortedLabels = [];
+  function prepareDefaultData(chart) {
+    var series = chart.data;
+    var rows = {};
+    var keys = [];
+    var labels = [];
+    var values = [];
 
-      for (i = 0; i < series.length; i++) {
-        s = series[i];
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
 
-        for (j = 0; j < s.data.length; j++) {
-          d = s.data[j];
-          key = chart.xtype == "datetime" ? d[0].getTime() : d[0];
-          if (!rows[key]) {
-            rows[key] = new Array(series.length);
-          }
-          rows[key][i] = toFloat(d[1]);
-          if (sortedLabels.indexOf(key) === -1) {
-            sortedLabels.push(key);
-          }
+      for (var j = 0; j < data.length; j++) {
+        var d = data[j];
+        var key = chart.xtype === "datetime" ? d[0].getTime() : d[0];
+        if (!rows[key]) {
+          rows[key] = new Array(series.length);
+          keys.push(key);
         }
+        rows[key][i] = d[1];
       }
+    }
+
+    if (chart.xtype === "datetime" || chart.xtype === "number") {
+      keys.sort(sortByNumber);
+    }
+
+    for (var i$1 = 0; i$1 < series.length; i$1++) {
+      values.push([]);
+    }
+
+    for (var i$2 = 0; i$2 < keys.length; i$2++) {
+      var key$1 = keys[i$2];
 
-      if (chart.xtype === "datetime" || chart.xtype === "number") {
-        sortedLabels.sort(sortByNumber);
+      var label = chart.xtype === "datetime" ? new Date(key$1) : key$1;
+      labels.push(label);
+
+      var row = rows[key$1];
+      for (var j$1 = 0; j$1 < series.length; j$1++) {
+        var v = row[j$1];
+        // Chart.js doesn't like undefined
+        values[j$1].push(v === undefined ? null : v);
       }
+    }
+
+    return {
+      labels: labels,
+      values: values
+    };
+  }
 
-      for (j = 0; j < series.length; j++) {
-        rows2.push([]);
+  function prepareBubbleData(chart) {
+    var series = chart.data;
+    var values = [];
+    var max = maxR(series);
+
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
+      var points = [];
+      for (var j = 0; j < data.length; j++) {
+        var v = data[j];
+        points.push({
+          x: v[0],
+          y: v[1],
+          r: v[2] * 20 / max,
+          // custom attribute, for tooltip
+          v: v[2]
+        });
       }
+      values.push(points);
+    }
 
-      var value;
-      var k;
-      for (k = 0; k < sortedLabels.length; k++) {
-        i = sortedLabels[k];
-        if (chart.xtype === "datetime") {
-          value = new Date(toFloat(i));
-          // TODO make this efficient
-          day = day && isDay(value);
-          if (!dayOfWeek) {
-            dayOfWeek = value.getDay();
-          }
-          week = week && isWeek(value, dayOfWeek);
-          month = month && isMonth(value);
-          year = year && isYear(value);
-          hour = hour && isHour(value);
-          minute = minute && isMinute(value);
-        } else {
-          value = i;
-        }
-        labels.push(value);
-        for (j = 0; j < series.length; j++) {
-          // Chart.js doesn't like undefined
-          rows2[j].push(rows[i][j] === undefined ? null : rows[i][j]);
-        }
+    return {
+      labels: [],
+      values: values
+    };
+  }
+
+  // scatter or numeric line/area
+  function prepareNumberData(chart) {
+    var series = chart.data;
+    var values = [];
+
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
+
+      data.sort(sortByNumberSeries);
+
+      var points = [];
+      for (var j = 0; j < data.length; j++) {
+        var v = data[j];
+        points.push({
+          x: v[0],
+          y: v[1]
+        });
       }
+      values.push(points);
+    }
+
+    return {
+      labels: [],
+      values: values
+    };
+  }
+
+  function prepareData(chart, chartType) {
+    if (chartType === "bubble") {
+      return prepareBubbleData(chart);
+    } else if (chart.xtype === "number" && chartType !== "bar" && chartType !== "column") {
+      return prepareNumberData(chart);
     } else {
-      for (var i$2 = 0; i$2 < series.length; i$2++) {
-        var s$2 = series[i$2];
-        var d$1 = [];
-        for (var j$2 = 0; j$2 < s$2.data.length; j$2++) {
-          var point = {
-            x: toFloat(s$2.data[j$2][0]),
-            y: toFloat(s$2.data[j$2][1])
-          };
-          if (chartType === "bubble") {
-            point.r = toFloat(s$2.data[j$2][2]) * 20 / max;
-            // custom attribute, for tooltip
-            point.v = s$2.data[j$2][2];
-          }
-          d$1.push(point);
-        }
-        rows2.push(d$1);
-      }
+      return prepareDefaultData(chart);
     }
+  }
 
-    var color;
-    var backgroundColor;
+  function createDataTable(chart, options, chartType) {
+    var ref = prepareData(chart, chartType);
+    var labels = ref.labels;
+    var values = ref.values;
 
-    for (i = 0; i < series.length; i++) {
-      s = series[i];
+    var series = chart.data;
+    var datasets = [];
+    var colors = chart.options.colors || defaultColors;
+    for (var i = 0; i < series.length; i++) {
+      var s = series[i];
 
       // use colors for each bar for single series format
-      if (chart.options.colors && chart.singleSeriesFormat && (chartType === "bar" || chartType === "column") && !s.color) {
+      var color = (void 0);
+      var backgroundColor = (void 0);
+      if (chart.options.colors && chart.singleSeriesFormat && (chartType === "bar" || chartType === "column") && !s.color && isArray(chart.options.colors) && !isArray(chart.options.colors[0])) {
         color = colors;
         backgroundColor = [];
-        for (var j$3 = 0; j$3 < colors.length; j$3++) {
-          backgroundColor[j$3] = addOpacity(color[j$3], 0.5);
+        for (var j = 0; j < colors.length; j++) {
+          backgroundColor[j] = addOpacity(color[j], 0.5);
         }
       } else {
         color = s.color || colors[i];
@@ -694,7 +778,7 @@
 
       var dataset = {
         label: s.name || "",
-        data: rows2[i],
+        data: values[i],
         fill: chartType === "area",
         borderColor: color,
         backgroundColor: backgroundColor,
@@ -743,100 +827,104 @@
 
     if (chart.xtype === "datetime") {
       if (notnull(xmin)) {
-        options.scales.x.ticks.min = toDate(xmin).getTime();
+        options.scales.x.min = toDate(xmin).getTime();
       }
       if (notnull(xmax)) {
-        options.scales.x.ticks.max = toDate(xmax).getTime();
+        options.scales.x.max = toDate(xmax).getTime();
       }
     } else if (chart.xtype === "number") {
       if (notnull(xmin)) {
-        options.scales.x.ticks.min = xmin;
-      }
-      if (notnull(xmax)) {
-        options.scales.x.ticks.max = xmax;
-      }
-    }
-
-    // for empty datetime chart
-    if (chart.xtype === "datetime" && labels.length === 0) {
-      if (notnull(xmin)) {
-        labels.push(toDate(xmin));
+        options.scales.x.min = xmin;
       }
       if (notnull(xmax)) {
-        labels.push(toDate(xmax));
+        options.scales.x.max = xmax;
       }
-      day = false;
-      week = false;
-      month = false;
-      year = false;
-      hour = false;
-      minute = false;
     }
 
-    if (chart.xtype === "datetime" && labels.length > 0) {
-      var minTime = (notnull(xmin) ? toDate(xmin) : labels[0]).getTime();
-      var maxTime = (notnull(xmax) ? toDate(xmax) : labels[0]).getTime();
+    if (chart.xtype === "datetime") {
+      var timeUnit = calculateTimeUnit(labels);
 
-      for (i = 1; i < labels.length; i++) {
-        var value$1 = labels[i].getTime();
-        if (value$1 < minTime) {
-          minTime = value$1;
+      // for empty datetime chart
+      if (labels.length === 0) {
+        if (notnull(xmin)) {
+          labels.push(toDate(xmin));
         }
-        if (value$1 > maxTime) {
-          maxTime = value$1;
+        if (notnull(xmax)) {
+          labels.push(toDate(xmax));
         }
       }
 
-      var timeDiff = (maxTime - minTime) / (86400 * 1000.0);
-
-      if (!options.scales.x.time.unit) {
-        var step;
-        if (year || timeDiff > 365 * 10) {
-          options.scales.x.time.unit = "year";
-          step = 365;
-        } else if (month || timeDiff > 30 * 10) {
-          options.scales.x.time.unit = "month";
-          step = 30;
-        } else if (day || timeDiff > 10) {
-          options.scales.x.time.unit = "day";
-          step = 1;
-        } else if (hour || timeDiff > 0.5) {
-          options.scales.x.time.displayFormats = {hour: "MMM d, h a"};
-          options.scales.x.time.unit = "hour";
-          step = 1 / 24.0;
-        } else if (minute) {
-          options.scales.x.time.displayFormats = {minute: "h:mm a"};
-          options.scales.x.time.unit = "minute";
-          step = 1 / 24.0 / 60.0;
+      if (labels.length > 0) {
+        var minTime = (notnull(xmin) ? toDate(xmin) : labels[0]).getTime();
+        var maxTime = (notnull(xmax) ? toDate(xmax) : labels[0]).getTime();
+
+        for (var i$1 = 1; i$1 < labels.length; i$1++) {
+          var value = labels[i$1].getTime();
+          if (value < minTime) {
+            minTime = value;
+          }
+          if (value > maxTime) {
+            maxTime = value;
+          }
         }
 
-        if (step && timeDiff > 0) {
-          var unitStepSize = Math.ceil(timeDiff / step / (chart.element.offsetWidth / 100.0));
-          if (week && step === 1) {
-            unitStepSize = Math.ceil(unitStepSize / 7.0) * 7;
+        var timeDiff = (maxTime - minTime) / (86400 * 1000.0);
+
+        if (!options.scales.x.time.unit) {
+          var step;
+          if (timeUnit === "year" || timeDiff > 365 * 10) {
+            options.scales.x.time.unit = "year";
+            step = 365;
+          } else if (timeUnit === "month" || timeDiff > 30 * 10) {
+            options.scales.x.time.unit = "month";
+            step = 30;
+          } else if (timeUnit === "week" || timeUnit === "day" || timeDiff > 10) {
+            options.scales.x.time.unit = "day";
+            step = 1;
+          } else if (timeUnit === "hour" || timeDiff > 0.5) {
+            options.scales.x.time.displayFormats = {hour: "MMM d, h a"};
+            options.scales.x.time.unit = "hour";
+            step = 1 / 24.0;
+          } else if (timeUnit === "minute") {
+            options.scales.x.time.displayFormats = {minute: "h:mm a"};
+            options.scales.x.time.unit = "minute";
+            step = 1 / 24.0 / 60.0;
+          }
+
+          if (step && timeDiff > 0) {
+            // width not available for hidden elements
+            var width = chart.element.offsetWidth;
+            if (width > 0) {
+              var unitStepSize = Math.ceil(timeDiff / step / (width / 100.0));
+              if (timeUnit === "week" && step === 1) {
+                unitStepSize = Math.ceil(unitStepSize / 7.0) * 7;
+              }
+              options.scales.x.ticks.stepSize = unitStepSize;
+            }
           }
-          options.scales.x.time.stepSize = unitStepSize;
         }
-      }
 
-      if (!options.scales.x.time.tooltipFormat) {
-        if (day) {
-          options.scales.x.time.tooltipFormat = "PP";
-        } else if (hour) {
-          options.scales.x.time.tooltipFormat = "MMM d, h a";
-        } else if (minute) {
-          options.scales.x.time.tooltipFormat = "h:mm a";
+        if (!options.scales.x.time.tooltipFormat) {
+          if (timeUnit === "year") {
+            options.scales.x.time.tooltipFormat = "yyyy";
+          } else if (timeUnit === "month") {
+            options.scales.x.time.tooltipFormat = "MMM yyyy";
+          } else if (timeUnit === "week" || timeUnit === "day") {
+            options.scales.x.time.tooltipFormat = "PP";
+          } else if (timeUnit === "hour") {
+            options.scales.x.time.tooltipFormat = "MMM d, h a";
+          } else if (timeUnit === "minute") {
+            options.scales.x.time.tooltipFormat = "h:mm a";
+          }
         }
       }
     }
 
-    var data = {
+    return {
       labels: labels,
       datasets: datasets
     };
-
-    return data;
-  };
+  }
 
   var defaultExport$2 = function defaultExport(library) {
     this.name = "chartjs";
@@ -844,20 +932,20 @@
   };
 
   defaultExport$2.prototype.renderLineChart = function renderLineChart (chart, chartType) {
-    var chartOptions = {};
-    // fix for https://github.com/chartjs/Chart.js/issues/2441
-    if (!chart.options.max && allZeros(chart.data)) {
-      chartOptions.max = 1;
+    if (!chartType) {
+      chartType = "line";
     }
 
+    var chartOptions = {};
+
     var options = jsOptions$2(chart, merge(chartOptions, chart.options));
     setFormatOptions$1(chart, options, chartType);
 
-    var data = createDataTable(chart, options, chartType || "line");
+    var data = createDataTable(chart, options, chartType);
 
     if (chart.xtype === "number") {
-      options.scales.x.type = "linear";
-      options.scales.x.position = "bottom";
+      options.scales.x.type = options.scales.x.type || "linear";
+      options.scales.x.position = options.scales.x.position || "bottom";
     } else {
       options.scales.x.type = chart.xtype === "string" ? "category" : "time";
     }
@@ -924,6 +1012,9 @@
     if (chartType !== "bar") {
       setLabelSize(chart, data, options);
     }
+    if (!("mode" in options.interaction)) {
+      options.interaction.mode = "index";
+    }
     this.drawChart(chart, "bar", data, options);
   };
 
@@ -947,8 +1038,8 @@
 
     var data = createDataTable(chart, options, chartType);
 
-    options.scales.x.type = "linear";
-    options.scales.x.position = "bottom";
+    options.scales.x.type = options.scales.x.type || "linear";
+    options.scales.x.position = options.scales.x.position || "bottom";
 
     // prevent grouping hover and tooltips
     if (!("mode" in options.interaction)) {
@@ -1035,7 +1126,7 @@
     }
   };
 
-  var hideLegend$1 = function (options, legend, hideLegend) {
+  function hideLegend$1(options, legend, hideLegend) {
     if (legend !== undefined) {
       options.legend.enabled = !!legend;
       if (legend && legend !== true) {
@@ -1050,38 +1141,38 @@
     } else if (hideLegend) {
       options.legend.enabled = false;
     }
-  };
+  }
 
-  var setTitle$1 = function (options, title) {
+  function setTitle$1(options, title) {
     options.title.text = title;
-  };
+  }
 
-  var setMin$1 = function (options, min) {
+  function setMin$1(options, min) {
     options.yAxis.min = min;
-  };
+  }
 
-  var setMax$1 = function (options, max) {
+  function setMax$1(options, max) {
     options.yAxis.max = max;
-  };
+  }
 
-  var setStacked$1 = function (options, stacked) {
+  function setStacked$1(options, stacked) {
     var stackedValue = stacked ? (stacked === true ? "normal" : stacked) : null;
     options.plotOptions.series.stacking = stackedValue;
     options.plotOptions.area.stacking = stackedValue;
     options.plotOptions.areaspline.stacking = stackedValue;
-  };
+  }
 
-  var setXtitle$1 = function (options, title) {
+  function setXtitle$1(options, title) {
     options.xAxis.title.text = title;
-  };
+  }
 
-  var setYtitle$1 = function (options, title) {
+  function setYtitle$1(options, title) {
     options.yAxis.title.text = title;
-  };
+  }
 
   var jsOptions$1 = jsOptionsFunc(defaultOptions$1, hideLegend$1, setTitle$1, setMin$1, setMax$1, setStacked$1, setXtitle$1, setYtitle$1);
 
-  var setFormatOptions = function(chart, options, chartType) {
+  function setFormatOptions(chart, options, chartType) {
     var formatOptions = {
       prefix: chart.options.prefix,
       suffix: chart.options.suffix,
@@ -1092,18 +1183,19 @@
       zeros: chart.options.zeros
     };
 
-    if (chartType !== "pie" && !options.yAxis.labels.formatter) {
+    // skip when axis is an array (like with min/max)
+    if (chartType !== "pie" && !isArray(options.yAxis) && !options.yAxis.labels.formatter) {
       options.yAxis.labels.formatter = function () {
         return formatValue("", this.value, formatOptions);
       };
     }
 
-    if (!options.tooltip.pointFormatter) {
+    if (!options.tooltip.pointFormatter && !options.tooltip.pointFormat) {
       options.tooltip.pointFormatter = function () {
         return '<span style="color:' + this.color + '">\u25CF</span> ' + formatValue(this.series.name + ': <b>', this.y, formatOptions) + '</b><br/>';
       };
     }
-  };
+  }
 
   var defaultExport$1 = function defaultExport(library) {
     this.name = "highcharts";
@@ -1139,21 +1231,27 @@
       }
     }
 
-    var options = jsOptions$1(chart, chart.options, chartOptions), data, i, j;
-    options.xAxis.type = chart.xtype === "string" ? "category" : (chart.xtype === "number" ? "linear" : "datetime");
+    var options = jsOptions$1(chart, chart.options, chartOptions);
+    if (chart.xtype === "number") {
+      options.xAxis.type = options.xAxis.type || "linear";
+    } else {
+      options.xAxis.type = chart.xtype === "string" ? "category" : "datetime";
+    }
     if (!options.chart.type) {
       options.chart.type = chartType;
     }
     setFormatOptions(chart, options, chartType);
 
     var series = chart.data;
-    for (i = 0; i < series.length; i++) {
+    for (var i = 0; i < series.length; i++) {
       series[i].name = series[i].name || "Value";
-      data = series[i].data;
+      var data = series[i].data;
       if (chart.xtype === "datetime") {
-        for (j = 0; j < data.length; j++) {
+        for (var j = 0; j < data.length; j++) {
           data[j][0] = data[j][0].getTime();
         }
+      } else if (chart.xtype === "number") {
+        data.sort(sortByNumberSeries);
       }
       series[i].marker = {symbol: "circle"};
       if (chart.options.points === false) {
@@ -1202,15 +1300,17 @@
   defaultExport$1.prototype.renderColumnChart = function renderColumnChart (chart, chartType) {
     chartType = chartType || "column";
     var series = chart.data;
-    var options = jsOptions$1(chart, chart.options), i, j, s, d, rows = [], categories = [];
+    var options = jsOptions$1(chart, chart.options);
+    var rows = [];
+    var categories = [];
     options.chart.type = chartType;
     setFormatOptions(chart, options, chartType);
 
-    for (i = 0; i < series.length; i++) {
-      s = series[i];
+    for (var i = 0; i < series.length; i++) {
+      var s = series[i];
 
-      for (j = 0; j < s.data.length; j++) {
-        d = s.data[j];
+      for (var j = 0; j < s.data.length; j++) {
+        var d = s.data[j];
         if (!rows[d[0]]) {
           rows[d[0]] = new Array(series.length);
           categories.push(d[0]);
@@ -1225,19 +1325,19 @@
 
     options.xAxis.categories = categories;
 
-    var newSeries = [], d2;
-    for (i = 0; i < series.length; i++) {
-      d = [];
-      for (j = 0; j < categories.length; j++) {
-        d.push(rows[categories[j]][i] || 0);
+    var newSeries = [];
+    for (var i$1 = 0; i$1 < series.length; i$1++) {
+      var d$1 = [];
+      for (var j$1 = 0; j$1 < categories.length; j$1++) {
+        d$1.push(rows[categories[j$1]][i$1] || 0);
       }
 
-      d2 = {
-        name: series[i].name || "Value",
-        data: d
+      var d2 = {
+        name: series[i$1].name || "Value",
+        data: d$1
       };
-      if (series[i].stack) {
-        d2.stack = series[i].stack;
+      if (series[i$1].stack) {
+        d2.stack = series[i$1].stack;
       }
 
       newSeries.push(d2);
@@ -1320,7 +1420,7 @@
     }
   };
 
-  var hideLegend = function (options, legend, hideLegend) {
+  function hideLegend(options, legend, hideLegend) {
     if (legend !== undefined) {
       var position;
       if (!legend) {
@@ -1334,53 +1434,53 @@
     } else if (hideLegend) {
       options.legend.position = "none";
     }
-  };
+  }
 
-  var setTitle = function (options, title) {
+  function setTitle(options, title) {
     options.title = title;
     options.titleTextStyle = {color: "#333", fontSize: "20px"};
-  };
+  }
 
-  var setMin = function (options, min) {
+  function setMin(options, min) {
     options.vAxis.viewWindow.min = min;
-  };
+  }
 
-  var setMax = function (options, max) {
+  function setMax(options, max) {
     options.vAxis.viewWindow.max = max;
-  };
+  }
 
-  var setBarMin = function (options, min) {
+  function setBarMin(options, min) {
     options.hAxis.viewWindow.min = min;
-  };
+  }
 
-  var setBarMax = function (options, max) {
+  function setBarMax(options, max) {
     options.hAxis.viewWindow.max = max;
-  };
+  }
 
-  var setStacked = function (options, stacked) {
-    options.isStacked = stacked ? stacked : false;
-  };
+  function setStacked(options, stacked) {
+    options.isStacked = stacked || false;
+  }
 
-  var setXtitle = function (options, title) {
+  function setXtitle(options, title) {
     options.hAxis.title = title;
     options.hAxis.titleTextStyle.italic = false;
-  };
+  }
 
-  var setYtitle = function (options, title) {
+  function setYtitle(options, title) {
     options.vAxis.title = title;
     options.vAxis.titleTextStyle.italic = false;
-  };
+  }
 
   var jsOptions = jsOptionsFunc(defaultOptions, hideLegend, setTitle, setMin, setMax, setStacked, setXtitle, setYtitle);
 
-  var resize = function (callback) {
+  function resize(callback) {
     if (window.attachEvent) {
       window.attachEvent("onresize", callback);
     } else if (window.addEventListener) {
       window.addEventListener("resize", callback, true);
     }
     callback();
-  };
+  }
 
   var defaultExport = function defaultExport(library) {
     this.name = "google";
@@ -1388,7 +1488,7 @@
   };
 
   defaultExport.prototype.renderLineChart = function renderLineChart (chart) {
-      var this$1 = this;
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
       var chartOptions = {};
@@ -1402,14 +1502,14 @@
       }
 
       var options = jsOptions(chart, chart.options, chartOptions);
-      var data = this$1.createDataTable(chart.data, chart.xtype);
+      var data = this$1$1.createDataTable(chart.data, chart.xtype);
 
-      this$1.drawChart(chart, "LineChart", data, options);
+      this$1$1.drawChart(chart, "LineChart", data, options);
     });
   };
 
   defaultExport.prototype.renderPieChart = function renderPieChart (chart) {
-      var this$1 = this;
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
       var chartOptions = {
@@ -1433,28 +1533,28 @@
       }
       var options = merge(merge(defaultOptions, chartOptions), chart.options.library || {});
 
-      var data = new this$1.library.visualization.DataTable();
+      var data = new this$1$1.library.visualization.DataTable();
       data.addColumn("string", "");
       data.addColumn("number", "Value");
       data.addRows(chart.data);
 
-      this$1.drawChart(chart, "PieChart", data, options);
+      this$1$1.drawChart(chart, "PieChart", data, options);
     });
   };
 
   defaultExport.prototype.renderColumnChart = function renderColumnChart (chart) {
-      var this$1 = this;
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
       var options = jsOptions(chart, chart.options);
-      var data = this$1.createDataTable(chart.data, chart.xtype);
+      var data = this$1$1.createDataTable(chart.data, chart.xtype);
 
-      this$1.drawChart(chart, "ColumnChart", data, options);
+      this$1$1.drawChart(chart, "ColumnChart", data, options);
     });
   };
 
   defaultExport.prototype.renderBarChart = function renderBarChart (chart) {
-      var this$1 = this;
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
       var chartOptions = {
@@ -1465,14 +1565,14 @@
         }
       };
       var options = jsOptionsFunc(defaultOptions, hideLegend, setTitle, setBarMin, setBarMax, setStacked, setXtitle, setYtitle)(chart, chart.options, chartOptions);
-      var data = this$1.createDataTable(chart.data, chart.xtype);
+      var data = this$1$1.createDataTable(chart.data, chart.xtype);
 
-      this$1.drawChart(chart, "BarChart", data, options);
+      this$1$1.drawChart(chart, "BarChart", data, options);
     });
   };
 
   defaultExport.prototype.renderAreaChart = function renderAreaChart (chart) {
-      var this$1 = this;
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
       var chartOptions = {
@@ -1482,14 +1582,14 @@
       };
 
       var options = jsOptions(chart, chart.options, chartOptions);
-      var data = this$1.createDataTable(chart.data, chart.xtype);
+      var data = this$1$1.createDataTable(chart.data, chart.xtype);
 
-      this$1.drawChart(chart, "AreaChart", data, options);
+      this$1$1.drawChart(chart, "AreaChart", data, options);
     });
   };
 
   defaultExport.prototype.renderGeoChart = function renderGeoChart (chart) {
-      var this$1 = this;
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, "geochart", function () {
       var chartOptions = {
@@ -1500,27 +1600,28 @@
       };
       var options = merge(merge(defaultOptions, chartOptions), chart.options.library || {});
 
-      var data = new this$1.library.visualization.DataTable();
+      var data = new this$1$1.library.visualization.DataTable();
       data.addColumn("string", "");
       data.addColumn("number", chart.options.label || "Value");
       data.addRows(chart.data);
 
-      this$1.drawChart(chart, "GeoChart", data, options);
+      this$1$1.drawChart(chart, "GeoChart", data, options);
     });
   };
 
   defaultExport.prototype.renderScatterChart = function renderScatterChart (chart) {
-      var this$1 = this;
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
       var chartOptions = {};
       var options = jsOptions(chart, chart.options, chartOptions);
 
-      var series = chart.data, rows2 = [], i, j, data, d;
-      for (i = 0; i < series.length; i++) {
+      var series = chart.data;
+      var rows2 = [];
+      for (var i = 0; i < series.length; i++) {
         series[i].name = series[i].name || "Value";
-        d = series[i].data;
-        for (j = 0; j < d.length; j++) {
+        var d = series[i].data;
+        for (var j = 0; j < d.length; j++) {
           var row = new Array(series.length + 1);
           row[0] = d[j][0];
           row[i + 1] = d[j][1];
@@ -1528,19 +1629,19 @@
         }
       }
 
-      data = new this$1.library.visualization.DataTable();
+      var data = new this$1$1.library.visualization.DataTable();
       data.addColumn("number", "");
-      for (i = 0; i < series.length; i++) {
-        data.addColumn("number", series[i].name);
+      for (var i$1 = 0; i$1 < series.length; i$1++) {
+        data.addColumn("number", series[i$1].name);
       }
       data.addRows(rows2);
 
-      this$1.drawChart(chart, "ScatterChart", data, options);
+      this$1$1.drawChart(chart, "ScatterChart", data, options);
     });
   };
 
   defaultExport.prototype.renderTimeline = function renderTimeline (chart) {
-      var this$1 = this;
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, "timeline", function () {
       var chartOptions = {
@@ -1552,7 +1653,7 @@
       }
       var options = merge(merge(defaultOptions, chartOptions), chart.options.library || {});
 
-      var data = new this$1.library.visualization.DataTable();
+      var data = new this$1$1.library.visualization.DataTable();
       data.addColumn({type: "string", id: "Name"});
       data.addColumn({type: "date", id: "Start"});
       data.addColumn({type: "date", id: "End"});
@@ -1560,7 +1661,7 @@
 
       chart.element.style.lineHeight = "normal";
 
-      this$1.drawChart(chart, "Timeline", data, options);
+      this$1$1.drawChart(chart, "Timeline", data, options);
     });
   };
 
@@ -1586,7 +1687,7 @@
   };
 
   defaultExport.prototype.waitForLoaded = function waitForLoaded (chart, pack, callback) {
-      var this$1 = this;
+      var this$1$1 = this;
 
     if (!callback) {
       callback = pack;
@@ -1603,7 +1704,7 @@
       // https://groups.google.com/forum/#!topic/google-visualization-api/fMKJcyA2yyI
       var loadOptions = {
         packages: [pack],
-        callback: function () { this$1.runCallbacks(); }
+        callback: function () { this$1$1.runCallbacks(); }
       };
       var config = chart.__config();
       if (config.language) {
@@ -1618,10 +1719,9 @@
   };
 
   defaultExport.prototype.runCallbacks = function runCallbacks () {
-    var cb, call;
     for (var i = 0; i < callbacks.length; i++) {
-      cb = callbacks[i];
-      call = this.library.visualization && ((cb.pack === "corechart" && this.library.visualization.LineChart) || (cb.pack === "timeline" && this.library.visualization.Timeline) || (cb.pack === "geochart" && this.library.visualization.GeoChart));
+      var cb = callbacks[i];
+      var call = this.library.visualization && ((cb.pack === "corechart" && this.library.visualization.LineChart) || (cb.pack === "timeline" && this.library.visualization.Timeline) || (cb.pack === "geochart" && this.library.visualization.GeoChart));
       if (call) {
         cb.callback();
         callbacks.splice(i, 1);
@@ -1632,44 +1732,48 @@
 
   // cant use object as key
   defaultExport.prototype.createDataTable = function createDataTable (series, columnType) {
-    var i, j, s, d, key, rows = [], sortedLabels = [];
-    for (i = 0; i < series.length; i++) {
-      s = series[i];
+    var rows = [];
+    var sortedLabels = [];
+    for (var i = 0; i < series.length; i++) {
+      var s = series[i];
       series[i].name = series[i].name || "Value";
 
-      for (j = 0; j < s.data.length; j++) {
-        d = s.data[j];
-        key = (columnType === "datetime") ? d[0].getTime() : d[0];
+      for (var j = 0; j < s.data.length; j++) {
+        var d = s.data[j];
+        var key = columnType === "datetime" ? d[0].getTime() : d[0];
         if (!rows[key]) {
           rows[key] = new Array(series.length);
           sortedLabels.push(key);
         }
-        rows[key][i] = toFloat(d[1]);
+        rows[key][i] = d[1];
       }
     }
 
     var rows2 = [];
-    var day = true;
-    var value;
-    for (j = 0; j < sortedLabels.length; j++) {
-      i = sortedLabels[j];
+    var values = [];
+    for (var j$1 = 0; j$1 < sortedLabels.length; j$1++) {
+      var i$1 = sortedLabels[j$1];
+      var value = (void 0);
       if (columnType === "datetime") {
-        value = new Date(toFloat(i));
-        day = day && isDay(value);
-      } else if (columnType === "number") {
-        value = toFloat(i);
+        value = new Date(i$1);
+        values.push(value);
       } else {
-        value = i;
+        value = i$1;
       }
-      rows2.push([value].concat(rows[i]));
+      rows2.push([value].concat(rows[i$1]));
     }
+
+    var day = true;
     if (columnType === "datetime") {
       rows2.sort(sortByTime);
+
+      var timeUnit = calculateTimeUnit(values, true);
+      day = isDay(timeUnit);
     } else if (columnType === "number") {
       rows2.sort(sortByNumberSeries);
 
-      for (i = 0; i < rows2.length; i++) {
-        rows2[i][0] = toStr(rows2[i][0]);
+      for (var i$2 = 0; i$2 < rows2.length; i$2++) {
+        rows2[i$2][0] = toStr(rows2[i$2][0]);
       }
 
       columnType = "string";
@@ -1679,232 +1783,39 @@
     var data = new this.library.visualization.DataTable();
     columnType = columnType === "datetime" && day ? "date" : columnType;
     data.addColumn(columnType, "");
-    for (i = 0; i < series.length; i++) {
-      data.addColumn("number", series[i].name);
+    for (var i$3 = 0; i$3 < series.length; i$3++) {
+      data.addColumn("number", series[i$3].name);
     }
     data.addRows(rows2);
 
     return data;
   };
 
-  var pendingRequests = [], runningRequests = 0, maxRequests = 4;
-
-  function pushRequest(url, success, error) {
-    pendingRequests.push([url, success, error]);
-    runNext();
-  }
+  var adapters = [];
 
-  function runNext() {
-    if (runningRequests < maxRequests) {
-      var request = pendingRequests.shift();
-      if (request) {
-        runningRequests++;
-        getJSON(request[0], request[1], request[2]);
-        runNext();
+  function getAdapterType(library) {
+    if (library) {
+      if (library.product === "Highcharts") {
+        return defaultExport$1;
+      } else if (library.charts) {
+        return defaultExport;
+      } else if (isFunction(library)) {
+        return defaultExport$2;
       }
     }
-  }
-
-  function requestComplete() {
-    runningRequests--;
-    runNext();
-  }
-
-  function getJSON(url, success, error) {
-    ajaxCall(url, success, function (jqXHR, textStatus, errorThrown) {
-      var message = (typeof errorThrown === "string") ? errorThrown : errorThrown.message;
-      error(message);
-    });
-  }
-
-  function ajaxCall(url, success, error) {
-    var $ = window.jQuery || window.Zepto || window.$;
-
-    if ($ && $.ajax) {
-      $.ajax({
-        dataType: "json",
-        url: url,
-        success: success,
-        error: error,
-        complete: requestComplete
-      });
-    } else {
-      var xhr = new XMLHttpRequest();
-      xhr.open("GET", url, true);
-      xhr.setRequestHeader("Content-Type", "application/json");
-      xhr.onload = function () {
-        requestComplete();
-        if (xhr.status === 200) {
-          success(JSON.parse(xhr.responseText), xhr.statusText, xhr);
-        } else {
-          error(xhr, "error", xhr.statusText);
-        }
-      };
-      xhr.send();
-    }
-  }
-
-  var config = {};
-  var adapters = [];
-
-  // helpers
-
-  function setText(element, text) {
-    if (document.body.innerText) {
-      element.innerText = text;
-    } else {
-      element.textContent = text;
-    }
-  }
-
-  // TODO remove prefix for all messages
-  function chartError(element, message, noPrefix) {
-    if (!noPrefix) {
-      message = "Error Loading Chart: " + message;
-    }
-    setText(element, message);
-    element.style.color = "#ff0000";
-  }
-
-  function errorCatcher(chart) {
-    try {
-      chart.__render();
-    } catch (err) {
-      chartError(chart.element, err.message);
-      throw err;
-    }
-  }
-
-  function fetchDataSource(chart, dataSource, showLoading) {
-    // only show loading message for urls and callbacks
-    if (showLoading && chart.options.loading && (typeof dataSource === "string" || typeof dataSource === "function")) {
-      setText(chart.element, chart.options.loading);
-    }
-
-    if (typeof dataSource === "string") {
-      pushRequest(dataSource, function (data) {
-        chart.rawData = data;
-        errorCatcher(chart);
-      }, function (message) {
-        chartError(chart.element, message);
-      });
-    } else if (typeof dataSource === "function") {
-      try {
-        dataSource(function (data) {
-          chart.rawData = data;
-          errorCatcher(chart);
-        }, function (message) {
-          chartError(chart.element, message, true);
-        });
-      } catch (err) {
-        chartError(chart.element, err, true);
-      }
-    } else {
-      chart.rawData = dataSource;
-      errorCatcher(chart);
-    }
-  }
-
-  function addDownloadButton(chart) {
-    var element = chart.element;
-    var link = document.createElement("a");
-
-    var download = chart.options.download;
-    if (download === true) {
-      download = {};
-    } else if (typeof download === "string") {
-      download = {filename: download};
-    }
-    link.download = download.filename || "chart.png"; // https://caniuse.com/download
-
-    link.style.position = "absolute";
-    link.style.top = "20px";
-    link.style.right = "20px";
-    link.style.zIndex = 1000;
-    link.style.lineHeight = "20px";
-    link.target = "_blank"; // for safari
-    var image = document.createElement("img");
-    image.alt = "Download";
-    image.style.border = "none";
-    // icon from font-awesome
-    // http://fa2png.io/
-    image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABCFBMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMywEsqxAAAAV3RSTlMAAQIDBggJCgsMDQ4PERQaHB0eISIjJCouLzE0OTo/QUJHSUpLTU5PUllhYmltcHh5foWLjI+SlaCio6atr7S1t7m6vsHHyM7R2tze5Obo7fHz9ff5+/1hlxK2AAAA30lEQVQYGUXBhVYCQQBA0TdYWAt2d3d3YWAHyur7/z9xgD16Lw0DW+XKx+1GgX+FRzM3HWQWrHl5N/oapW5RPe0PkBu+UYeICvozTWZVK23Ao04B79oJrOsJDOoxkZoQPWgX29pHpCZEk7rEvQYiNSFq1UMqvlCjJkRBS1R8hb00Vb/TajtBL7nTHE1X1vyMQF732dQhyF2o6SAwrzP06iUQzvwsArlnzcOdrgBhJyHa1QOgO9U1GsKuvjUTjavliZYQ8nNPapG6sap/3nrIdJ6bOWzmX/fy0XVpfzZP3S8OJT3g9EEiJwAAAABJRU5ErkJggg==";
-    link.appendChild(image);
-    element.style.position = "relative";
-
-    chart.__downloadAttached = true;
-
-    // mouseenter
-    chart.__enterEvent = addEvent(element, "mouseover", function(e) {
-      var related = e.relatedTarget;
-      // check download option again to ensure it wasn't changed
-      if ((!related || (related !== this && !childOf(this, related))) && chart.options.download) {
-        link.href = chart.toImage(download);
-        element.appendChild(link);
-      }
-    });
-
-    // mouseleave
-    chart.__leaveEvent = addEvent(element, "mouseout", function(e) {
-      var related = e.relatedTarget;
-      if (!related || (related !== this && !childOf(this, related))) {
-        if (link.parentNode) {
-          link.parentNode.removeChild(link);
-        }
-      }
-    });
-  }
-
-  // https://stackoverflow.com/questions/10149963/adding-event-listener-cross-browser
-  function addEvent(elem, event, fn) {
-    if (elem.addEventListener) {
-      elem.addEventListener(event, fn, false);
-      return fn;
-    } else {
-      var fn2 = function() {
-        // set the this pointer same as addEventListener when fn is called
-        return(fn.call(elem, window.event));
-      };
-      elem.attachEvent("on" + event, fn2);
-      return fn2;
-    }
-  }
-
-  function removeEvent(elem, event, fn) {
-    if (elem.removeEventListener) {
-      elem.removeEventListener(event, fn, false);
-    } else {
-      elem.detachEvent("on" + event, fn);
-    }
-  }
-
-  // https://gist.github.com/shawnbot/4166283
-  function childOf(p, c) {
-    if (p === c) { return false; }
-    while (c && c !== p) { c = c.parentNode; }
-    return c === p;
-  }
-
-  function getAdapterType(library) {
-    if (library) {
-      if (library.product === "Highcharts") {
-        return defaultExport$1;
-      } else if (library.charts) {
-        return defaultExport;
-      } else if (isFunction(library)) {
-        return defaultExport$2;
-      }
-    }
-    throw new Error("Unknown adapter");
+    throw new Error("Unknown adapter");
   }
 
   function addAdapter(library) {
     var adapterType = getAdapterType(library);
-    var adapter = new adapterType(library);
 
-    if (adapters.indexOf(adapter) === -1) {
-      adapters.push(adapter);
+    for (var i = 0; i < adapters.length; i++) {
+      if (adapters[i].library === library) {
+        return;
+      }
     }
+
+    adapters.push(new adapterType(library));
   }
 
   function loadAdapters() {
@@ -1921,42 +1832,16 @@
     }
   }
 
-  function dataEmpty(data, chartType) {
-    if (chartType === "PieChart" || chartType === "GeoChart" || chartType === "Timeline") {
-      return data.length === 0;
-    } else {
-      for (var i = 0; i < data.length; i++) {
-        if (data[i].data.length > 0) {
-          return false;
-        }
-      }
-      return true;
-    }
-  }
-
-  function renderChart(chartType, chart) {
-    if (dataEmpty(chart.data, chartType)) {
-      var message = chart.options.empty || (chart.options.messages && chart.options.messages.empty) || "No data";
-      setText(chart.element, message);
-    } else {
-      callAdapter(chartType, chart);
-      if (chart.options.download && !chart.__downloadAttached && chart.adapter === "chartjs") {
-        addDownloadButton(chart);
-      }
-    }
-  }
-
   // TODO remove chartType if cross-browser way
   // to get the name of the chart class
   function callAdapter(chartType, chart) {
-    var i, adapter, fnName, adapterName;
-    fnName = "render" + chartType;
-    adapterName = chart.options.adapter;
+    var fnName = "render" + chartType;
+    var adapterName = chart.options.adapter;
 
     loadAdapters();
 
-    for (i = 0; i < adapters.length; i++) {
-      adapter = adapters[i];
+    for (var i = 0; i < adapters.length; i++) {
+      var adapter = adapters[i];
       if ((!adapterName || adapterName === adapter.name) && isFunction(adapter[fnName])) {
         chart.adapter = adapter.name;
         chart.__adapterObject = adapter;
@@ -1971,36 +1856,73 @@
     }
   }
 
-  // process data
+  var Chartkick = {
+    charts: {},
+    configure: function (options) {
+      for (var key in options) {
+        if (Object.prototype.hasOwnProperty.call(options, key)) {
+          Chartkick.config[key] = options[key];
+        }
+      }
+    },
+    setDefaultOptions: function (opts) {
+      Chartkick.options = opts;
+    },
+    eachChart: function (callback) {
+      for (var chartId in Chartkick.charts) {
+        if (Object.prototype.hasOwnProperty.call(Chartkick.charts, chartId)) {
+          callback(Chartkick.charts[chartId]);
+        }
+      }
+    },
+    destroyAll: function () {
+      for (var chartId in Chartkick.charts) {
+        if (Object.prototype.hasOwnProperty.call(Chartkick.charts, chartId)) {
+          Chartkick.charts[chartId].destroy();
+          delete Chartkick.charts[chartId];
+        }
+      }
+    },
+    config: {},
+    options: {},
+    adapters: adapters,
+    addAdapter: addAdapter,
+    use: function (adapter) {
+      addAdapter(adapter);
+      return Chartkick;
+    }
+  };
+
+  function formatSeriesBubble(data) {
+    var r = [];
+    for (var i = 0; i < data.length; i++) {
+      r.push([toFloat(data[i][0]), toFloat(data[i][1]), toFloat(data[i][2])]);
+    }
+    return r;
+  }
+
+  // casts data to proper type
+  // sorting is left to adapters
+  function formatSeriesData(data, keyType) {
+    if (keyType === "bubble") {
+      return formatSeriesBubble(data);
+    }
 
-  var toFormattedKey = function (key, keyType) {
+    var keyFunc;
     if (keyType === "number") {
-      key = toFloat(key);
+      keyFunc = toFloat;
     } else if (keyType === "datetime") {
-      key = toDate(key);
+      keyFunc = toDate;
     } else {
-      key = toStr(key);
+      keyFunc = toStr;
     }
-    return key;
-  };
 
-  var formatSeriesData = function (data, keyType) {
-    var r = [], key, j;
-    for (j = 0; j < data.length; j++) {
-      if (keyType === "bubble") {
-        r.push([toFloat(data[j][0]), toFloat(data[j][1]), toFloat(data[j][2])]);
-      } else {
-        key = toFormattedKey(data[j][0], keyType);
-        r.push([key, toFloat(data[j][1])]);
-      }
-    }
-    if (keyType === "datetime") {
-      r.sort(sortByTime);
-    } else if (keyType === "number") {
-      r.sort(sortByNumberSeries);
+    var r = [];
+    for (var i = 0; i < data.length; i++) {
+      r.push([keyFunc(data[i][0]), toFloat(data[i][1])]);
     }
     return r;
-  };
+  }
 
   function detectXType(series, noDatetime, options) {
     if (dataEmpty(series)) {
@@ -2019,10 +1941,9 @@
   }
 
   function detectXTypeWithFunction(series, func) {
-    var i, j, data;
-    for (i = 0; i < series.length; i++) {
-      data = toArr(series[i].data);
-      for (j = 0; j < data.length; j++) {
+    for (var i = 0; i < series.length; i++) {
+      var data = toArr(series[i].data);
+      for (var j = 0; j < data.length; j++) {
         if (!func(data[j][0])) {
           return false;
         }
@@ -2034,11 +1955,11 @@
   // creates a shallow copy of each element of the array
   // elements are expected to be objects
   function copySeries(series) {
-    var newSeries = [], i, j;
-    for (i = 0; i < series.length; i++) {
+    var newSeries = [];
+    for (var i = 0; i < series.length; i++) {
       var copy = {};
-      for (j in series[i]) {
-        if (series[i].hasOwnProperty(j)) {
+      for (var j in series[i]) {
+        if (Object.prototype.hasOwnProperty.call(series[i], j)) {
           copy[j] = series[i][j];
         }
       }
@@ -2048,60 +1969,235 @@
   }
 
   function processSeries(chart, keyType, noDatetime) {
-    var i;
-
     var opts = chart.options;
     var series = chart.rawData;
 
     // see if one series or multiple
-    if (!isArray(series) || typeof series[0] !== "object" || isArray(series[0])) {
+    chart.singleSeriesFormat = !isArray(series) || !isPlainObject(series[0]);
+    if (chart.singleSeriesFormat) {
       series = [{name: opts.label, data: series}];
-      chart.singleSeriesFormat = true;
-    } else {
-      chart.singleSeriesFormat = false;
     }
 
     // convert to array
     // must come before dataEmpty check
     series = copySeries(series);
-    for (i = 0; i < series.length; i++) {
+    for (var i = 0; i < series.length; i++) {
       series[i].data = toArr(series[i].data);
     }
 
-    chart.xtype = keyType ? keyType : (opts.discrete ? "string" : detectXType(series, noDatetime, opts));
+    chart.xtype = keyType || (opts.discrete ? "string" : detectXType(series, noDatetime, opts));
 
     // right format
-    for (i = 0; i < series.length; i++) {
-      series[i].data = formatSeriesData(series[i].data, chart.xtype);
+    for (var i$1 = 0; i$1 < series.length; i$1++) {
+      series[i$1].data = formatSeriesData(series[i$1].data, chart.xtype);
     }
 
     return series;
   }
 
   function processSimple(chart) {
-    var perfectData = toArr(chart.rawData), i;
-    for (i = 0; i < perfectData.length; i++) {
+    var perfectData = toArr(chart.rawData);
+    for (var i = 0; i < perfectData.length; i++) {
       perfectData[i] = [toStr(perfectData[i][0]), toFloat(perfectData[i][1])];
     }
     return perfectData;
   }
 
-  // define classes
+  function dataEmpty(data, chartType) {
+    if (chartType === "PieChart" || chartType === "GeoChart" || chartType === "Timeline") {
+      return data.length === 0;
+    } else {
+      for (var i = 0; i < data.length; i++) {
+        if (data[i].data.length > 0) {
+          return false;
+        }
+      }
+      return true;
+    }
+  }
 
-  var Chart = function Chart(element, dataSource, options) {
-    var elementId;
+  function addDownloadButton(chart) {
+    var download = chart.options.download;
+    if (download === true) {
+      download = {};
+    } else if (typeof download === "string") {
+      download = {filename: download};
+    }
+
+    var link = document.createElement("a");
+    link.download = download.filename || "chart.png";
+    link.style.position = "absolute";
+    link.style.top = "20px";
+    link.style.right = "20px";
+    link.style.zIndex = 1000;
+    link.style.lineHeight = "20px";
+    link.target = "_blank"; // for safari
+
+    var image = document.createElement("img");
+    // icon from Font Awesome, modified to set fill color
+    var svg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path fill=\"#CCCCCC\" d=\"M344 240h-56L287.1 152c0-13.25-10.75-24-24-24h-16C234.7 128 223.1 138.8 223.1 152L224 240h-56c-9.531 0-18.16 5.656-22 14.38C142.2 263.1 143.9 273.3 150.4 280.3l88.75 96C243.7 381.2 250.1 384 256.8 384c7.781-.3125 13.25-2.875 17.75-7.844l87.25-96c6.406-7.031 8.031-17.19 4.188-25.88S353.5 240 344 240zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z\"/></svg>";
+    image.src = "data:image/svg+xml;utf8," + (encodeURIComponent(svg));
+    image.alt = "Download";
+    image.style.width = "20px";
+    image.style.height = "20px";
+    image.style.border = "none";
+    link.appendChild(image);
+
+    var element = chart.element;
+    element.style.position = "relative";
+
+    chart.__downloadAttached = true;
+
+    // mouseenter
+    chart.__enterEvent = element.addEventListener("mouseover", function (e) {
+      var related = e.relatedTarget;
+      // check download option again to ensure it wasn't changed
+      if ((!related || (related !== this && !this.contains(related))) && chart.options.download) {
+        link.href = chart.toImage(download);
+        element.appendChild(link);
+      }
+    });
+
+    // mouseleave
+    chart.__leaveEvent = element.addEventListener("mouseout", function (e) {
+      var related = e.relatedTarget;
+      if (!related || (related !== this && !this.contains(related))) {
+        if (link.parentNode) {
+          link.parentNode.removeChild(link);
+        }
+      }
+    });
+  }
+
+  var pendingRequests = [];
+  var runningRequests = 0;
+  var maxRequests = 4;
+
+  function pushRequest(url, success, error) {
+    pendingRequests.push([url, success, error]);
+    runNext();
+  }
+
+  function runNext() {
+    if (runningRequests < maxRequests) {
+      var request = pendingRequests.shift();
+      if (request) {
+        runningRequests++;
+        getJSON(request[0], request[1], request[2]);
+        runNext();
+      }
+    }
+  }
+
+  function requestComplete() {
+    runningRequests--;
+    runNext();
+  }
+
+  function getJSON(url, success, error) {
+    var xhr = new XMLHttpRequest();
+    xhr.open("GET", url, true);
+    xhr.setRequestHeader("Content-Type", "application/json");
+    xhr.onload = function () {
+      requestComplete();
+      if (xhr.status === 200) {
+        success(JSON.parse(xhr.responseText));
+      } else {
+        error(xhr.statusText);
+      }
+    };
+    xhr.send();
+  }
+
+  // helpers
+
+  function setText(element, text) {
+    element.textContent = text;
+  }
+
+  // TODO remove prefix for all messages
+  function chartError(element, message, noPrefix) {
+    if (!noPrefix) {
+      message = "Error Loading Chart: " + message;
+    }
+    setText(element, message);
+    element.style.color = "#ff0000";
+  }
+
+  function errorCatcher(chart) {
+    try {
+      chart.__render();
+    } catch (err) {
+      chartError(chart.element, err.message);
+      throw err;
+    }
+  }
+
+  function fetchDataSource(chart, dataSource, showLoading) {
+    // only show loading message for urls and callbacks
+    if (showLoading && chart.options.loading && (typeof dataSource === "string" || typeof dataSource === "function")) {
+      setText(chart.element, chart.options.loading);
+    }
+
+    if (typeof dataSource === "string") {
+      pushRequest(dataSource, function (data) {
+        chart.rawData = data;
+        errorCatcher(chart);
+      }, function (message) {
+        chartError(chart.element, message);
+      });
+    } else if (typeof dataSource === "function") {
+      try {
+        dataSource(function (data) {
+          chart.rawData = data;
+          errorCatcher(chart);
+        }, function (message) {
+          chartError(chart.element, message, true);
+        });
+      } catch (err) {
+        chartError(chart.element, err, true);
+      }
+    } else {
+      chart.rawData = dataSource;
+      errorCatcher(chart);
+    }
+  }
+
+  function renderChart(chartType, chart) {
+    if (dataEmpty(chart.data, chartType)) {
+      var message = chart.options.empty || (chart.options.messages && chart.options.messages.empty) || "No data";
+      setText(chart.element, message);
+    } else {
+      callAdapter(chartType, chart);
+      // TODO add downloadSupported method to adapter
+      if (chart.options.download && !chart.__downloadAttached && chart.adapter === "chartjs") {
+        addDownloadButton(chart);
+      }
+    }
+  }
+
+  function getElement(element) {
     if (typeof element === "string") {
-      elementId = element;
+      var elementId = element;
       element = document.getElementById(element);
       if (!element) {
         throw new Error("No element with id " + elementId);
       }
     }
-    this.element = element;
+    return element;
+  }
+
+  // define classes
+
+  var Chart = function Chart(element, dataSource, options) {
+    this.element = getElement(element);
     this.options = merge(Chartkick.options, options || {});
     this.dataSource = dataSource;
 
-    Chartkick.charts[element.id] = this;
+    // TODO handle charts without an id for eachChart and destroyAll
+    if (this.element.id) {
+      Chartkick.charts[this.element.id] = this;
+    }
 
     fetchDataSource(this, dataSource, true);
 
@@ -2163,7 +2259,7 @@
   };
 
   Chart.prototype.startRefresh = function startRefresh () {
-      var this$1 = this;
+      var this$1$1 = this;
 
     var refresh = this.options.refresh;
 
@@ -2173,8 +2269,8 @@
 
     if (!this.intervalId) {
       if (refresh) {
-        this.intervalId = setInterval( function () {
-          this$1.refreshData();
+        this.intervalId = setInterval(function () {
+          this$1$1.refreshData();
         }, refresh * 1000);
       } else {
         throw new Error("No refresh interval");
@@ -2190,11 +2286,12 @@
   };
 
   Chart.prototype.toImage = function toImage (download) {
+    // TODO move logic to adapter
     if (this.adapter === "chartjs") {
       if (download && download.background && download.background !== "transparent") {
         // https://stackoverflow.com/questions/30464750/chartjs-line-chart-set-background-color
-        var canvas = this.chart.chart.canvas;
-        var ctx = this.chart.chart.ctx;
+        var canvas = this.chart.canvas;
+        var ctx = this.chart.ctx;
         var tmpCanvas = document.createElement("canvas");
         var tmpCtx = tmpCanvas.getContext("2d");
         tmpCanvas.width = ctx.canvas.width;
@@ -2220,11 +2317,11 @@
     }
 
     if (this.__enterEvent) {
-      removeEvent(this.element, "mouseover", this.__enterEvent);
+      this.element.removeEventListener("mouseover", this.__enterEvent);
     }
 
     if (this.__leaveEvent) {
-      removeEvent(this.element, "mouseout", this.__leaveEvent);
+      this.element.removeEventListener("mouseout", this.__leaveEvent);
     }
   };
 
@@ -2243,7 +2340,7 @@
   };
 
   Chart.prototype.__config = function __config () {
-    return config;
+    return Chartkick.config;
   };
 
   var LineChart = /*@__PURE__*/(function (Chart) {
@@ -2416,8 +2513,8 @@
     Timeline.prototype.constructor = Timeline;
 
     Timeline.prototype.__processData = function __processData () {
-      var i, data = this.rawData;
-      for (i = 0; i < data.length; i++) {
+      var data = this.rawData;
+      for (var i = 0; i < data.length; i++) {
         data[i][1] = toDate(data[i][1]);
         data[i][2] = toDate(data[i][2]);
       }
@@ -2431,63 +2528,36 @@
     return Timeline;
   }(Chart));
 
-  var Chartkick = {
-    LineChart: LineChart,
-    PieChart: PieChart,
-    ColumnChart: ColumnChart,
-    BarChart: BarChart,
-    AreaChart: AreaChart,
-    GeoChart: GeoChart,
-    ScatterChart: ScatterChart,
-    BubbleChart: BubbleChart,
-    Timeline: Timeline,
-    charts: {},
-    configure: function (options) {
-      for (var key in options) {
-        if (options.hasOwnProperty(key)) {
-          config[key] = options[key];
-        }
-      }
-    },
-    setDefaultOptions: function (opts) {
-      Chartkick.options = opts;
-    },
-    eachChart: function (callback) {
-      for (var chartId in Chartkick.charts) {
-        if (Chartkick.charts.hasOwnProperty(chartId)) {
-          callback(Chartkick.charts[chartId]);
-        }
-      }
-    },
-    destroyAll: function() {
-      for (var chartId in Chartkick.charts) {
-        if (Chartkick.charts.hasOwnProperty(chartId)) {
-          Chartkick.charts[chartId].destroy();
-          delete Chartkick.charts[chartId];
-        }
-      }
-    },
-    config: config,
-    options: {},
-    adapters: adapters,
-    addAdapter: addAdapter,
-    use: function(adapter) {
-      addAdapter(adapter);
-      return Chartkick;
-    }
-  };
+  Chartkick.LineChart = LineChart;
+  Chartkick.PieChart = PieChart;
+  Chartkick.ColumnChart = ColumnChart;
+  Chartkick.BarChart = BarChart;
+  Chartkick.AreaChart = AreaChart;
+  Chartkick.GeoChart = GeoChart;
+  Chartkick.ScatterChart = ScatterChart;
+  Chartkick.BubbleChart = BubbleChart;
+  Chartkick.Timeline = Timeline;
 
   // not ideal, but allows for simpler integration
   if (typeof window !== "undefined" && !window.Chartkick) {
     window.Chartkick = Chartkick;
 
     // clean up previous charts before Turbolinks loads new page
-    document.addEventListener("turbolinks:before-render", function() {
-      Chartkick.destroyAll();
+    document.addEventListener("turbolinks:before-render", function () {
+      if (Chartkick.config.autoDestroy !== false) {
+        Chartkick.destroyAll();
+      }
+    });
+
+    // clean up previous charts before Turbo loads new page
+    document.addEventListener("turbo:before-render", function () {
+      if (Chartkick.config.autoDestroy !== false) {
+        Chartkick.destroyAll();
+      }
     });
 
     // use setTimeout so charting library can come later in same JS file
-    setTimeout(function() {
+    setTimeout(function () {
       window.dispatchEvent(new Event("chartkick:load"));
     }, 0);
   }
@@ -2497,4 +2567,4 @@
 
   return Chartkick;
 
-})));
+}));
diff --git a/licenses/LICENSE-chart.js.txt b/licenses/LICENSE-chart.js.txt
index 5060fabc1..9182b8e81 100644
--- a/licenses/LICENSE-chart.js.txt
+++ b/licenses/LICENSE-chart.js.txt
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2014-2021 Chart.js Contributors
+Copyright (c) 2014-2022 Chart.js Contributors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 
diff --git a/licenses/LICENSE-date-fns.txt b/licenses/LICENSE-date-fns.txt
index 85400b839..29c6e85fd 100644
--- a/licenses/LICENSE-date-fns.txt
+++ b/licenses/LICENSE-date-fns.txt
@@ -1,20 +1,21 @@
-Copyright (C) 2020 Sasha Koss and Lesha Koss
-
-# License
-
-date-fns is licensed under the [MIT license](http://kossnocorp.mit-license.org).
-Read more about MIT at [TLDRLegal](https://tldrlegal.com/license/mit-license).
-
----
-
-Text from http://kossnocorp.mit-license.org
-
-The MIT License (MIT)
-
-Copyright © 2021 Sasha Koss
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+MIT License
+
+Copyright (c) 2021 Sasha Koss and Lesha Koss https://kossnocorp.mit-license.org
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/licenses/LICENSE-kurkle-color.txt b/licenses/LICENSE-kurkle-color.txt
new file mode 100644
index 000000000..ae411212b
--- /dev/null
+++ b/licenses/LICENSE-kurkle-color.txt
@@ -0,0 +1,9 @@
+The MIT License (MIT)
+
+Copyright (c) 2018-2021 Jukka Kurkela
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

From 301e4e7f2eb5cf5a2636a67a600c11546f9d9a63 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Tue, 21 Feb 2023 16:32:25 -0800
Subject: [PATCH 12/57] Added support for pg_query 4 - fixes #443

---
 CHANGELOG.md                            |  1 +
 gemfiles/activerecord60.gemfile         |  2 +-
 gemfiles/activerecord61.gemfile         |  2 +-
 lib/pghero/methods/suggested_indexes.rb | 12 ++++++++----
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e6d20a933..aa203deff 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## 3.2.0 (unreleased)
 
+- Added support for pg_query 4
 - Added `pghero:clean_space_stats` rake task
 - Added support for specifying retention period with `clean_query_stats` and `clean_space_stats`
 - Removed reset button when historical query stats are enabled
diff --git a/gemfiles/activerecord60.gemfile b/gemfiles/activerecord60.gemfile
index 7405b578e..41e407b70 100644
--- a/gemfiles/activerecord60.gemfile
+++ b/gemfiles/activerecord60.gemfile
@@ -8,4 +8,4 @@ gem "rake"
 gem "activerecord", "~> 6.0.0"
 gem "combustion"
 gem "pg"
-gem "pg_query"
+gem "pg_query", "~> 2"
diff --git a/gemfiles/activerecord61.gemfile b/gemfiles/activerecord61.gemfile
index fc8e19848..587ef785e 100644
--- a/gemfiles/activerecord61.gemfile
+++ b/gemfiles/activerecord61.gemfile
@@ -8,4 +8,4 @@ gem "rake"
 gem "activerecord", "~> 6.1.0"
 gem "combustion"
 gem "pg"
-gem "pg_query"
+gem "pg_query", "~> 2"
diff --git a/lib/pghero/methods/suggested_indexes.rb b/lib/pghero/methods/suggested_indexes.rb
index 2da966fda..8ca7e5f44 100644
--- a/lib/pghero/methods/suggested_indexes.rb
+++ b/lib/pghero/methods/suggested_indexes.rb
@@ -286,20 +286,24 @@ def parse_where(tree)
           else
             raise "Not Implemented"
           end
-        elsif aexpr && ["=", "<>", ">", ">=", "<", "<=", "~~", "~~*", "BETWEEN"].include?(aexpr.name.first.string.str)
-          [{column: aexpr.lexpr.column_ref.fields.last.string.str, op: aexpr.name.first.string.str}]
+        elsif aexpr && ["=", "<>", ">", ">=", "<", "<=", "~~", "~~*", "BETWEEN"].include?(aexpr.name.first.string.send(str_method))
+          [{column: aexpr.lexpr.column_ref.fields.last.string.send(str_method), op: aexpr.name.first.string.send(str_method)}]
         elsif tree.null_test
           op = tree.null_test.nulltesttype == :IS_NOT_NULL ? "not_null" : "null"
-          [{column: tree.null_test.arg.column_ref.fields.last.string.str, op: op}]
+          [{column: tree.null_test.arg.column_ref.fields.last.string.send(str_method), op: op}]
         else
           raise "Not Implemented"
         end
       end
 
+      def str_method
+        @str_method ||= Gem::Version.new(PgQuery::VERSION) >= Gem::Version.new("4") ? :sval : :str
+      end
+
       def parse_sort(sort_clause)
         sort_clause.map do |v|
           {
-            column: v.sort_by.node.column_ref.fields.last.string.str,
+            column: v.sort_by.node.column_ref.fields.last.string.send(str_method),
             direction: v.sort_by.sortby_dir == :SORTBY_DESC ? "desc" : "asc"
           }
         end

From 548e7813da17023d65374fba1e1a200226befa15 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Tue, 21 Feb 2023 16:59:21 -0800
Subject: [PATCH 13/57] Updated query normalization in tests

---
 test/best_index_test.rb | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/test/best_index_test.rb b/test/best_index_test.rb
index 40a105e65..407730a79 100644
--- a/test/best_index_test.rb
+++ b/test/best_index_test.rb
@@ -59,27 +59,27 @@ def test_where_in
   end
 
   def test_like
-    assert_best_index ({table: "users", columns: ["email gist_trgm_ops"], using: "gist"}), "SELECT * FROM users WHERE email LIKE ?"
+    assert_best_index ({table: "users", columns: ["email gist_trgm_ops"], using: "gist"}), "SELECT * FROM users WHERE email LIKE $1"
   end
 
   def test_like_where
-    assert_best_index ({table: "users", columns: ["city_id"]}), "SELECT * FROM users WHERE city_id = ? AND email LIKE ?"
+    assert_best_index ({table: "users", columns: ["city_id"]}), "SELECT * FROM users WHERE city_id = $1 AND email LIKE $2"
   end
 
   def test_like_where2
-    assert_best_index ({table: "users", columns: ["email gist_trgm_ops"], using: "gist"}), "SELECT * FROM users WHERE email LIKE ? AND active = ?"
+    assert_best_index ({table: "users", columns: ["email gist_trgm_ops"], using: "gist"}), "SELECT * FROM users WHERE email LIKE $1 AND active = $2"
   end
 
   def test_ilike
-    assert_best_index ({table: "users", columns: ["email gist_trgm_ops"], using: "gist"}), "SELECT * FROM users WHERE email ILIKE ?"
+    assert_best_index ({table: "users", columns: ["email gist_trgm_ops"], using: "gist"}), "SELECT * FROM users WHERE email ILIKE $1"
   end
 
   def test_not_equals
-    assert_best_index ({table: "users", columns: ["login_attempts"]}), "SELECT * FROM users WHERE city_id != ? and login_attempts = 2"
+    assert_best_index ({table: "users", columns: ["login_attempts"]}), "SELECT * FROM users WHERE city_id != $1 and login_attempts = 2"
   end
 
   def test_not_in
-    assert_best_index ({table: "users", columns: ["login_attempts"]}), "SELECT * FROM users WHERE city_id NOT IN (?) and login_attempts = 2"
+    assert_best_index ({table: "users", columns: ["login_attempts"]}), "SELECT * FROM users WHERE city_id NOT IN ($1) and login_attempts = 2"
   end
 
   def test_between
@@ -87,7 +87,7 @@ def test_between
   end
 
   def test_multiple_range
-    assert_best_index ({table: "users", columns: ["city_id"]}), "SELECT * FROM users WHERE city_id > ? and login_attempts > ?"
+    assert_best_index ({table: "users", columns: ["city_id"]}), "SELECT * FROM users WHERE city_id > $1 and login_attempts > $2"
   end
 
   def test_where_prepared
@@ -95,7 +95,7 @@ def test_where_prepared
   end
 
   def test_where_normalized
-    assert_best_index ({table: "users", columns: ["city_id"]}), "SELECT * FROM users WHERE city_id = ?"
+    assert_best_index ({table: "users", columns: ["city_id"]}), "SELECT * FROM users WHERE city_id = $1"
   end
 
   def test_is_null
@@ -103,11 +103,11 @@ def test_is_null
   end
 
   def test_is_null_equal
-    assert_best_index ({table: "users", columns: ["zip_code", "login_attempts"]}), "SELECT * FROM users WHERE zip_code IS NULL AND login_attempts = ?"
+    assert_best_index ({table: "users", columns: ["zip_code", "login_attempts"]}), "SELECT * FROM users WHERE zip_code IS NULL AND login_attempts = $1"
   end
 
   def test_is_not_null
-    assert_best_index ({table: "users", columns: ["login_attempts"]}), "SELECT * FROM users WHERE zip_code IS NOT NULL AND login_attempts = ?"
+    assert_best_index ({table: "users", columns: ["login_attempts"]}), "SELECT * FROM users WHERE zip_code IS NOT NULL AND login_attempts = $1"
   end
 
   def test_update
@@ -151,7 +151,7 @@ def test_small_table
   end
 
   def test_system_table
-    assert_no_index "System table", "SELECT COUNT(*) AS count FROM pg_extension WHERE extname = ?"
+    assert_no_index "System table", "SELECT COUNT(*) AS count FROM pg_extension WHERE extname = $1"
   end
 
   def test_insert

From a5c729376999da6b51981bd2dd59e4da0d145cca Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Tue, 21 Feb 2023 17:25:26 -0800
Subject: [PATCH 14/57] Use full width for slider [skip ci]

---
 app/assets/stylesheets/pghero/application.css | 4 ++--
 app/views/pg_hero/home/queries.html.erb       | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/pghero/application.css b/app/assets/stylesheets/pghero/application.css
index af9464bd7..9be55ead2 100644
--- a/app/assets/stylesheets/pghero/application.css
+++ b/app/assets/stylesheets/pghero/application.css
@@ -187,7 +187,7 @@ hr {
 }
 
 #slider-container {
-  padding: 6px 0px 20px 140px;
+  padding: 6px 8px 14px 8px;
 }
 
 .queries-table th a, .space-table th a {
@@ -195,7 +195,7 @@ hr {
 }
 
 #slider {
-  margin: 0px 14px 20px 14px;
+  margin: 0px 14px 18px 14px;
 }
 
 #range-start {
diff --git a/app/views/pg_hero/home/queries.html.erb b/app/views/pg_hero/home/queries.html.erb
index a6563729e..801375a42 100644
--- a/app/views/pg_hero/home/queries.html.erb
+++ b/app/views/pg_hero/home/queries.html.erb
@@ -3,7 +3,9 @@
     <%= button_to "Reset", reset_query_stats_path, class: "btn btn-danger", style: "float: right;" %>
   <% end %>
 
-  <h1 style="float: left;">Queries</h1>
+  <% if !@historical_query_stats_enabled %>
+    <h1 style="float: left;">Queries</h1>
+  <% end %>
 
   <% if @historical_query_stats_enabled %>
     <%= render partial: "query_stats_slider" %>

From ccd8f382c7ae6a22b70ddf563c9e8825d6ce6650 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Tue, 21 Feb 2023 17:29:34 -0800
Subject: [PATCH 15/57] Version bump to 3.2.0 [skip ci]

---
 CHANGELOG.md          | 2 +-
 lib/pghero/version.rb | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index aa203deff..80a9c329a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,4 @@
-## 3.2.0 (unreleased)
+## 3.2.0 (2023-02-21)
 
 - Added support for pg_query 4
 - Added `pghero:clean_space_stats` rake task
diff --git a/lib/pghero/version.rb b/lib/pghero/version.rb
index 31a74e277..19d9ddbc5 100644
--- a/lib/pghero/version.rb
+++ b/lib/pghero/version.rb
@@ -1,3 +1,3 @@
 module PgHero
-  VERSION = "3.1.0"
+  VERSION = "3.2.0"
 end

From 865ab2c74a9750f2e8d2206e7dbb0fcc7e489294 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Feb 2023 12:37:33 -0800
Subject: [PATCH 16/57] Improved handling of lock timeouts - fixes #444

---
 CHANGELOG.md                               |  4 ++
 app/controllers/pg_hero/home_controller.rb | 29 ++++++--
 app/views/pg_hero/home/space.html.erb      | 82 ++++++++++++----------
 3 files changed, 70 insertions(+), 45 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 80a9c329a..81f11f2d0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 3.2.1 (unreleased)
+
+- Improved handling of lock timeouts
+
 ## 3.2.0 (2023-02-21)
 
 - Added support for pg_query 4
diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index 4344f2351..5855b7cb2 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -50,7 +50,12 @@ def index
 
       @sequence_danger = @database.sequence_danger(threshold: (params[:sequence_threshold] || 0.9).to_f, sequences: @readable_sequences)
 
-      @indexes = @database.indexes
+      begin
+        @indexes = @database.indexes
+      rescue ActiveRecord::LockWaitTimeout
+        @indexes = []
+        @lock_timeout = true
+      end
       @invalid_indexes = @database.invalid_indexes(indexes: @indexes)
       @invalid_constraints = @database.invalid_constraints
       @duplicate_indexes = @database.duplicate_indexes(indexes: @indexes)
@@ -80,7 +85,12 @@ def space
       @days = (params[:days] || 7).to_i
       @database_size = @database.database_size
       @only_tables = params[:tables].present?
-      @relation_sizes = @only_tables ? @database.table_sizes : @database.relation_sizes
+      begin
+        @relation_sizes = @only_tables ? @database.table_sizes : @database.relation_sizes
+      rescue ActiveRecord::LockWaitTimeout
+        @relation_sizes = []
+        @lock_timeout = true
+      end
       @space_stats_enabled = @database.space_stats_enabled? && !@only_tables
       if @space_stats_enabled
         space_growth = @database.space_growth(days: @days, relation_sizes: @relation_sizes)
@@ -157,8 +167,15 @@ def queries
           )
         end
 
-      @indexes = @database.indexes
-      set_suggested_indexes
+      if !@historical_query_stats_enabled || request.xhr?
+        begin
+          @indexes = @database.indexes
+        rescue ActiveRecord::LockWaitTimeout
+          @indexes = []
+          @lock_timeout = true
+        end
+        set_suggested_indexes
+      end
 
       # fix back button issue with caching
       response.headers["Cache-Control"] = "must-revalidate, no-store, no-cache, private"
@@ -442,13 +459,13 @@ def set_query_stats_enabled
 
     def set_suggested_indexes(min_average_time = 0, min_calls = 0)
       @suggested_indexes_by_query =
-        if @database.suggested_indexes_enabled?
+        if !@lock_timeout && @database.suggested_indexes_enabled?
           @database.suggested_indexes_by_query(query_stats: @query_stats.select { |qs| qs[:average_time] >= min_average_time && qs[:calls] >= min_calls })
         else
           {}
         end
 
-      @suggested_indexes = @database.suggested_indexes(suggested_indexes_by_query: @suggested_indexes_by_query, indexes: @indexes)
+      @suggested_indexes = !@lock_timeout ? @database.suggested_indexes(suggested_indexes_by_query: @suggested_indexes_by_query, indexes: @indexes) : {}
       @query_stats_by_query = @query_stats.index_by { |q| q[:query] }
       @debug = params[:debug].present?
     end
diff --git a/app/views/pg_hero/home/space.html.erb b/app/views/pg_hero/home/space.html.erb
index 8256aa083..15a109a75 100644
--- a/app/views/pg_hero/home/space.html.erb
+++ b/app/views/pg_hero/home/space.html.erb
@@ -37,47 +37,51 @@
     </div>
   <% end %>
 
-  <table class="table space-table">
-    <thead>
-      <tr>
-        <th><%= link_to (@only_tables ? "Table" : "Relation"), @header_options.merge(sort: "name") %></th>
-        <th style="width: 15%;"><%= link_to "Size", @header_options %></th>
-        <% if @space_stats_enabled %>
-          <th style="width: 15%;"><%= link_to "#{@days}d Growth", @header_options.merge(sort: "growth") %></th>
-        <% end %>
-      </tr>
-    </thead>
-    <tbody>
-      <% @relation_sizes.each do |query| %>
+  <% if @lock_timeout %>
+    <p>Breakdown not available (system catalog locked)</p>
+  <% else %>
+    <table class="table space-table">
+      <thead>
         <tr>
-          <td style="<%= query[:type] == "index" ? "font-style: italic;" : "" %>">
-            <span style="word-break: break-all;">
-              <% name = query[:relation] || query[:table] %>
-              <% if @space_stats_enabled %>
-                <%= link_to name, relation_space_path(name, schema: query[:schema]), target: "_blank", style: "color: inherit;" %>
-              <% else %>
-                <%= name %>
-              <% end %>
-            </span>
-            <% if query[:schema] != "public" %>
-              <span class="text-muted"><%= query[:schema] %></span>
-            <% end %>
-            <% if @unused_index_names.include?(query[:relation]) %>
-              <span class="unused-index">UNUSED</span>
-            <% end %>
-          </td>
-          <td><%= query[:size] %></td>
+          <th><%= link_to (@only_tables ? "Table" : "Relation"), @header_options.merge(sort: "name") %></th>
+          <th style="width: 15%;"><%= link_to "Size", @header_options %></th>
           <% if @space_stats_enabled %>
-            <td>
-              <% if @growth_bytes_by_relation[[query[:schema], query[:relation]]] %>
-                <% if @growth_bytes_by_relation[[query[:schema], query[:relation]]] < 0 %>-<% end %><%= PgHero.pretty_size(@growth_bytes_by_relation[[query[:schema], query[:relation]]].abs) %>
-              <% else %>
-                <span class="text-muted">Unknown</span>
-              <% end %>
-            </td>
+            <th style="width: 15%;"><%= link_to "#{@days}d Growth", @header_options.merge(sort: "growth") %></th>
           <% end %>
         </tr>
-      <% end %>
-    </tbody>
-  </table>
+      </thead>
+      <tbody>
+        <% @relation_sizes.each do |query| %>
+          <tr>
+            <td style="<%= query[:type] == "index" ? "font-style: italic;" : "" %>">
+              <span style="word-break: break-all;">
+                <% name = query[:relation] || query[:table] %>
+                <% if @space_stats_enabled %>
+                  <%= link_to name, relation_space_path(name, schema: query[:schema]), target: "_blank", style: "color: inherit;" %>
+                <% else %>
+                  <%= name %>
+                <% end %>
+              </span>
+              <% if query[:schema] != "public" %>
+                <span class="text-muted"><%= query[:schema] %></span>
+              <% end %>
+              <% if @unused_index_names.include?(query[:relation]) %>
+                <span class="unused-index">UNUSED</span>
+              <% end %>
+            </td>
+            <td><%= query[:size] %></td>
+            <% if @space_stats_enabled %>
+              <td>
+                <% if @growth_bytes_by_relation[[query[:schema], query[:relation]]] %>
+                  <% if @growth_bytes_by_relation[[query[:schema], query[:relation]]] < 0 %>-<% end %><%= PgHero.pretty_size(@growth_bytes_by_relation[[query[:schema], query[:relation]]].abs) %>
+                <% else %>
+                  <span class="text-muted">Unknown</span>
+                <% end %>
+              </td>
+            <% end %>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  <% end %>
 </div>

From b4fcacae645688c69090747b0518a05b406f062e Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Feb 2023 12:40:04 -0800
Subject: [PATCH 17/57] Improved code [skip ci]

---
 app/controllers/pg_hero/home_controller.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index 5855b7cb2..bc1d6b582 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -465,7 +465,7 @@ def set_suggested_indexes(min_average_time = 0, min_calls = 0)
           {}
         end
 
-      @suggested_indexes = !@lock_timeout ? @database.suggested_indexes(suggested_indexes_by_query: @suggested_indexes_by_query, indexes: @indexes) : {}
+      @suggested_indexes = @lock_timeout ? {} : @database.suggested_indexes(suggested_indexes_by_query: @suggested_indexes_by_query, indexes: @indexes)
       @query_stats_by_query = @query_stats.index_by { |q| q[:query] }
       @debug = params[:debug].present?
     end

From 96a7a3988961349b4a48c3f99cf7db3d9f3bf6f0 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Feb 2023 12:47:12 -0800
Subject: [PATCH 18/57] Also handle statement timeouts [skip ci]

---
 app/controllers/pg_hero/home_controller.rb | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index bc1d6b582..1e8475c85 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -52,7 +52,7 @@ def index
 
       begin
         @indexes = @database.indexes
-      rescue ActiveRecord::LockWaitTimeout
+      rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled
         @indexes = []
         @lock_timeout = true
       end
@@ -87,7 +87,7 @@ def space
       @only_tables = params[:tables].present?
       begin
         @relation_sizes = @only_tables ? @database.table_sizes : @database.relation_sizes
-      rescue ActiveRecord::LockWaitTimeout
+      rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled
         @relation_sizes = []
         @lock_timeout = true
       end
@@ -170,7 +170,7 @@ def queries
       if !@historical_query_stats_enabled || request.xhr?
         begin
           @indexes = @database.indexes
-        rescue ActiveRecord::LockWaitTimeout
+        rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled
           @indexes = []
           @lock_timeout = true
         end

From 957449d353e8d553f5ac4074c6dbe41dff785a0e Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Feb 2023 12:52:26 -0800
Subject: [PATCH 19/57] DRY code

---
 app/controllers/pg_hero/home_controller.rb | 30 +++++++++-------------
 1 file changed, 12 insertions(+), 18 deletions(-)

diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index 1e8475c85..7fd5226d9 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -50,12 +50,7 @@ def index
 
       @sequence_danger = @database.sequence_danger(threshold: (params[:sequence_threshold] || 0.9).to_f, sequences: @readable_sequences)
 
-      begin
-        @indexes = @database.indexes
-      rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled
-        @indexes = []
-        @lock_timeout = true
-      end
+      @indexes = rescue_lock_timeout([]) { @database.indexes }
       @invalid_indexes = @database.invalid_indexes(indexes: @indexes)
       @invalid_constraints = @database.invalid_constraints
       @duplicate_indexes = @database.duplicate_indexes(indexes: @indexes)
@@ -85,12 +80,7 @@ def space
       @days = (params[:days] || 7).to_i
       @database_size = @database.database_size
       @only_tables = params[:tables].present?
-      begin
-        @relation_sizes = @only_tables ? @database.table_sizes : @database.relation_sizes
-      rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled
-        @relation_sizes = []
-        @lock_timeout = true
-      end
+      @relation_sizes = rescue_lock_timeout([]) { @only_tables ? @database.table_sizes : @database.relation_sizes }
       @space_stats_enabled = @database.space_stats_enabled? && !@only_tables
       if @space_stats_enabled
         space_growth = @database.space_growth(days: @days, relation_sizes: @relation_sizes)
@@ -168,12 +158,7 @@ def queries
         end
 
       if !@historical_query_stats_enabled || request.xhr?
-        begin
-          @indexes = @database.indexes
-        rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled
-          @indexes = []
-          @lock_timeout = true
-        end
+        @indexes = rescue_lock_timeout([]) { @database.indexes }
         set_suggested_indexes
       end
 
@@ -513,5 +498,14 @@ def ensure_query_stats
         redirect_to root_path, alert: "Query stats not enabled"
       end
     end
+
+    def rescue_lock_timeout(default)
+      begin
+        yield
+      rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled
+        @lock_timeout = true
+        default
+      end
+    end
   end
 end

From 639ccfd6b0df25a35cf2ba33303dc3a9755aa33b Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Feb 2023 12:52:56 -0800
Subject: [PATCH 20/57] Simplified code [skip ci]

---
 app/controllers/pg_hero/home_controller.rb | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index 7fd5226d9..38ecceb58 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -500,12 +500,10 @@ def ensure_query_stats
     end
 
     def rescue_lock_timeout(default)
-      begin
-        yield
-      rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled
-        @lock_timeout = true
-        default
-      end
+      yield
+    rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled
+      @lock_timeout = true
+      default
     end
   end
 end

From d7009e8a913b815e96bc6b480f371f99dd574e84 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Feb 2023 12:54:44 -0800
Subject: [PATCH 21/57] Simplified code [skip ci]

---
 app/controllers/pg_hero/home_controller.rb | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index 38ecceb58..3df35e1d3 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -50,7 +50,7 @@ def index
 
       @sequence_danger = @database.sequence_danger(threshold: (params[:sequence_threshold] || 0.9).to_f, sequences: @readable_sequences)
 
-      @indexes = rescue_lock_timeout([]) { @database.indexes }
+      @indexes = rescue_lock_timeout { @database.indexes } || []
       @invalid_indexes = @database.invalid_indexes(indexes: @indexes)
       @invalid_constraints = @database.invalid_constraints
       @duplicate_indexes = @database.duplicate_indexes(indexes: @indexes)
@@ -80,7 +80,7 @@ def space
       @days = (params[:days] || 7).to_i
       @database_size = @database.database_size
       @only_tables = params[:tables].present?
-      @relation_sizes = rescue_lock_timeout([]) { @only_tables ? @database.table_sizes : @database.relation_sizes }
+      @relation_sizes = rescue_lock_timeout { @only_tables ? @database.table_sizes : @database.relation_sizes } || []
       @space_stats_enabled = @database.space_stats_enabled? && !@only_tables
       if @space_stats_enabled
         space_growth = @database.space_growth(days: @days, relation_sizes: @relation_sizes)
@@ -158,7 +158,7 @@ def queries
         end
 
       if !@historical_query_stats_enabled || request.xhr?
-        @indexes = rescue_lock_timeout([]) { @database.indexes }
+        @indexes = rescue_lock_timeout { @database.indexes } || []
         set_suggested_indexes
       end
 
@@ -499,11 +499,11 @@ def ensure_query_stats
       end
     end
 
-    def rescue_lock_timeout(default)
+    def rescue_lock_timeout
       yield
     rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled
       @lock_timeout = true
-      default
+      nil
     end
   end
 end

From c150e66dfcd56faa21a1ad864b9bf7d18ccd2fd1 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Feb 2023 12:57:13 -0800
Subject: [PATCH 22/57] Added comment [skip ci]

---
 app/controllers/pg_hero/home_controller.rb | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index 3df35e1d3..8bcce944d 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -499,6 +499,8 @@ def ensure_query_stats
       end
     end
 
+    # rescue QueryCanceled for case when
+    # statement timeout is less than lock timeout
     def rescue_lock_timeout
       yield
     rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled

From 4d5be17308b751242c4ce9d66bed8bb3a13bf02e Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Feb 2023 13:05:47 -0800
Subject: [PATCH 23/57] Removed extra queries

---
 app/controllers/pg_hero/home_controller.rb | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index 8bcce944d..ad3fc1d14 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -158,7 +158,6 @@ def queries
         end
 
       if !@historical_query_stats_enabled || request.xhr?
-        @indexes = rescue_lock_timeout { @database.indexes } || []
         set_suggested_indexes
       end
 
@@ -443,14 +442,18 @@ def set_query_stats_enabled
     end
 
     def set_suggested_indexes(min_average_time = 0, min_calls = 0)
+      if @database.suggested_indexes_enabled?
+        @indexes ||= rescue_lock_timeout { @database.indexes } || []
+      end
+
       @suggested_indexes_by_query =
         if !@lock_timeout && @database.suggested_indexes_enabled?
-          @database.suggested_indexes_by_query(query_stats: @query_stats.select { |qs| qs[:average_time] >= min_average_time && qs[:calls] >= min_calls })
+          @database.suggested_indexes_by_query(query_stats: @query_stats.select { |qs| qs[:average_time] >= min_average_time && qs[:calls] >= min_calls }, indexes: @indexes)
         else
           {}
         end
 
-      @suggested_indexes = @lock_timeout ? {} : @database.suggested_indexes(suggested_indexes_by_query: @suggested_indexes_by_query, indexes: @indexes)
+      @suggested_indexes = @lock_timeout ? {} : @database.suggested_indexes(suggested_indexes_by_query: @suggested_indexes_by_query)
       @query_stats_by_query = @query_stats.index_by { |q| q[:query] }
       @debug = params[:debug].present?
     end

From 7472577a154357070ea0ee452d97295e30fd7cfe Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Feb 2023 13:12:14 -0800
Subject: [PATCH 24/57] Improved handling of lock timeouts on query details
 page [skip ci]

---
 app/controllers/pg_hero/home_controller.rb | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index ad3fc1d14..c699524f1 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -194,7 +194,8 @@ def show_query
 
         if @tables.any?
           @row_counts = @database.table_stats(table: @tables).to_h { |i| [i[:table], i[:estimated_rows]] }
-          @indexes_by_table = @database.indexes.group_by { |i| i[:table] }
+          indexes = rescue_lock_timeout { @database.indexes } || []
+          @indexes_by_table = indexes.group_by { |i| i[:table] }
         end
       else
         render_text "Unknown query", status: :not_found

From d87d7e187035db0c196782bd7fdf12e6450c9b21 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Feb 2023 13:14:09 -0800
Subject: [PATCH 25/57] Added message when indexes not available [skip ci]

---
 app/views/pg_hero/home/show_query.html.erb | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/app/views/pg_hero/home/show_query.html.erb b/app/views/pg_hero/home/show_query.html.erb
index 37b7630dd..c493c0c05 100644
--- a/app/views/pg_hero/home/show_query.html.erb
+++ b/app/views/pg_hero/home/show_query.html.erb
@@ -88,15 +88,19 @@
             <td><%= table %></td>
             <td><%= @row_counts[table] %></td>
             <td>
-              <ul>
-                <% @indexes_by_table[table].to_a.sort_by { |i| [i[:primary] ? 0 : 1, i[:columns]] }.each do |i3| %>
-                  <li>
-                    <%= i3[:columns].join(", ") %><% if i3[:using] != "btree" %>
-                    <%= i3[:using].to_s.upcase %><% end %>
-                    <% if i3[:primary] %> PRIMARY<% elsif i3[:unique] %> UNIQUE<% end %>
-                  </li>
-                <% end %>
-              </ul>
+              <% if @lock_timeout %>
+                Not available
+              <% else %>
+                <ul>
+                  <% @indexes_by_table[table].to_a.sort_by { |i| [i[:primary] ? 0 : 1, i[:columns]] }.each do |i3| %>
+                    <li>
+                      <%= i3[:columns].join(", ") %><% if i3[:using] != "btree" %>
+                      <%= i3[:using].to_s.upcase %><% end %>
+                      <% if i3[:primary] %> PRIMARY<% elsif i3[:unique] %> UNIQUE<% end %>
+                    </li>
+                  <% end %>
+                </ul>
+              <% end %>
             </td>
           </tr>
         <% end %>

From 3abf35f4067236e66570b575c9aa4ae178577ceb Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Feb 2023 19:17:12 -0800
Subject: [PATCH 26/57] Switched to insert_all! method

---
 lib/pghero/methods/basic.rb       |  6 ------
 lib/pghero/methods/query_stats.rb | 22 ++++++++++------------
 lib/pghero/methods/space.rb       | 16 +++++++++++-----
 3 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/lib/pghero/methods/basic.rb b/lib/pghero/methods/basic.rb
index 0986e21ce..e43703baf 100644
--- a/lib/pghero/methods/basic.rb
+++ b/lib/pghero/methods/basic.rb
@@ -112,12 +112,6 @@ def stats_connection
         ::PgHero::Stats.connection
       end
 
-      def insert_stats(table, columns, values)
-        values = values.map { |v| "(#{v.map { |v2| quote(v2) }.join(",")})" }.join(",")
-        columns = columns.map { |v| quote_table_name(v) }.join(",")
-        stats_connection.execute("INSERT INTO #{quote_table_name(table)} (#{columns}) VALUES #{values}")
-      end
-
       # from ActiveSupport
       def squish(str)
         str.to_s.gsub(/\A[[:space:]]+/, "").gsub(/[[:space:]]+\z/, "").gsub(/[[:space:]]+/, " ")
diff --git a/lib/pghero/methods/query_stats.rb b/lib/pghero/methods/query_stats.rb
index 8424204e6..b1edc68d3 100644
--- a/lib/pghero/methods/query_stats.rb
+++ b/lib/pghero/methods/query_stats.rb
@@ -330,19 +330,17 @@ def normalize_query(query)
       def insert_query_stats(db_id, db_query_stats, now)
         values =
           db_query_stats.map do |qs|
-            [
-              db_id,
-              qs[:query],
-              qs[:total_minutes] * 60 * 1000,
-              qs[:calls],
-              now,
-              supports_query_hash? ? qs[:query_hash] : nil,
-              qs[:user]
-            ]
+            {
+              database: db_id,
+              query: qs[:query],
+              total_time: qs[:total_minutes] * 60 * 1000,
+              calls: qs[:calls],
+              captured_at: now,
+              query_hash: supports_query_hash? ? qs[:query_hash] : nil,
+              user: qs[:user]
+            }
           end
-
-        columns = %w[database query total_time calls captured_at query_hash user]
-        insert_stats("pghero_query_stats", columns, values)
+        PgHero::QueryStats.insert_all!(values)
       end
     end
   end
diff --git a/lib/pghero/methods/space.rb b/lib/pghero/methods/space.rb
index e1907eda1..d6deae947 100644
--- a/lib/pghero/methods/space.rb
+++ b/lib/pghero/methods/space.rb
@@ -122,11 +122,17 @@ def relation_space_stats(relation, schema: "public")
       def capture_space_stats
         now = Time.now
         columns = %w(database schema relation size captured_at)
-        values = []
-        relation_sizes.each do |rs|
-          values << [id, rs[:schema], rs[:relation], rs[:size_bytes].to_i, now]
-        end
-        insert_stats("pghero_space_stats", columns, values) if values.any?
+        values =
+          relation_sizes.map do |rs|
+            {
+              database: id,
+              schema: rs[:schema],
+              relation: rs[:relation],
+              size: rs[:size_bytes].to_i,
+              captured_at: now
+            }
+          end
+        PgHero::SpaceStats.insert_all!(values) if values.any?
       end
 
       def clean_space_stats(before: nil)

From 968f85ed4195073fad2cab120c4c6c47c8b3bb9d Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 08:24:02 -0800
Subject: [PATCH 27/57] Removed unused variable [skip ci]

---
 lib/pghero/methods/space.rb | 1 -
 1 file changed, 1 deletion(-)

diff --git a/lib/pghero/methods/space.rb b/lib/pghero/methods/space.rb
index d6deae947..f52dd378a 100644
--- a/lib/pghero/methods/space.rb
+++ b/lib/pghero/methods/space.rb
@@ -121,7 +121,6 @@ def relation_space_stats(relation, schema: "public")
 
       def capture_space_stats
         now = Time.now
-        columns = %w(database schema relation size captured_at)
         values =
           relation_sizes.map do |rs|
             {

From d393ca3da6ecc04dabd5adb7576b8315954f903f Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 09:09:02 -0800
Subject: [PATCH 28/57] Improved code [skip ci]

---
 lib/pghero/methods/connections.rb       |  8 ++++----
 lib/pghero/methods/constraints.rb       |  2 +-
 lib/pghero/methods/indexes.rb           | 16 ++++++++--------
 lib/pghero/methods/kill.rb              |  2 +-
 lib/pghero/methods/maintenance.rb       |  6 +++---
 lib/pghero/methods/queries.rb           |  4 ++--
 lib/pghero/methods/query_stats.rb       |  6 +++---
 lib/pghero/methods/replication.rb       |  4 ++--
 lib/pghero/methods/sequences.rb         |  4 ++--
 lib/pghero/methods/space.rb             |  8 ++++----
 lib/pghero/methods/suggested_indexes.rb |  2 +-
 lib/pghero/methods/tables.rb            |  9 ++++-----
 12 files changed, 35 insertions(+), 36 deletions(-)

diff --git a/lib/pghero/methods/connections.rb b/lib/pghero/methods/connections.rb
index e7e6eb4e0..7c036672f 100644
--- a/lib/pghero/methods/connections.rb
+++ b/lib/pghero/methods/connections.rb
@@ -3,7 +3,7 @@ module Methods
     module Connections
       def connections
         if server_version_num >= 90500
-          select_all <<-SQL
+          select_all <<~SQL
             SELECT
               pg_stat_activity.pid,
               datname AS database,
@@ -20,7 +20,7 @@ def connections
               pg_stat_activity.pid
           SQL
         else
-          select_all <<-SQL
+          select_all <<~SQL
             SELECT
               pid,
               datname AS database,
@@ -41,7 +41,7 @@ def total_connections
       end
 
       def connection_states
-        states = select_all <<-SQL
+        states = select_all <<~SQL
           SELECT
             state,
             COUNT(*) AS connections
@@ -57,7 +57,7 @@ def connection_states
       end
 
       def connection_sources
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             datname AS database,
             usename AS user,
diff --git a/lib/pghero/methods/constraints.rb b/lib/pghero/methods/constraints.rb
index 741931bff..3e6a09d8f 100644
--- a/lib/pghero/methods/constraints.rb
+++ b/lib/pghero/methods/constraints.rb
@@ -4,7 +4,7 @@ module Constraints
       # referenced fields can be nil
       # as not all constraints are foreign keys
       def invalid_constraints
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             nsp.nspname AS schema,
             rel.relname AS table,
diff --git a/lib/pghero/methods/indexes.rb b/lib/pghero/methods/indexes.rb
index 9912cca85..b185724ba 100644
--- a/lib/pghero/methods/indexes.rb
+++ b/lib/pghero/methods/indexes.rb
@@ -2,7 +2,7 @@ module PgHero
   module Methods
     module Indexes
       def index_hit_rate
-        select_one <<-SQL
+        select_one <<~SQL
           SELECT
             (sum(idx_blks_hit)) / nullif(sum(idx_blks_hit + idx_blks_read), 0) AS rate
           FROM
@@ -11,7 +11,7 @@ def index_hit_rate
       end
 
       def index_caching
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             schemaname AS schema,
             relname AS table,
@@ -29,7 +29,7 @@ def index_caching
       end
 
       def index_usage
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             schemaname AS schema,
             relname AS table,
@@ -47,7 +47,7 @@ def index_usage
       end
 
       def missing_indexes
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             schemaname AS schema,
             relname AS table,
@@ -69,7 +69,7 @@ def missing_indexes
       end
 
       def unused_indexes(max_scans: 50, across: [])
-        result = select_all_size <<-SQL
+        result = select_all_size <<~SQL
           SELECT
             schemaname AS schema,
             relname AS table,
@@ -104,7 +104,7 @@ def reset_stats
       end
 
       def last_stats_reset_time
-        select_one <<-SQL
+        select_one <<~SQL
           SELECT
             pg_stat_get_db_stat_reset_time(oid) AS reset_time
           FROM
@@ -126,7 +126,7 @@ def invalid_indexes(indexes: nil)
       # TODO parse array properly
       # https://stackoverflow.com/questions/2204058/list-columns-with-indexes-in-postgresql
       def indexes
-        indexes = select_all(<<-SQL
+        indexes = select_all(<<~SQL
           SELECT
             schemaname AS schema,
             t.relname AS table,
@@ -186,7 +186,7 @@ def duplicate_indexes(indexes: nil)
       # thanks @jberkus and @mbanck
       def index_bloat(min_size: nil)
         min_size ||= index_bloat_bytes
-        select_all <<-SQL
+        select_all <<~SQL
           WITH btree_index_atts AS (
             SELECT
               nspname, relname, reltuples, relpages, indrelid, relam,
diff --git a/lib/pghero/methods/kill.rb b/lib/pghero/methods/kill.rb
index 67f4e8581..81d4465c8 100644
--- a/lib/pghero/methods/kill.rb
+++ b/lib/pghero/methods/kill.rb
@@ -11,7 +11,7 @@ def kill_long_running_queries(min_duration: nil)
       end
 
       def kill_all
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             pg_terminate_backend(pid)
           FROM
diff --git a/lib/pghero/methods/maintenance.rb b/lib/pghero/methods/maintenance.rb
index 37007bbcd..c09687f56 100644
--- a/lib/pghero/methods/maintenance.rb
+++ b/lib/pghero/methods/maintenance.rb
@@ -9,7 +9,7 @@ def transaction_id_danger(threshold: 10000000, max_value: 2146483648)
         max_value = max_value.to_i
         threshold = threshold.to_i
 
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             n.nspname AS schema,
             c.relname AS table,
@@ -35,7 +35,7 @@ def autovacuum_danger
 
       def vacuum_progress
         if server_version_num >= 90600
-          select_all <<-SQL
+          select_all <<~SQL
             SELECT
               pid,
               phase
@@ -50,7 +50,7 @@ def vacuum_progress
       end
 
       def maintenance_info
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             schemaname AS schema,
             relname AS table,
diff --git a/lib/pghero/methods/queries.rb b/lib/pghero/methods/queries.rb
index c4d44a39d..fa092b08d 100644
--- a/lib/pghero/methods/queries.rb
+++ b/lib/pghero/methods/queries.rb
@@ -2,7 +2,7 @@ module PgHero
   module Methods
     module Queries
       def running_queries(min_duration: nil, all: false)
-        query = <<-SQL
+        query = <<~SQL
           SELECT
             pid,
             state,
@@ -36,7 +36,7 @@ def long_running_queries
       # from https://wiki.postgresql.org/wiki/Lock_Monitoring
       # and https://big-elephants.com/2013-09/exploring-query-locks-in-postgres/
       def blocked_queries
-        query = <<-SQL
+        query = <<~SQL
           SELECT
             COALESCE(blockingl.relation::regclass::text,blockingl.locktype) as locked_item,
             blockeda.pid AS blocked_pid,
diff --git a/lib/pghero/methods/query_stats.rb b/lib/pghero/methods/query_stats.rb
index b1edc68d3..92a606d90 100644
--- a/lib/pghero/methods/query_stats.rb
+++ b/lib/pghero/methods/query_stats.rb
@@ -175,7 +175,7 @@ def slow_queries(query_stats: nil, **options)
       def query_hash_stats(query_hash, user: nil)
         if historical_query_stats_enabled? && supports_query_hash?
           start_at = 24.hours.ago
-          select_all_stats <<-SQL
+          select_all_stats <<~SQL
             SELECT
               captured_at,
               total_time / 1000 / 60 AS total_minutes,
@@ -205,7 +205,7 @@ def current_query_stats(limit: nil, sort: nil, database: nil, query_hash: nil)
           limit ||= 100
           sort ||= "total_minutes"
           total_time = server_version_num >= 130000 ? "(total_plan_time + total_exec_time)" : "total_time"
-          query = <<-SQL
+          query = <<~SQL
             WITH query_stats AS (
               SELECT
                 LEFT(query, 10000) AS query,
@@ -254,7 +254,7 @@ def current_query_stats(limit: nil, sort: nil, database: nil, query_hash: nil)
       def historical_query_stats(sort: nil, start_at: nil, end_at: nil, query_hash: nil)
         if historical_query_stats_enabled?
           sort ||= "total_minutes"
-          query = <<-SQL
+          query = <<~SQL
             WITH query_stats AS (
               SELECT
                 #{supports_query_hash? ? "query_hash" : "md5(query)"} AS query_hash,
diff --git a/lib/pghero/methods/replication.rb b/lib/pghero/methods/replication.rb
index f1da63278..0a40f295d 100644
--- a/lib/pghero/methods/replication.rb
+++ b/lib/pghero/methods/replication.rb
@@ -18,7 +18,7 @@ def replication_lag
               "pg_last_xlog_receive_location() = pg_last_xlog_replay_location()"
             end
 
-          select_one <<-SQL
+          select_one <<~SQL
             SELECT
               CASE
                 WHEN NOT pg_is_in_recovery() OR #{lag_condition} THEN 0
@@ -32,7 +32,7 @@ def replication_lag
       def replication_slots
         if server_version_num >= 90400
           with_feature_support(:replication_slots, []) do
-            select_all <<-SQL
+            select_all <<~SQL
               SELECT
                 slot_name,
                 database,
diff --git a/lib/pghero/methods/sequences.rb b/lib/pghero/methods/sequences.rb
index 5f23f6abe..ee8e63ff8 100644
--- a/lib/pghero/methods/sequences.rb
+++ b/lib/pghero/methods/sequences.rb
@@ -7,7 +7,7 @@ def sequences
         # it's what information_schema.columns uses
         # also, exclude temporary tables to prevent error
         # when accessing across sessions
-        sequences = select_all <<-SQL
+        sequences = select_all <<~SQL
           SELECT
             n.nspname AS table_schema,
             c.relname AS table,
@@ -84,7 +84,7 @@ def unquote_ident(value)
       # also adds schema if missing
       def add_sequence_attributes(sequences)
         # fetch data
-        sequence_attributes = select_all <<-SQL
+        sequence_attributes = select_all <<~SQL
           SELECT
             n.nspname AS schema,
             c.relname AS sequence,
diff --git a/lib/pghero/methods/space.rb b/lib/pghero/methods/space.rb
index f52dd378a..0ccbf152a 100644
--- a/lib/pghero/methods/space.rb
+++ b/lib/pghero/methods/space.rb
@@ -6,7 +6,7 @@ def database_size
       end
 
       def relation_sizes
-        select_all_size <<-SQL
+        select_all_size <<~SQL
           SELECT
             n.nspname AS schema,
             c.relname AS relation,
@@ -27,7 +27,7 @@ def relation_sizes
       end
 
       def table_sizes
-        select_all_size <<-SQL
+        select_all_size <<~SQL
           SELECT
             n.nspname AS schema,
             c.relname AS table,
@@ -52,7 +52,7 @@ def space_growth(days: 7, relation_sizes: nil)
           sizes = relation_sizes.to_h { |r| [[r[:schema], r[:relation]], r[:size_bytes]] }
           start_at = days.days.ago
 
-          stats = select_all_stats <<-SQL
+          stats = select_all_stats <<~SQL
             WITH t AS (
               SELECT
                 schema,
@@ -95,7 +95,7 @@ def relation_space_stats(relation, schema: "public")
           sizes = relation_sizes.map { |r| [[r[:schema], r[:relation]], r[:size_bytes]] }.to_h
           start_at = 30.days.ago
 
-          stats = select_all_stats <<-SQL
+          stats = select_all_stats <<~SQL
             SELECT
               captured_at,
               size AS size_bytes
diff --git a/lib/pghero/methods/suggested_indexes.rb b/lib/pghero/methods/suggested_indexes.rb
index 8ca7e5f44..c93c63b77 100644
--- a/lib/pghero/methods/suggested_indexes.rb
+++ b/lib/pghero/methods/suggested_indexes.rb
@@ -310,7 +310,7 @@ def parse_sort(sort_clause)
       end
 
       def column_stats(schema: nil, table: nil)
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             schemaname AS schema,
             tablename AS table,
diff --git a/lib/pghero/methods/tables.rb b/lib/pghero/methods/tables.rb
index b54823537..664c01197 100644
--- a/lib/pghero/methods/tables.rb
+++ b/lib/pghero/methods/tables.rb
@@ -2,17 +2,16 @@ module PgHero
   module Methods
     module Tables
       def table_hit_rate
-        select_one(<<-SQL
+        select_one <<~SQL
           SELECT
             sum(heap_blks_hit) / nullif(sum(heap_blks_hit) + sum(heap_blks_read), 0) AS rate
           FROM
             pg_statio_user_tables
         SQL
-        )
       end
 
       def table_caching
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             schemaname AS schema,
             relname AS table,
@@ -29,7 +28,7 @@ def table_caching
       end
 
       def unused_tables
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             schemaname AS schema,
             relname AS table,
@@ -45,7 +44,7 @@ def unused_tables
       end
 
       def table_stats(schema: nil, table: nil)
-        select_all <<-SQL
+        select_all <<~SQL
           SELECT
             nspname AS schema,
             relname AS table,

From 8c31f3066d529750bd878e1a331918ef4d95bdd6 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 09:15:37 -0800
Subject: [PATCH 29/57] Use quote_column_name [skip ci]

---
 lib/pghero/methods/basic.rb             | 4 ++++
 lib/pghero/methods/query_stats.rb       | 4 ++--
 lib/pghero/methods/suggested_indexes.rb | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/lib/pghero/methods/basic.rb b/lib/pghero/methods/basic.rb
index e43703baf..2ac2a963b 100644
--- a/lib/pghero/methods/basic.rb
+++ b/lib/pghero/methods/basic.rb
@@ -129,6 +129,10 @@ def quote_table_name(value)
         connection.quote_table_name(value)
       end
 
+      def quote_column_name(value)
+        connection.quote_column_name(value)
+      end
+
       def unquote(part)
         if part && part.start_with?('"')
           part[1..-2]
diff --git a/lib/pghero/methods/query_stats.rb b/lib/pghero/methods/query_stats.rb
index 92a606d90..722778283 100644
--- a/lib/pghero/methods/query_stats.rb
+++ b/lib/pghero/methods/query_stats.rb
@@ -238,7 +238,7 @@ def current_query_stats(limit: nil, sort: nil, database: nil, query_hash: nil)
             FROM
               query_stats
             ORDER BY
-              #{quote_table_name(sort)} DESC
+              #{quote_column_name(sort)} DESC
             LIMIT #{limit.to_i}
           SQL
 
@@ -287,7 +287,7 @@ def historical_query_stats(sort: nil, start_at: nil, end_at: nil, query_hash: ni
             FROM
               query_stats
             ORDER BY
-              #{quote_table_name(sort)} DESC
+              #{quote_column_name(sort)} DESC
             LIMIT 100
           SQL
 
diff --git a/lib/pghero/methods/suggested_indexes.rb b/lib/pghero/methods/suggested_indexes.rb
index c93c63b77..ba24f3262 100644
--- a/lib/pghero/methods/suggested_indexes.rb
+++ b/lib/pghero/methods/suggested_indexes.rb
@@ -79,7 +79,7 @@ def autoindex(create: false)
         suggested_indexes.each do |index|
           p index
           if create
-            connection.execute("CREATE INDEX CONCURRENTLY ON #{quote_table_name(index[:table])} (#{index[:columns].map { |c| quote_table_name(c) }.join(",")})")
+            connection.execute("CREATE INDEX CONCURRENTLY ON #{quote_table_name(index[:table])} (#{index[:columns].map { |c| quote_column_name(c) }.join(",")})")
           end
         end
       end

From c66c8a904ddba73e7cddc56a5039c264a230aa4d Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 09:17:14 -0800
Subject: [PATCH 30/57] Use squish from Active Support [skip ci]

---
 lib/pghero/methods/basic.rb | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/lib/pghero/methods/basic.rb b/lib/pghero/methods/basic.rb
index 2ac2a963b..a17bca635 100644
--- a/lib/pghero/methods/basic.rb
+++ b/lib/pghero/methods/basic.rb
@@ -112,9 +112,8 @@ def stats_connection
         ::PgHero::Stats.connection
       end
 
-      # from ActiveSupport
       def squish(str)
-        str.to_s.gsub(/\A[[:space:]]+/, "").gsub(/[[:space:]]+\z/, "").gsub(/[[:space:]]+/, " ")
+        str.to_s.squish
       end
 
       def add_source(sql)

From ad6b9b2bee03e4ce5aa88b1ce9630bae7a61c6ae Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 09:20:34 -0800
Subject: [PATCH 31/57] Added todo [skip ci]

---
 lib/pghero/methods/query_stats.rb | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/pghero/methods/query_stats.rb b/lib/pghero/methods/query_stats.rb
index 722778283..40fbe19b4 100644
--- a/lib/pghero/methods/query_stats.rb
+++ b/lib/pghero/methods/query_stats.rb
@@ -172,6 +172,7 @@ def slow_queries(query_stats: nil, **options)
         query_stats.select { |q| q[:calls].to_i >= slow_query_calls.to_i && q[:average_time].to_f >= slow_query_ms.to_f }
       end
 
+      # TODO option to include current period
       def query_hash_stats(query_hash, user: nil)
         if historical_query_stats_enabled? && supports_query_hash?
           start_at = 24.hours.ago

From 0dab6bd8ee3de5743086d792f1ef04792077b526 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 09:23:07 -0800
Subject: [PATCH 32/57] Improved code [skip ci]

---
 lib/pghero/engine.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/pghero/engine.rb b/lib/pghero/engine.rb
index 3b5ee6f63..2f7555886 100644
--- a/lib/pghero/engine.rb
+++ b/lib/pghero/engine.rb
@@ -5,7 +5,7 @@ class Engine < ::Rails::Engine
     initializer "pghero", group: :all do |app|
       # check if Rails api mode
       if app.config.respond_to?(:assets)
-        if defined?(Sprockets) && Sprockets::VERSION >= "4"
+        if defined?(Sprockets) && Sprockets::VERSION.to_i >= 4
           app.config.assets.precompile << "pghero/application.js"
           app.config.assets.precompile << "pghero/application.css"
           app.config.assets.precompile << "pghero/favicon.png"

From 9f6faf757e75fddd2ad2821d8b5d184d7c3d1f8e Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 09:30:15 -0800
Subject: [PATCH 33/57] Added tests for generators

---
 lib/generators/pghero/query_stats_generator.rb |  1 +
 lib/generators/pghero/space_stats_generator.rb |  1 +
 test/config_generator_test.rb                  | 14 ++++++++++++++
 test/query_stats_generator_test.rb             | 14 ++++++++++++++
 test/space_stats_generator_test.rb             | 14 ++++++++++++++
 5 files changed, 44 insertions(+)
 create mode 100644 test/config_generator_test.rb
 create mode 100644 test/query_stats_generator_test.rb
 create mode 100644 test/space_stats_generator_test.rb

diff --git a/lib/generators/pghero/query_stats_generator.rb b/lib/generators/pghero/query_stats_generator.rb
index 2cf4c4c1d..58250046d 100644
--- a/lib/generators/pghero/query_stats_generator.rb
+++ b/lib/generators/pghero/query_stats_generator.rb
@@ -1,3 +1,4 @@
+require "rails/generators"
 require "rails/generators/active_record"
 
 module Pghero
diff --git a/lib/generators/pghero/space_stats_generator.rb b/lib/generators/pghero/space_stats_generator.rb
index 31e05aea5..c8c3af3e1 100644
--- a/lib/generators/pghero/space_stats_generator.rb
+++ b/lib/generators/pghero/space_stats_generator.rb
@@ -1,3 +1,4 @@
+require "rails/generators"
 require "rails/generators/active_record"
 
 module Pghero
diff --git a/test/config_generator_test.rb b/test/config_generator_test.rb
new file mode 100644
index 000000000..17d9dbc81
--- /dev/null
+++ b/test/config_generator_test.rb
@@ -0,0 +1,14 @@
+require_relative "test_helper"
+
+require "generators/pghero/config_generator"
+
+class ConfigGeneratorTest < Rails::Generators::TestCase
+  tests Pghero::Generators::ConfigGenerator
+  destination File.expand_path("../tmp", __dir__)
+  setup :prepare_destination
+
+  def test_works
+    run_generator
+    assert_file "config/pghero.yml", /databases/
+  end
+end
diff --git a/test/query_stats_generator_test.rb b/test/query_stats_generator_test.rb
new file mode 100644
index 000000000..d036f3d1c
--- /dev/null
+++ b/test/query_stats_generator_test.rb
@@ -0,0 +1,14 @@
+require_relative "test_helper"
+
+require "generators/pghero/query_stats_generator"
+
+class QueryStatsGeneratorTest < Rails::Generators::TestCase
+  tests Pghero::Generators::QueryStatsGenerator
+  destination File.expand_path("../tmp", __dir__)
+  setup :prepare_destination
+
+  def test_works
+    run_generator
+    assert_migration "db/migrate/create_pghero_query_stats.rb", /create_table :pghero_query_stats/
+  end
+end
diff --git a/test/space_stats_generator_test.rb b/test/space_stats_generator_test.rb
new file mode 100644
index 000000000..f132d2947
--- /dev/null
+++ b/test/space_stats_generator_test.rb
@@ -0,0 +1,14 @@
+require_relative "test_helper"
+
+require "generators/pghero/space_stats_generator"
+
+class SpaceStatsGeneratorTest < Rails::Generators::TestCase
+  tests Pghero::Generators::SpaceStatsGenerator
+  destination File.expand_path("../tmp", __dir__)
+  setup :prepare_destination
+
+  def test_works
+    run_generator
+    assert_migration "db/migrate/create_pghero_space_stats.rb", /create_table :pghero_space_stats/
+  end
+end

From a20cdea4efeb328035cc30df4ea52afce43eb691 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 09:37:17 -0800
Subject: [PATCH 34/57] Simplified time params [skip ci]

---
 app/assets/javascripts/pghero/application.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/javascripts/pghero/application.js b/app/assets/javascripts/pghero/application.js
index 01fac3878..225fb99b8 100644
--- a/app/assets/javascripts/pghero/application.js
+++ b/app/assets/javascripts/pghero/application.js
@@ -77,7 +77,7 @@ function initSlider() {
   }
 
   function timeParam(time) {
-    return time.toISOString();
+    return time.toISOString().replace(/\.000Z$/, "Z");
   }
 
   function queriesPath(params) {

From 4b7a7b3613321f4ebd8d9bb353cf1c3c0ff69f34 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 09:51:05 -0800
Subject: [PATCH 35/57] Improved style [skip ci]

---
 app/assets/javascripts/pghero/application.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/pghero/application.js b/app/assets/javascripts/pghero/application.js
index 225fb99b8..fe3a3530f 100644
--- a/app/assets/javascripts/pghero/application.js
+++ b/app/assets/javascripts/pghero/application.js
@@ -5,7 +5,7 @@
 //= require ./highlight.pack
 
 function highlightQueries() {
-  $("pre code").each(function(i, block) {
+  $("pre code").each(function (i, block) {
     hljs.highlightBlock(block);
   });
 }
@@ -45,9 +45,9 @@ function initSlider() {
   });
 
   // remove outline for mouse only
-  $(".noUi-handle").mousedown(function() {
+  $(".noUi-handle").mousedown(function () {
     $(this).addClass("no-outline");
-  }).blur(function() {
+  }).blur(function () {
     $(this).removeClass("no-outline");
   });
 
@@ -115,7 +115,7 @@ function initSlider() {
 
     var path = queriesPath(params);
 
-    $(".queries-table th a").each( function () {
+    $(".queries-table th a").each(function () {
       var p = $.extend({}, params, {sort: $(this).data("sort"), min_average_time: minAverageTime, min_calls: minCalls, debug: debug});
       if (!p.sort) {
         delete p.sort;
@@ -152,7 +152,7 @@ function initSlider() {
     refreshStats(true);
   });
   updateText();
-  $( function () {
+  $(function () {
     refreshStats(false);
   });
 }

From 51386193ece52e50375efc225febf8d96c141e0e Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 10:02:05 -0800
Subject: [PATCH 36/57] Updated noUiSlider to 15.7.0 [skip ci]

---
 app/assets/javascripts/pghero/nouislider.js  | 1742 +++++++-----------
 app/assets/stylesheets/pghero/nouislider.css |   14 +-
 2 files changed, 680 insertions(+), 1076 deletions(-)

diff --git a/app/assets/javascripts/pghero/nouislider.js b/app/assets/javascripts/pghero/nouislider.js
index 71bdae1d5..1dff19bfa 100644
--- a/app/assets/javascripts/pghero/nouislider.js
+++ b/app/assets/javascripts/pghero/nouislider.js
@@ -1,131 +1,116 @@
-/*! nouislider - 14.6.1 - 8/17/2020 */
-(function(factory) {
-    if (typeof define === "function" && define.amd) {
-        // AMD. Register as an anonymous module.
-        define([], factory);
-    } else if (typeof exports === "object") {
-        // Node/CommonJS
-        module.exports = factory();
-    } else {
-        // Browser globals
-        window.noUiSlider = factory();
-    }
-})(function() {
-    "use strict";
-
-    var VERSION = "14.6.1";
-
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+    typeof define === 'function' && define.amd ? define(['exports'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.noUiSlider = {}));
+})(this, (function (exports) { 'use strict';
+
+    exports.PipsMode = void 0;
+    (function (PipsMode) {
+        PipsMode["Range"] = "range";
+        PipsMode["Steps"] = "steps";
+        PipsMode["Positions"] = "positions";
+        PipsMode["Count"] = "count";
+        PipsMode["Values"] = "values";
+    })(exports.PipsMode || (exports.PipsMode = {}));
+    exports.PipsType = void 0;
+    (function (PipsType) {
+        PipsType[PipsType["None"] = -1] = "None";
+        PipsType[PipsType["NoValue"] = 0] = "NoValue";
+        PipsType[PipsType["LargeValue"] = 1] = "LargeValue";
+        PipsType[PipsType["SmallValue"] = 2] = "SmallValue";
+    })(exports.PipsType || (exports.PipsType = {}));
     //region Helper Methods
-
     function isValidFormatter(entry) {
-        return typeof entry === "object" && typeof entry.to === "function" && typeof entry.from === "function";
+        return isValidPartialFormatter(entry) && typeof entry.from === "function";
+    }
+    function isValidPartialFormatter(entry) {
+        // partial formatters only need a to function and not a from function
+        return typeof entry === "object" && typeof entry.to === "function";
     }
-
     function removeElement(el) {
         el.parentElement.removeChild(el);
     }
-
     function isSet(value) {
         return value !== null && value !== undefined;
     }
-
     // Bindable version
     function preventDefault(e) {
         e.preventDefault();
     }
-
     // Removes duplicates from an array.
     function unique(array) {
-        return array.filter(function(a) {
+        return array.filter(function (a) {
             return !this[a] ? (this[a] = true) : false;
         }, {});
     }
-
     // Round a value to the closest 'to'.
     function closest(value, to) {
         return Math.round(value / to) * to;
     }
-
     // Current position of an element relative to the document.
     function offset(elem, orientation) {
         var rect = elem.getBoundingClientRect();
         var doc = elem.ownerDocument;
         var docElem = doc.documentElement;
         var pageOffset = getPageOffset(doc);
-
         // getBoundingClientRect contains left scroll in Chrome on Android.
         // I haven't found a feature detection that proves this. Worst case
         // scenario on mis-match: the 'tap' feature on horizontal sliders breaks.
         if (/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)) {
             pageOffset.x = 0;
         }
-
-        return orientation
-            ? rect.top + pageOffset.y - docElem.clientTop
-            : rect.left + pageOffset.x - docElem.clientLeft;
+        return orientation ? rect.top + pageOffset.y - docElem.clientTop : rect.left + pageOffset.x - docElem.clientLeft;
     }
-
     // Checks whether a value is numerical.
     function isNumeric(a) {
         return typeof a === "number" && !isNaN(a) && isFinite(a);
     }
-
     // Sets a class and removes it after [duration] ms.
     function addClassFor(element, className, duration) {
         if (duration > 0) {
             addClass(element, className);
-            setTimeout(function() {
+            setTimeout(function () {
                 removeClass(element, className);
             }, duration);
         }
     }
-
     // Limits a value to 0 - 100
     function limit(a) {
         return Math.max(Math.min(a, 100), 0);
     }
-
     // Wraps a variable as an array, if it isn't one yet.
     // Note that an input array is returned by reference!
     function asArray(a) {
         return Array.isArray(a) ? a : [a];
     }
-
     // Counts decimals
     function countDecimals(numStr) {
         numStr = String(numStr);
         var pieces = numStr.split(".");
         return pieces.length > 1 ? pieces[1].length : 0;
     }
-
     // http://youmightnotneedjquery.com/#add_class
     function addClass(el, className) {
         if (el.classList && !/\s/.test(className)) {
             el.classList.add(className);
-        } else {
+        }
+        else {
             el.className += " " + className;
         }
     }
-
     // http://youmightnotneedjquery.com/#remove_class
     function removeClass(el, className) {
         if (el.classList && !/\s/.test(className)) {
             el.classList.remove(className);
-        } else {
-            el.className = el.className.replace(
-                new RegExp("(^|\\b)" + className.split(" ").join("|") + "(\\b|$)", "gi"),
-                " "
-            );
+        }
+        else {
+            el.className = el.className.replace(new RegExp("(^|\\b)" + className.split(" ").join("|") + "(\\b|$)", "gi"), " ");
         }
     }
-
     // https://plainjs.com/javascript/attributes/adding-removing-and-testing-for-classes-9/
     function hasClass(el, className) {
-        return el.classList
-            ? el.classList.contains(className)
-            : new RegExp("\\b" + className + "\\b").test(el.className);
+        return el.classList ? el.classList.contains(className) : new RegExp("\\b" + className + "\\b").test(el.className);
     }
-
     // https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY#Notes
     function getPageOffset(doc) {
         var supportPageOffset = window.pageXOffset !== undefined;
@@ -140,13 +125,11 @@
             : isCSS1Compat
                 ? doc.documentElement.scrollTop
                 : doc.body.scrollTop;
-
         return {
             x: x,
-            y: y
+            y: y,
         };
     }
-
     // we provide a function to compute constants instead
     // of accessing window.* as soon as the module needs it
     // so that we do not compute anything if not needed
@@ -155,424 +138,333 @@
         // a prefix, which breaks compatibility with the IE10 implementation.
         return window.navigator.pointerEnabled
             ? {
-                  start: "pointerdown",
-                  move: "pointermove",
-                  end: "pointerup"
-              }
+                start: "pointerdown",
+                move: "pointermove",
+                end: "pointerup",
+            }
             : window.navigator.msPointerEnabled
                 ? {
-                      start: "MSPointerDown",
-                      move: "MSPointerMove",
-                      end: "MSPointerUp"
-                  }
+                    start: "MSPointerDown",
+                    move: "MSPointerMove",
+                    end: "MSPointerUp",
+                }
                 : {
-                      start: "mousedown touchstart",
-                      move: "mousemove touchmove",
-                      end: "mouseup touchend"
-                  };
+                    start: "mousedown touchstart",
+                    move: "mousemove touchmove",
+                    end: "mouseup touchend",
+                };
     }
-
     // https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
     // Issue #785
     function getSupportsPassive() {
         var supportsPassive = false;
-
         /* eslint-disable */
         try {
             var opts = Object.defineProperty({}, "passive", {
-                get: function() {
+                get: function () {
                     supportsPassive = true;
-                }
+                },
             });
-
+            // @ts-ignore
             window.addEventListener("test", null, opts);
-        } catch (e) {}
+        }
+        catch (e) { }
         /* eslint-enable */
-
         return supportsPassive;
     }
-
     function getSupportsTouchActionNone() {
         return window.CSS && CSS.supports && CSS.supports("touch-action", "none");
     }
-
     //endregion
-
     //region Range Calculation
-
     // Determine the size of a sub-range in relation to a full range.
     function subRangeRatio(pa, pb) {
         return 100 / (pb - pa);
     }
-
     // (percentage) How many percent is this value of this range?
     function fromPercentage(range, value, startRange) {
         return (value * 100) / (range[startRange + 1] - range[startRange]);
     }
-
     // (percentage) Where is this value on this range?
     function toPercentage(range, value) {
         return fromPercentage(range, range[0] < 0 ? value + Math.abs(range[0]) : value - range[0], 0);
     }
-
     // (value) How much is this percentage on this range?
     function isPercentage(range, value) {
         return (value * (range[1] - range[0])) / 100 + range[0];
     }
-
     function getJ(value, arr) {
         var j = 1;
-
         while (value >= arr[j]) {
             j += 1;
         }
-
         return j;
     }
-
     // (percentage) Input a value, find where, on a scale of 0-100, it applies.
     function toStepping(xVal, xPct, value) {
         if (value >= xVal.slice(-1)[0]) {
             return 100;
         }
-
         var j = getJ(value, xVal);
         var va = xVal[j - 1];
         var vb = xVal[j];
         var pa = xPct[j - 1];
         var pb = xPct[j];
-
         return pa + toPercentage([va, vb], value) / subRangeRatio(pa, pb);
     }
-
     // (value) Input a percentage, find where it is on the specified range.
     function fromStepping(xVal, xPct, value) {
         // There is no range group that fits 100
         if (value >= 100) {
             return xVal.slice(-1)[0];
         }
-
         var j = getJ(value, xPct);
         var va = xVal[j - 1];
         var vb = xVal[j];
         var pa = xPct[j - 1];
         var pb = xPct[j];
-
         return isPercentage([va, vb], (value - pa) * subRangeRatio(pa, pb));
     }
-
     // (percentage) Get the step that applies at a certain value.
     function getStep(xPct, xSteps, snap, value) {
         if (value === 100) {
             return value;
         }
-
         var j = getJ(value, xPct);
         var a = xPct[j - 1];
         var b = xPct[j];
-
         // If 'snap' is set, steps are used as fixed points on the slider.
         if (snap) {
             // Find the closest position, a or b.
             if (value - a > (b - a) / 2) {
                 return b;
             }
-
             return a;
         }
-
         if (!xSteps[j - 1]) {
             return value;
         }
-
         return xPct[j - 1] + closest(value - xPct[j - 1], xSteps[j - 1]);
     }
-
-    function handleEntryPoint(index, value, that) {
-        var percentage;
-
-        // Wrap numerical input in an array.
-        if (typeof value === "number") {
-            value = [value];
-        }
-
-        // Reject any invalid input, by testing whether value is an array.
-        if (!Array.isArray(value)) {
-            throw new Error("noUiSlider (" + VERSION + "): 'range' contains invalid value.");
-        }
-
-        // Covert min/max syntax to 0 and 100.
-        if (index === "min") {
-            percentage = 0;
-        } else if (index === "max") {
-            percentage = 100;
-        } else {
-            percentage = parseFloat(index);
-        }
-
-        // Check for correct input.
-        if (!isNumeric(percentage) || !isNumeric(value[0])) {
-            throw new Error("noUiSlider (" + VERSION + "): 'range' value isn't numeric.");
-        }
-
-        // Store values.
-        that.xPct.push(percentage);
-        that.xVal.push(value[0]);
-
-        // NaN will evaluate to false too, but to keep
-        // logging clear, set step explicitly. Make sure
-        // not to override the 'step' setting with false.
-        if (!percentage) {
-            if (!isNaN(value[1])) {
-                that.xSteps[0] = value[1];
-            }
-        } else {
-            that.xSteps.push(isNaN(value[1]) ? false : value[1]);
-        }
-
-        that.xHighestCompleteStep.push(0);
-    }
-
-    function handleStepPoint(i, n, that) {
-        // Ignore 'false' stepping.
-        if (!n) {
-            return;
-        }
-
-        // Step over zero-length ranges (#948);
-        if (that.xVal[i] === that.xVal[i + 1]) {
-            that.xSteps[i] = that.xHighestCompleteStep[i] = that.xVal[i];
-
-            return;
-        }
-
-        // Factor to range ratio
-        that.xSteps[i] =
-            fromPercentage([that.xVal[i], that.xVal[i + 1]], n, 0) / subRangeRatio(that.xPct[i], that.xPct[i + 1]);
-
-        var totalSteps = (that.xVal[i + 1] - that.xVal[i]) / that.xNumSteps[i];
-        var highestStep = Math.ceil(Number(totalSteps.toFixed(3)) - 1);
-        var step = that.xVal[i] + that.xNumSteps[i] * highestStep;
-
-        that.xHighestCompleteStep[i] = step;
-    }
-
     //endregion
-
     //region Spectrum
-
-    function Spectrum(entry, snap, singleStep) {
-        this.xPct = [];
-        this.xVal = [];
-        this.xSteps = [singleStep || false];
-        this.xNumSteps = [false];
-        this.xHighestCompleteStep = [];
-
-        this.snap = snap;
-
-        var index;
-        var ordered = []; // [0, 'min'], [1, '50%'], [2, 'max']
-
-        // Map the object keys to an array.
-        for (index in entry) {
-            if (entry.hasOwnProperty(index)) {
-                ordered.push([entry[index], index]);
-            }
-        }
-
-        // Sort all entries by value (numeric sort).
-        if (ordered.length && typeof ordered[0][0] === "object") {
-            ordered.sort(function(a, b) {
-                return a[0][0] - b[0][0];
+    var Spectrum = /** @class */ (function () {
+        function Spectrum(entry, snap, singleStep) {
+            this.xPct = [];
+            this.xVal = [];
+            this.xSteps = [];
+            this.xNumSteps = [];
+            this.xHighestCompleteStep = [];
+            this.xSteps = [singleStep || false];
+            this.xNumSteps = [false];
+            this.snap = snap;
+            var index;
+            var ordered = [];
+            // Map the object keys to an array.
+            Object.keys(entry).forEach(function (index) {
+                ordered.push([asArray(entry[index]), index]);
             });
-        } else {
-            ordered.sort(function(a, b) {
-                return a[0] - b[0];
+            // Sort all entries by value (numeric sort).
+            ordered.sort(function (a, b) {
+                return a[0][0] - b[0][0];
             });
-        }
-
-        // Convert all entries to subranges.
-        for (index = 0; index < ordered.length; index++) {
-            handleEntryPoint(ordered[index][1], ordered[index][0], this);
-        }
-
-        // Store the actual step values.
-        // xSteps is sorted in the same order as xPct and xVal.
-        this.xNumSteps = this.xSteps.slice(0);
-
-        // Convert all numeric steps to the percentage of the subrange they represent.
-        for (index = 0; index < this.xNumSteps.length; index++) {
-            handleStepPoint(index, this.xNumSteps[index], this);
-        }
-    }
-
-    Spectrum.prototype.getDistance = function(value) {
-        var index;
-        var distances = [];
-
-        for (index = 0; index < this.xNumSteps.length - 1; index++) {
-            // last "range" can't contain step size as it is purely an endpoint.
-            var step = this.xNumSteps[index];
-
-            if (step && (value / step) % 1 !== 0) {
-                throw new Error(
-                    "noUiSlider (" +
-                        VERSION +
-                        "): 'limit', 'margin' and 'padding' of " +
-                        this.xPct[index] +
-                        "% range must be divisible by step."
-                );
+            // Convert all entries to subranges.
+            for (index = 0; index < ordered.length; index++) {
+                this.handleEntryPoint(ordered[index][1], ordered[index][0]);
             }
-
-            // Calculate percentual distance in current range of limit, margin or padding
-            distances[index] = fromPercentage(this.xVal, value, index);
-        }
-
-        return distances;
-    };
-
-    // Calculate the percentual distance over the whole scale of ranges.
-    // direction: 0 = backwards / 1 = forwards
-    Spectrum.prototype.getAbsoluteDistance = function(value, distances, direction) {
-        var xPct_index = 0;
-
-        // Calculate range where to start calculation
-        if (value < this.xPct[this.xPct.length - 1]) {
-            while (value > this.xPct[xPct_index + 1]) {
-                xPct_index++;
+            // Store the actual step values.
+            // xSteps is sorted in the same order as xPct and xVal.
+            this.xNumSteps = this.xSteps.slice(0);
+            // Convert all numeric steps to the percentage of the subrange they represent.
+            for (index = 0; index < this.xNumSteps.length; index++) {
+                this.handleStepPoint(index, this.xNumSteps[index]);
             }
-        } else if (value === this.xPct[this.xPct.length - 1]) {
-            xPct_index = this.xPct.length - 2;
-        }
-
-        // If looking backwards and the value is exactly at a range separator then look one range further
-        if (!direction && value === this.xPct[xPct_index + 1]) {
-            xPct_index++;
-        }
-
-        var start_factor;
-        var rest_factor = 1;
-
-        var rest_rel_distance = distances[xPct_index];
-
-        var range_pct = 0;
-
-        var rel_range_distance = 0;
-        var abs_distance_counter = 0;
-        var range_counter = 0;
-
-        // Calculate what part of the start range the value is
-        if (direction) {
-            start_factor = (value - this.xPct[xPct_index]) / (this.xPct[xPct_index + 1] - this.xPct[xPct_index]);
-        } else {
-            start_factor = (this.xPct[xPct_index + 1] - value) / (this.xPct[xPct_index + 1] - this.xPct[xPct_index]);
         }
-
-        // Do until the complete distance across ranges is calculated
-        while (rest_rel_distance > 0) {
-            // Calculate the percentage of total range
-            range_pct = this.xPct[xPct_index + 1 + range_counter] - this.xPct[xPct_index + range_counter];
-
-            // Detect if the margin, padding or limit is larger then the current range and calculate
-            if (distances[xPct_index + range_counter] * rest_factor + 100 - start_factor * 100 > 100) {
-                // If larger then take the percentual distance of the whole range
-                rel_range_distance = range_pct * start_factor;
-                // Rest factor of relative percentual distance still to be calculated
-                rest_factor = (rest_rel_distance - 100 * start_factor) / distances[xPct_index + range_counter];
-                // Set start factor to 1 as for next range it does not apply.
-                start_factor = 1;
-            } else {
-                // If smaller or equal then take the percentual distance of the calculate percentual part of that range
-                rel_range_distance = ((distances[xPct_index + range_counter] * range_pct) / 100) * rest_factor;
-                // No rest left as the rest fits in current range
-                rest_factor = 0;
+        Spectrum.prototype.getDistance = function (value) {
+            var distances = [];
+            for (var index = 0; index < this.xNumSteps.length - 1; index++) {
+                distances[index] = fromPercentage(this.xVal, value, index);
             }
-
+            return distances;
+        };
+        // Calculate the percentual distance over the whole scale of ranges.
+        // direction: 0 = backwards / 1 = forwards
+        Spectrum.prototype.getAbsoluteDistance = function (value, distances, direction) {
+            var xPct_index = 0;
+            // Calculate range where to start calculation
+            if (value < this.xPct[this.xPct.length - 1]) {
+                while (value > this.xPct[xPct_index + 1]) {
+                    xPct_index++;
+                }
+            }
+            else if (value === this.xPct[this.xPct.length - 1]) {
+                xPct_index = this.xPct.length - 2;
+            }
+            // If looking backwards and the value is exactly at a range separator then look one range further
+            if (!direction && value === this.xPct[xPct_index + 1]) {
+                xPct_index++;
+            }
+            if (distances === null) {
+                distances = [];
+            }
+            var start_factor;
+            var rest_factor = 1;
+            var rest_rel_distance = distances[xPct_index];
+            var range_pct = 0;
+            var rel_range_distance = 0;
+            var abs_distance_counter = 0;
+            var range_counter = 0;
+            // Calculate what part of the start range the value is
             if (direction) {
-                abs_distance_counter = abs_distance_counter - rel_range_distance;
-                // Limit range to first range when distance becomes outside of minimum range
-                if (this.xPct.length + range_counter >= 1) {
-                    range_counter--;
+                start_factor = (value - this.xPct[xPct_index]) / (this.xPct[xPct_index + 1] - this.xPct[xPct_index]);
+            }
+            else {
+                start_factor = (this.xPct[xPct_index + 1] - value) / (this.xPct[xPct_index + 1] - this.xPct[xPct_index]);
+            }
+            // Do until the complete distance across ranges is calculated
+            while (rest_rel_distance > 0) {
+                // Calculate the percentage of total range
+                range_pct = this.xPct[xPct_index + 1 + range_counter] - this.xPct[xPct_index + range_counter];
+                // Detect if the margin, padding or limit is larger then the current range and calculate
+                if (distances[xPct_index + range_counter] * rest_factor + 100 - start_factor * 100 > 100) {
+                    // If larger then take the percentual distance of the whole range
+                    rel_range_distance = range_pct * start_factor;
+                    // Rest factor of relative percentual distance still to be calculated
+                    rest_factor = (rest_rel_distance - 100 * start_factor) / distances[xPct_index + range_counter];
+                    // Set start factor to 1 as for next range it does not apply.
+                    start_factor = 1;
                 }
-            } else {
-                abs_distance_counter = abs_distance_counter + rel_range_distance;
-                // Limit range to last range when distance becomes outside of maximum range
-                if (this.xPct.length - range_counter >= 1) {
-                    range_counter++;
+                else {
+                    // If smaller or equal then take the percentual distance of the calculate percentual part of that range
+                    rel_range_distance = ((distances[xPct_index + range_counter] * range_pct) / 100) * rest_factor;
+                    // No rest left as the rest fits in current range
+                    rest_factor = 0;
+                }
+                if (direction) {
+                    abs_distance_counter = abs_distance_counter - rel_range_distance;
+                    // Limit range to first range when distance becomes outside of minimum range
+                    if (this.xPct.length + range_counter >= 1) {
+                        range_counter--;
+                    }
                 }
+                else {
+                    abs_distance_counter = abs_distance_counter + rel_range_distance;
+                    // Limit range to last range when distance becomes outside of maximum range
+                    if (this.xPct.length - range_counter >= 1) {
+                        range_counter++;
+                    }
+                }
+                // Rest of relative percentual distance still to be calculated
+                rest_rel_distance = distances[xPct_index + range_counter] * rest_factor;
             }
-
-            // Rest of relative percentual distance still to be calculated
-            rest_rel_distance = distances[xPct_index + range_counter] * rest_factor;
-        }
-
-        return value + abs_distance_counter;
-    };
-
-    Spectrum.prototype.toStepping = function(value) {
-        value = toStepping(this.xVal, this.xPct, value);
-
-        return value;
-    };
-
-    Spectrum.prototype.fromStepping = function(value) {
-        return fromStepping(this.xVal, this.xPct, value);
-    };
-
-    Spectrum.prototype.getStep = function(value) {
-        value = getStep(this.xPct, this.xSteps, this.snap, value);
-
-        return value;
-    };
-
-    Spectrum.prototype.getDefaultStep = function(value, isDown, size) {
-        var j = getJ(value, this.xPct);
-
-        // When at the top or stepping down, look at the previous sub-range
-        if (value === 100 || (isDown && value === this.xPct[j - 1])) {
-            j = Math.max(j - 1, 1);
-        }
-
-        return (this.xVal[j] - this.xVal[j - 1]) / size;
-    };
-
-    Spectrum.prototype.getNearbySteps = function(value) {
-        var j = getJ(value, this.xPct);
-
-        return {
-            stepBefore: {
-                startValue: this.xVal[j - 2],
-                step: this.xNumSteps[j - 2],
-                highestStep: this.xHighestCompleteStep[j - 2]
-            },
-            thisStep: {
-                startValue: this.xVal[j - 1],
-                step: this.xNumSteps[j - 1],
-                highestStep: this.xHighestCompleteStep[j - 1]
-            },
-            stepAfter: {
-                startValue: this.xVal[j],
-                step: this.xNumSteps[j],
-                highestStep: this.xHighestCompleteStep[j]
+            return value + abs_distance_counter;
+        };
+        Spectrum.prototype.toStepping = function (value) {
+            value = toStepping(this.xVal, this.xPct, value);
+            return value;
+        };
+        Spectrum.prototype.fromStepping = function (value) {
+            return fromStepping(this.xVal, this.xPct, value);
+        };
+        Spectrum.prototype.getStep = function (value) {
+            value = getStep(this.xPct, this.xSteps, this.snap, value);
+            return value;
+        };
+        Spectrum.prototype.getDefaultStep = function (value, isDown, size) {
+            var j = getJ(value, this.xPct);
+            // When at the top or stepping down, look at the previous sub-range
+            if (value === 100 || (isDown && value === this.xPct[j - 1])) {
+                j = Math.max(j - 1, 1);
             }
+            return (this.xVal[j] - this.xVal[j - 1]) / size;
         };
-    };
-
-    Spectrum.prototype.countStepDecimals = function() {
-        var stepDecimals = this.xNumSteps.map(countDecimals);
-        return Math.max.apply(null, stepDecimals);
-    };
-
-    // Outside testing
-    Spectrum.prototype.convert = function(value) {
-        return this.getStep(this.toStepping(value));
-    };
-
+        Spectrum.prototype.getNearbySteps = function (value) {
+            var j = getJ(value, this.xPct);
+            return {
+                stepBefore: {
+                    startValue: this.xVal[j - 2],
+                    step: this.xNumSteps[j - 2],
+                    highestStep: this.xHighestCompleteStep[j - 2],
+                },
+                thisStep: {
+                    startValue: this.xVal[j - 1],
+                    step: this.xNumSteps[j - 1],
+                    highestStep: this.xHighestCompleteStep[j - 1],
+                },
+                stepAfter: {
+                    startValue: this.xVal[j],
+                    step: this.xNumSteps[j],
+                    highestStep: this.xHighestCompleteStep[j],
+                },
+            };
+        };
+        Spectrum.prototype.countStepDecimals = function () {
+            var stepDecimals = this.xNumSteps.map(countDecimals);
+            return Math.max.apply(null, stepDecimals);
+        };
+        Spectrum.prototype.hasNoSize = function () {
+            return this.xVal[0] === this.xVal[this.xVal.length - 1];
+        };
+        // Outside testing
+        Spectrum.prototype.convert = function (value) {
+            return this.getStep(this.toStepping(value));
+        };
+        Spectrum.prototype.handleEntryPoint = function (index, value) {
+            var percentage;
+            // Covert min/max syntax to 0 and 100.
+            if (index === "min") {
+                percentage = 0;
+            }
+            else if (index === "max") {
+                percentage = 100;
+            }
+            else {
+                percentage = parseFloat(index);
+            }
+            // Check for correct input.
+            if (!isNumeric(percentage) || !isNumeric(value[0])) {
+                throw new Error("noUiSlider: 'range' value isn't numeric.");
+            }
+            // Store values.
+            this.xPct.push(percentage);
+            this.xVal.push(value[0]);
+            var value1 = Number(value[1]);
+            // NaN will evaluate to false too, but to keep
+            // logging clear, set step explicitly. Make sure
+            // not to override the 'step' setting with false.
+            if (!percentage) {
+                if (!isNaN(value1)) {
+                    this.xSteps[0] = value1;
+                }
+            }
+            else {
+                this.xSteps.push(isNaN(value1) ? false : value1);
+            }
+            this.xHighestCompleteStep.push(0);
+        };
+        Spectrum.prototype.handleStepPoint = function (i, n) {
+            // Ignore 'false' stepping.
+            if (!n) {
+                return;
+            }
+            // Step over zero-length ranges (#948);
+            if (this.xVal[i] === this.xVal[i + 1]) {
+                this.xSteps[i] = this.xHighestCompleteStep[i] = this.xVal[i];
+                return;
+            }
+            // Factor to range ratio
+            this.xSteps[i] =
+                fromPercentage([this.xVal[i], this.xVal[i + 1]], n, 0) / subRangeRatio(this.xPct[i], this.xPct[i + 1]);
+            var totalSteps = (this.xVal[i + 1] - this.xVal[i]) / this.xNumSteps[i];
+            var highestStep = Math.ceil(Number(totalSteps.toFixed(3)) - 1);
+            var step = this.xVal[i] + this.xNumSteps[i] * highestStep;
+            this.xHighestCompleteStep[i] = step;
+        };
+        return Spectrum;
+    }());
     //endregion
-
     //region Options
-
-    /*	Every input option is tested and parsed. This'll prevent
+    /*	Every input option is tested and parsed. This will prevent
         endless validation in internal methods. These tests are
         structured with an item for every option available. An
         option can be marked as required by setting the 'r' flag.
@@ -584,16 +476,13 @@
         The testing function returns false when an error is detected,
         or true when everything is OK. It can also modify the option
         object, to make sure all values can be correctly looped elsewhere. */
-
     //region Defaults
-
     var defaultFormatter = {
-        to: function(value) {
-            return value !== undefined && value.toFixed(2);
+        to: function (value) {
+            return value === undefined ? "" : value.toFixed(2);
         },
-        from: Number
+        from: Number,
     };
-
     var cssClasses = {
         target: "target",
         base: "base",
@@ -630,138 +519,110 @@
         valueVertical: "value-vertical",
         valueNormal: "value-normal",
         valueLarge: "value-large",
-        valueSub: "value-sub"
+        valueSub: "value-sub",
+    };
+    // Namespaces of internal event listeners
+    var INTERNAL_EVENT_NS = {
+        tooltips: ".__tooltips",
+        aria: ".__aria",
     };
-
     //endregion
-
-    function validateFormat(entry) {
-        // Any object with a to and from method is supported.
-        if (isValidFormatter(entry)) {
-            return true;
-        }
-
-        throw new Error("noUiSlider (" + VERSION + "): 'format' requires 'to' and 'from' methods.");
-    }
-
     function testStep(parsed, entry) {
         if (!isNumeric(entry)) {
-            throw new Error("noUiSlider (" + VERSION + "): 'step' is not numeric.");
+            throw new Error("noUiSlider: 'step' is not numeric.");
         }
-
         // The step option can still be used to set stepping
         // for linear sliders. Overwritten if set in 'range'.
         parsed.singleStep = entry;
     }
-
     function testKeyboardPageMultiplier(parsed, entry) {
         if (!isNumeric(entry)) {
-            throw new Error("noUiSlider (" + VERSION + "): 'keyboardPageMultiplier' is not numeric.");
+            throw new Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");
         }
-
         parsed.keyboardPageMultiplier = entry;
     }
-
+    function testKeyboardMultiplier(parsed, entry) {
+        if (!isNumeric(entry)) {
+            throw new Error("noUiSlider: 'keyboardMultiplier' is not numeric.");
+        }
+        parsed.keyboardMultiplier = entry;
+    }
     function testKeyboardDefaultStep(parsed, entry) {
         if (!isNumeric(entry)) {
-            throw new Error("noUiSlider (" + VERSION + "): 'keyboardDefaultStep' is not numeric.");
+            throw new Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");
         }
-
         parsed.keyboardDefaultStep = entry;
     }
-
     function testRange(parsed, entry) {
         // Filter incorrect input.
         if (typeof entry !== "object" || Array.isArray(entry)) {
-            throw new Error("noUiSlider (" + VERSION + "): 'range' is not an object.");
+            throw new Error("noUiSlider: 'range' is not an object.");
         }
-
         // Catch missing start or end.
         if (entry.min === undefined || entry.max === undefined) {
-            throw new Error("noUiSlider (" + VERSION + "): Missing 'min' or 'max' in 'range'.");
+            throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");
         }
-
-        // Catch equal start or end.
-        if (entry.min === entry.max) {
-            throw new Error("noUiSlider (" + VERSION + "): 'range' 'min' and 'max' cannot be equal.");
-        }
-
-        parsed.spectrum = new Spectrum(entry, parsed.snap, parsed.singleStep);
+        parsed.spectrum = new Spectrum(entry, parsed.snap || false, parsed.singleStep);
     }
-
     function testStart(parsed, entry) {
         entry = asArray(entry);
-
         // Validate input. Values aren't tested, as the public .val method
         // will always provide a valid location.
         if (!Array.isArray(entry) || !entry.length) {
-            throw new Error("noUiSlider (" + VERSION + "): 'start' option is incorrect.");
+            throw new Error("noUiSlider: 'start' option is incorrect.");
         }
-
         // Store the number of handles.
         parsed.handles = entry.length;
-
         // When the slider is initialized, the .val method will
         // be called with the start options.
         parsed.start = entry;
     }
-
     function testSnap(parsed, entry) {
-        // Enforce 100% stepping within subranges.
-        parsed.snap = entry;
-
         if (typeof entry !== "boolean") {
-            throw new Error("noUiSlider (" + VERSION + "): 'snap' option must be a boolean.");
+            throw new Error("noUiSlider: 'snap' option must be a boolean.");
         }
+        // Enforce 100% stepping within subranges.
+        parsed.snap = entry;
     }
-
     function testAnimate(parsed, entry) {
-        // Enforce 100% stepping within subranges.
-        parsed.animate = entry;
-
         if (typeof entry !== "boolean") {
-            throw new Error("noUiSlider (" + VERSION + "): 'animate' option must be a boolean.");
+            throw new Error("noUiSlider: 'animate' option must be a boolean.");
         }
+        // Enforce 100% stepping within subranges.
+        parsed.animate = entry;
     }
-
     function testAnimationDuration(parsed, entry) {
-        parsed.animationDuration = entry;
-
         if (typeof entry !== "number") {
-            throw new Error("noUiSlider (" + VERSION + "): 'animationDuration' option must be a number.");
+            throw new Error("noUiSlider: 'animationDuration' option must be a number.");
         }
+        parsed.animationDuration = entry;
     }
-
     function testConnect(parsed, entry) {
         var connect = [false];
         var i;
-
         // Map legacy options
         if (entry === "lower") {
             entry = [true, false];
-        } else if (entry === "upper") {
+        }
+        else if (entry === "upper") {
             entry = [false, true];
         }
-
         // Handle boolean options
         if (entry === true || entry === false) {
             for (i = 1; i < parsed.handles; i++) {
                 connect.push(entry);
             }
-
             connect.push(false);
         }
-
         // Reject invalid input
         else if (!Array.isArray(entry) || !entry.length || entry.length !== parsed.handles + 1) {
-            throw new Error("noUiSlider (" + VERSION + "): 'connect' option doesn't match handle count.");
-        } else {
+            throw new Error("noUiSlider: 'connect' option doesn't match handle count.");
+        }
+        else {
             connect = entry;
         }
-
         parsed.connect = connect;
     }
-
     function testOrientation(parsed, entry) {
         // Set orientation to an a numerical value for easy
         // array selection.
@@ -773,81 +634,57 @@
                 parsed.ort = 1;
                 break;
             default:
-                throw new Error("noUiSlider (" + VERSION + "): 'orientation' option is invalid.");
+                throw new Error("noUiSlider: 'orientation' option is invalid.");
         }
     }
-
     function testMargin(parsed, entry) {
         if (!isNumeric(entry)) {
-            throw new Error("noUiSlider (" + VERSION + "): 'margin' option must be numeric.");
+            throw new Error("noUiSlider: 'margin' option must be numeric.");
         }
-
         // Issue #582
         if (entry === 0) {
             return;
         }
-
         parsed.margin = parsed.spectrum.getDistance(entry);
     }
-
     function testLimit(parsed, entry) {
         if (!isNumeric(entry)) {
-            throw new Error("noUiSlider (" + VERSION + "): 'limit' option must be numeric.");
+            throw new Error("noUiSlider: 'limit' option must be numeric.");
         }
-
         parsed.limit = parsed.spectrum.getDistance(entry);
-
         if (!parsed.limit || parsed.handles < 2) {
-            throw new Error(
-                "noUiSlider (" +
-                    VERSION +
-                    "): 'limit' option is only supported on linear sliders with 2 or more handles."
-            );
+            throw new Error("noUiSlider: 'limit' option is only supported on linear sliders with 2 or more handles.");
         }
     }
-
     function testPadding(parsed, entry) {
         var index;
-
         if (!isNumeric(entry) && !Array.isArray(entry)) {
-            throw new Error(
-                "noUiSlider (" + VERSION + "): 'padding' option must be numeric or array of exactly 2 numbers."
-            );
+            throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");
         }
-
         if (Array.isArray(entry) && !(entry.length === 2 || isNumeric(entry[0]) || isNumeric(entry[1]))) {
-            throw new Error(
-                "noUiSlider (" + VERSION + "): 'padding' option must be numeric or array of exactly 2 numbers."
-            );
+            throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");
         }
-
         if (entry === 0) {
             return;
         }
-
         if (!Array.isArray(entry)) {
             entry = [entry, entry];
         }
-
         // 'getDistance' returns false for invalid values.
         parsed.padding = [parsed.spectrum.getDistance(entry[0]), parsed.spectrum.getDistance(entry[1])];
-
         for (index = 0; index < parsed.spectrum.xNumSteps.length - 1; index++) {
             // last "range" can't contain step size as it is purely an endpoint.
             if (parsed.padding[0][index] < 0 || parsed.padding[1][index] < 0) {
-                throw new Error("noUiSlider (" + VERSION + "): 'padding' option must be a positive number(s).");
+                throw new Error("noUiSlider: 'padding' option must be a positive number(s).");
             }
         }
-
         var totalPadding = entry[0] + entry[1];
         var firstValue = parsed.spectrum.xVal[0];
         var lastValue = parsed.spectrum.xVal[parsed.spectrum.xVal.length - 1];
-
         if (totalPadding / (lastValue - firstValue) > 1) {
-            throw new Error("noUiSlider (" + VERSION + "): 'padding' option must not exceed 100% of the range.");
+            throw new Error("noUiSlider: 'padding' option must not exceed 100% of the range.");
         }
     }
-
     function testDirection(parsed, entry) {
         // Set direction as a numerical value for easy parsing.
         // Invert connection for RTL sliders, so that the proper
@@ -860,16 +697,14 @@
                 parsed.dir = 1;
                 break;
             default:
-                throw new Error("noUiSlider (" + VERSION + "): 'direction' option was not recognized.");
+                throw new Error("noUiSlider: 'direction' option was not recognized.");
         }
     }
-
     function testBehaviour(parsed, entry) {
         // Make sure the input is a string.
         if (typeof entry !== "string") {
-            throw new Error("noUiSlider (" + VERSION + "): 'behaviour' must be a string containing options.");
+            throw new Error("noUiSlider: 'behaviour' must be a string containing options.");
         }
-
         // Check if the string contains any keywords.
         // None are required.
         var tap = entry.indexOf("tap") >= 0;
@@ -878,132 +713,119 @@
         var snap = entry.indexOf("snap") >= 0;
         var hover = entry.indexOf("hover") >= 0;
         var unconstrained = entry.indexOf("unconstrained") >= 0;
-
+        var dragAll = entry.indexOf("drag-all") >= 0;
+        var smoothSteps = entry.indexOf("smooth-steps") >= 0;
         if (fixed) {
             if (parsed.handles !== 2) {
-                throw new Error("noUiSlider (" + VERSION + "): 'fixed' behaviour must be used with 2 handles");
+                throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");
             }
-
             // Use margin to enforce fixed state
             testMargin(parsed, parsed.start[1] - parsed.start[0]);
         }
-
         if (unconstrained && (parsed.margin || parsed.limit)) {
-            throw new Error(
-                "noUiSlider (" + VERSION + "): 'unconstrained' behaviour cannot be used with margin or limit"
-            );
+            throw new Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");
         }
-
         parsed.events = {
             tap: tap || snap,
             drag: drag,
+            dragAll: dragAll,
+            smoothSteps: smoothSteps,
             fixed: fixed,
             snap: snap,
             hover: hover,
-            unconstrained: unconstrained
+            unconstrained: unconstrained,
         };
     }
-
     function testTooltips(parsed, entry) {
         if (entry === false) {
             return;
         }
-
-        if (entry === true) {
+        if (entry === true || isValidPartialFormatter(entry)) {
             parsed.tooltips = [];
-
             for (var i = 0; i < parsed.handles; i++) {
-                parsed.tooltips.push(true);
+                parsed.tooltips.push(entry);
             }
-        } else {
-            parsed.tooltips = asArray(entry);
-
-            if (parsed.tooltips.length !== parsed.handles) {
-                throw new Error("noUiSlider (" + VERSION + "): must pass a formatter for all handles.");
+        }
+        else {
+            entry = asArray(entry);
+            if (entry.length !== parsed.handles) {
+                throw new Error("noUiSlider: must pass a formatter for all handles.");
             }
-
-            parsed.tooltips.forEach(function(formatter) {
-                if (
-                    typeof formatter !== "boolean" &&
-                    (typeof formatter !== "object" || typeof formatter.to !== "function")
-                ) {
-                    throw new Error("noUiSlider (" + VERSION + "): 'tooltips' must be passed a formatter or 'false'.");
+            entry.forEach(function (formatter) {
+                if (typeof formatter !== "boolean" && !isValidPartialFormatter(formatter)) {
+                    throw new Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.");
                 }
             });
+            parsed.tooltips = entry;
         }
     }
-
+    function testHandleAttributes(parsed, entry) {
+        if (entry.length !== parsed.handles) {
+            throw new Error("noUiSlider: must pass a attributes for all handles.");
+        }
+        parsed.handleAttributes = entry;
+    }
     function testAriaFormat(parsed, entry) {
+        if (!isValidPartialFormatter(entry)) {
+            throw new Error("noUiSlider: 'ariaFormat' requires 'to' method.");
+        }
         parsed.ariaFormat = entry;
-        validateFormat(entry);
     }
-
     function testFormat(parsed, entry) {
+        if (!isValidFormatter(entry)) {
+            throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.");
+        }
         parsed.format = entry;
-        validateFormat(entry);
     }
-
     function testKeyboardSupport(parsed, entry) {
-        parsed.keyboardSupport = entry;
-
         if (typeof entry !== "boolean") {
-            throw new Error("noUiSlider (" + VERSION + "): 'keyboardSupport' option must be a boolean.");
+            throw new Error("noUiSlider: 'keyboardSupport' option must be a boolean.");
         }
+        parsed.keyboardSupport = entry;
     }
-
     function testDocumentElement(parsed, entry) {
         // This is an advanced option. Passed values are used without validation.
         parsed.documentElement = entry;
     }
-
     function testCssPrefix(parsed, entry) {
         if (typeof entry !== "string" && entry !== false) {
-            throw new Error("noUiSlider (" + VERSION + "): 'cssPrefix' must be a string or `false`.");
+            throw new Error("noUiSlider: 'cssPrefix' must be a string or `false`.");
         }
-
         parsed.cssPrefix = entry;
     }
-
     function testCssClasses(parsed, entry) {
         if (typeof entry !== "object") {
-            throw new Error("noUiSlider (" + VERSION + "): 'cssClasses' must be an object.");
+            throw new Error("noUiSlider: 'cssClasses' must be an object.");
         }
-
         if (typeof parsed.cssPrefix === "string") {
             parsed.cssClasses = {};
-
-            for (var key in entry) {
-                if (!entry.hasOwnProperty(key)) {
-                    continue;
-                }
-
+            Object.keys(entry).forEach(function (key) {
                 parsed.cssClasses[key] = parsed.cssPrefix + entry[key];
-            }
-        } else {
+            });
+        }
+        else {
             parsed.cssClasses = entry;
         }
     }
-
     // Test all developer settings and parse to assumption-safe values.
     function testOptions(options) {
         // To prove a fix for #537, freeze options here.
         // If the object is modified, an error will be thrown.
         // Object.freeze(options);
-
         var parsed = {
-            margin: 0,
-            limit: 0,
-            padding: 0,
+            margin: null,
+            limit: null,
+            padding: null,
             animate: true,
             animationDuration: 300,
             ariaFormat: defaultFormatter,
-            format: defaultFormatter
+            format: defaultFormatter,
         };
-
         // Tests are executed in the order they are presented here.
         var tests = {
             step: { r: false, t: testStep },
             keyboardPageMultiplier: { r: false, t: testKeyboardPageMultiplier },
+            keyboardMultiplier: { r: false, t: testKeyboardMultiplier },
             keyboardDefaultStep: { r: false, t: testKeyboardDefaultStep },
             start: { r: true, t: testStart },
             connect: { r: true, t: testConnect },
@@ -1023,9 +845,9 @@
             keyboardSupport: { r: true, t: testKeyboardSupport },
             documentElement: { r: false, t: testDocumentElement },
             cssPrefix: { r: true, t: testCssPrefix },
-            cssClasses: { r: true, t: testCssClasses }
+            cssClasses: { r: true, t: testCssClasses },
+            handleAttributes: { r: false, t: testHandleAttributes },
         };
-
         var defaults = {
             connect: false,
             direction: "ltr",
@@ -1035,33 +857,28 @@
             cssPrefix: "noUi-",
             cssClasses: cssClasses,
             keyboardPageMultiplier: 5,
-            keyboardDefaultStep: 10
+            keyboardMultiplier: 1,
+            keyboardDefaultStep: 10,
         };
-
         // AriaFormat defaults to regular format, if any.
         if (options.format && !options.ariaFormat) {
             options.ariaFormat = options.format;
         }
-
         // Run all options through a testing mechanism to ensure correct
         // input. It should be noted that options might get modified to
         // be handled properly. E.g. wrapping integers in arrays.
-        Object.keys(tests).forEach(function(name) {
+        Object.keys(tests).forEach(function (name) {
             // If the option isn't set, but it is required, throw an error.
             if (!isSet(options[name]) && defaults[name] === undefined) {
                 if (tests[name].r) {
-                    throw new Error("noUiSlider (" + VERSION + "): '" + name + "' is required.");
+                    throw new Error("noUiSlider: '" + name + "' is required.");
                 }
-
-                return true;
+                return;
             }
-
             tests[name].t(parsed, !isSet(options[name]) ? defaults[name] : options[name]);
         });
-
         // Forward pips options
         parsed.pips = options.pips;
-
         // All recent browsers accept unprefixed transform.
         // We need -ms- for IE9 and -webkit- for older Android;
         // Assume use of -webkit- if unprefixed and -ms- are not supported.
@@ -1069,26 +886,21 @@
         var d = document.createElement("div");
         var msPrefix = d.style.msTransform !== undefined;
         var noPrefix = d.style.transform !== undefined;
-
         parsed.transformRule = noPrefix ? "transform" : msPrefix ? "msTransform" : "webkitTransform";
-
         // Pips don't move, so we can place them using left/top.
-        var styles = [["left", "top"], ["right", "bottom"]];
-
+        var styles = [
+            ["left", "top"],
+            ["right", "bottom"],
+        ];
         parsed.style = styles[parsed.dir][parsed.ort];
-
         return parsed;
     }
-
     //endregion
-
     function scope(target, options, originalOptions) {
         var actions = getActions();
         var supportsTouchActionNone = getSupportsTouchActionNone();
         var supportsPassive = supportsTouchActionNone && getSupportsPassive();
-
         // All variables local to 'scope' are prefixed with 'scope_'
-
         // Slider DOM Nodes
         var scope_Target = target;
         var scope_Base;
@@ -1096,7 +908,6 @@
         var scope_Connects;
         var scope_Pips;
         var scope_Tooltips;
-
         // Slider state values
         var scope_Spectrum = options.spectrum;
         var scope_Values = [];
@@ -1104,89 +915,68 @@
         var scope_HandleNumbers = [];
         var scope_ActiveHandlesCount = 0;
         var scope_Events = {};
-
-        // Exposed API
-        var scope_Self;
-
         // Document Nodes
         var scope_Document = target.ownerDocument;
         var scope_DocumentElement = options.documentElement || scope_Document.documentElement;
         var scope_Body = scope_Document.body;
-
-        // Pips constants
-        var PIPS_NONE = -1;
-        var PIPS_NO_VALUE = 0;
-        var PIPS_LARGE_VALUE = 1;
-        var PIPS_SMALL_VALUE = 2;
-
         // For horizontal sliders in standard ltr documents,
         // make .noUi-origin overflow to the left so the document doesn't scroll.
         var scope_DirOffset = scope_Document.dir === "rtl" || options.ort === 1 ? 0 : 100;
-
         // Creates a node, adds it to target, returns the new node.
         function addNodeTo(addTarget, className) {
             var div = scope_Document.createElement("div");
-
             if (className) {
                 addClass(div, className);
             }
-
             addTarget.appendChild(div);
-
             return div;
         }
-
         // Append a origin to the base
         function addOrigin(base, handleNumber) {
             var origin = addNodeTo(base, options.cssClasses.origin);
             var handle = addNodeTo(origin, options.cssClasses.handle);
-
             addNodeTo(handle, options.cssClasses.touchArea);
-
-            handle.setAttribute("data-handle", handleNumber);
-
+            handle.setAttribute("data-handle", String(handleNumber));
             if (options.keyboardSupport) {
                 // https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
                 // 0 = focusable and reachable
                 handle.setAttribute("tabindex", "0");
-                handle.addEventListener("keydown", function(event) {
+                handle.addEventListener("keydown", function (event) {
                     return eventKeydown(event, handleNumber);
                 });
             }
-
+            if (options.handleAttributes !== undefined) {
+                var attributes_1 = options.handleAttributes[handleNumber];
+                Object.keys(attributes_1).forEach(function (attribute) {
+                    handle.setAttribute(attribute, attributes_1[attribute]);
+                });
+            }
             handle.setAttribute("role", "slider");
             handle.setAttribute("aria-orientation", options.ort ? "vertical" : "horizontal");
-
             if (handleNumber === 0) {
                 addClass(handle, options.cssClasses.handleLower);
-            } else if (handleNumber === options.handles - 1) {
+            }
+            else if (handleNumber === options.handles - 1) {
                 addClass(handle, options.cssClasses.handleUpper);
             }
-
+            origin.handle = handle;
             return origin;
         }
-
         // Insert nodes for connect elements
         function addConnect(base, add) {
             if (!add) {
                 return false;
             }
-
             return addNodeTo(base, options.cssClasses.connect);
         }
-
         // Add handles to the slider base.
         function addElements(connectOptions, base) {
             var connectBase = addNodeTo(base, options.cssClasses.connects);
-
             scope_Handles = [];
             scope_Connects = [];
-
             scope_Connects.push(addConnect(connectBase, connectOptions[0]));
-
             // [::::O====O====O====]
             // connectOptions = [0, 1, 1, 1]
-
             for (var i = 0; i < options.handles; i++) {
                 // Keep a list of all added handles.
                 scope_Handles.push(addOrigin(base, i));
@@ -1194,57 +984,74 @@
                 scope_Connects.push(addConnect(connectBase, connectOptions[i + 1]));
             }
         }
-
         // Initialize a single slider.
         function addSlider(addTarget) {
             // Apply classes and data to the target.
             addClass(addTarget, options.cssClasses.target);
-
             if (options.dir === 0) {
                 addClass(addTarget, options.cssClasses.ltr);
-            } else {
+            }
+            else {
                 addClass(addTarget, options.cssClasses.rtl);
             }
-
             if (options.ort === 0) {
                 addClass(addTarget, options.cssClasses.horizontal);
-            } else {
+            }
+            else {
                 addClass(addTarget, options.cssClasses.vertical);
             }
-
             var textDirection = getComputedStyle(addTarget).direction;
-
             if (textDirection === "rtl") {
                 addClass(addTarget, options.cssClasses.textDirectionRtl);
-            } else {
+            }
+            else {
                 addClass(addTarget, options.cssClasses.textDirectionLtr);
             }
-
             return addNodeTo(addTarget, options.cssClasses.base);
         }
-
         function addTooltip(handle, handleNumber) {
-            if (!options.tooltips[handleNumber]) {
+            if (!options.tooltips || !options.tooltips[handleNumber]) {
                 return false;
             }
-
             return addNodeTo(handle.firstChild, options.cssClasses.tooltip);
         }
-
         function isSliderDisabled() {
             return scope_Target.hasAttribute("disabled");
         }
-
         // Disable the slider dragging if any handle is disabled
         function isHandleDisabled(handleNumber) {
             var handleOrigin = scope_Handles[handleNumber];
             return handleOrigin.hasAttribute("disabled");
         }
-
+        function disable(handleNumber) {
+            if (handleNumber !== null && handleNumber !== undefined) {
+                scope_Handles[handleNumber].setAttribute("disabled", "");
+                scope_Handles[handleNumber].handle.removeAttribute("tabindex");
+            }
+            else {
+                scope_Target.setAttribute("disabled", "");
+                scope_Handles.forEach(function (handle) {
+                    handle.handle.removeAttribute("tabindex");
+                });
+            }
+        }
+        function enable(handleNumber) {
+            if (handleNumber !== null && handleNumber !== undefined) {
+                scope_Handles[handleNumber].removeAttribute("disabled");
+                scope_Handles[handleNumber].handle.setAttribute("tabindex", "0");
+            }
+            else {
+                scope_Target.removeAttribute("disabled");
+                scope_Handles.forEach(function (handle) {
+                    handle.removeAttribute("disabled");
+                    handle.handle.setAttribute("tabindex", "0");
+                });
+            }
+        }
         function removeTooltips() {
             if (scope_Tooltips) {
-                removeEvent("update.tooltips");
-                scope_Tooltips.forEach(function(tooltip) {
+                removeEvent("update" + INTERNAL_EVENT_NS.tooltips);
+                scope_Tooltips.forEach(function (tooltip) {
                     if (tooltip) {
                         removeElement(tooltip);
                     }
@@ -1252,48 +1059,40 @@
                 scope_Tooltips = null;
             }
         }
-
         // The tooltips option is a shorthand for using the 'update' event.
         function tooltips() {
             removeTooltips();
-
             // Tooltips are added with options.tooltips in original order.
             scope_Tooltips = scope_Handles.map(addTooltip);
-
-            bindEvent("update.tooltips", function(values, handleNumber, unencoded) {
-                if (!scope_Tooltips[handleNumber]) {
+            bindEvent("update" + INTERNAL_EVENT_NS.tooltips, function (values, handleNumber, unencoded) {
+                if (!scope_Tooltips || !options.tooltips) {
+                    return;
+                }
+                if (scope_Tooltips[handleNumber] === false) {
                     return;
                 }
-
                 var formattedValue = values[handleNumber];
-
                 if (options.tooltips[handleNumber] !== true) {
                     formattedValue = options.tooltips[handleNumber].to(unencoded[handleNumber]);
                 }
-
                 scope_Tooltips[handleNumber].innerHTML = formattedValue;
             });
         }
-
         function aria() {
-            bindEvent("update", function(values, handleNumber, unencoded, tap, positions) {
+            removeEvent("update" + INTERNAL_EVENT_NS.aria);
+            bindEvent("update" + INTERNAL_EVENT_NS.aria, function (values, handleNumber, unencoded, tap, positions) {
                 // Update Aria Values for all handles, as a change in one changes min and max values for the next.
-                scope_HandleNumbers.forEach(function(index) {
+                scope_HandleNumbers.forEach(function (index) {
                     var handle = scope_Handles[index];
-
                     var min = checkHandlePosition(scope_Locations, index, 0, true, true, true);
                     var max = checkHandlePosition(scope_Locations, index, 100, true, true, true);
-
                     var now = positions[index];
-
                     // Formatted value for display
-                    var text = options.ariaFormat.to(unencoded[index]);
-
+                    var text = String(options.ariaFormat.to(unencoded[index]));
                     // Map to slider range values
                     min = scope_Spectrum.fromStepping(min).toFixed(1);
                     max = scope_Spectrum.fromStepping(max).toFixed(1);
                     now = scope_Spectrum.fromStepping(now).toFixed(1);
-
                     handle.children[0].setAttribute("aria-valuemin", min);
                     handle.children[0].setAttribute("aria-valuemax", max);
                     handle.children[0].setAttribute("aria-valuenow", now);
@@ -1301,88 +1100,75 @@
                 });
             });
         }
-
-        function getGroup(mode, values, stepped) {
+        function getGroup(pips) {
             // Use the range.
-            if (mode === "range" || mode === "steps") {
+            if (pips.mode === exports.PipsMode.Range || pips.mode === exports.PipsMode.Steps) {
                 return scope_Spectrum.xVal;
             }
-
-            if (mode === "count") {
-                if (values < 2) {
-                    throw new Error("noUiSlider (" + VERSION + "): 'values' (>= 2) required for mode 'count'.");
+            if (pips.mode === exports.PipsMode.Count) {
+                if (pips.values < 2) {
+                    throw new Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");
                 }
-
                 // Divide 0 - 100 in 'count' parts.
-                var interval = values - 1;
+                var interval = pips.values - 1;
                 var spread = 100 / interval;
-
-                values = [];
-
+                var values = [];
                 // List these parts and have them handled as 'positions'.
                 while (interval--) {
                     values[interval] = interval * spread;
                 }
-
                 values.push(100);
-
-                mode = "positions";
+                return mapToRange(values, pips.stepped);
             }
-
-            if (mode === "positions") {
+            if (pips.mode === exports.PipsMode.Positions) {
                 // Map all percentages to on-range values.
-                return values.map(function(value) {
-                    return scope_Spectrum.fromStepping(stepped ? scope_Spectrum.getStep(value) : value);
-                });
+                return mapToRange(pips.values, pips.stepped);
             }
-
-            if (mode === "values") {
+            if (pips.mode === exports.PipsMode.Values) {
                 // If the value must be stepped, it needs to be converted to a percentage first.
-                if (stepped) {
-                    return values.map(function(value) {
+                if (pips.stepped) {
+                    return pips.values.map(function (value) {
                         // Convert to percentage, apply step, return to value.
                         return scope_Spectrum.fromStepping(scope_Spectrum.getStep(scope_Spectrum.toStepping(value)));
                     });
                 }
-
                 // Otherwise, we can simply use the values.
-                return values;
+                return pips.values;
             }
+            return []; // pips.mode = never
         }
-
-        function generateSpread(density, mode, group) {
+        function mapToRange(values, stepped) {
+            return values.map(function (value) {
+                return scope_Spectrum.fromStepping(stepped ? scope_Spectrum.getStep(value) : value);
+            });
+        }
+        function generateSpread(pips) {
             function safeIncrement(value, increment) {
                 // Avoid floating point variance by dropping the smallest decimal places.
-                return (value + increment).toFixed(7) / 1;
+                return Number((value + increment).toFixed(7));
             }
-
+            var group = getGroup(pips);
             var indexes = {};
             var firstInRange = scope_Spectrum.xVal[0];
             var lastInRange = scope_Spectrum.xVal[scope_Spectrum.xVal.length - 1];
             var ignoreFirst = false;
             var ignoreLast = false;
             var prevPct = 0;
-
             // Create a copy of the group, sort it and filter away all duplicates.
-            group = unique(
-                group.slice().sort(function(a, b) {
-                    return a - b;
-                })
-            );
-
+            group = unique(group.slice().sort(function (a, b) {
+                return a - b;
+            }));
             // Make sure the range starts with the first element.
             if (group[0] !== firstInRange) {
                 group.unshift(firstInRange);
                 ignoreFirst = true;
             }
-
             // Likewise for the last one.
             if (group[group.length - 1] !== lastInRange) {
                 group.push(lastInRange);
                 ignoreLast = true;
             }
-
-            group.forEach(function(current, index) {
+            group.forEach(function (current, index) {
                 // Get the current step and the lower + upper positions.
                 var step;
                 var i;
@@ -1396,48 +1182,35 @@
                 var steps;
                 var realSteps;
                 var stepSize;
-                var isSteps = mode === "steps";
-
+                var isSteps = pips.mode === exports.PipsMode.Steps;
                 // When using 'steps' mode, use the provided steps.
                 // Otherwise, we'll step on to the next subrange.
                 if (isSteps) {
                     step = scope_Spectrum.xNumSteps[index];
                 }
-
                 // Default to a 'full' step.
                 if (!step) {
                     step = high - low;
                 }
-
-                // Low can be 0, so test for false. Index 0 is already handled.
-                if (low === false) {
-                    return;
-                }
-
                 // If high is undefined we are at the last subrange. Make sure it iterates once (#1088)
                 if (high === undefined) {
                     high = low;
                 }
-
                 // Make sure step isn't 0, which would cause an infinite loop (#654)
                 step = Math.max(step, 0.0000001);
-
                 // Find all steps in the subrange.
                 for (i = low; i <= high; i = safeIncrement(i, step)) {
                     // Get the percentage value for the current step,
                     // calculate the size for the subrange.
                     newPct = scope_Spectrum.toStepping(i);
                     pctDifference = newPct - prevPct;
-
-                    steps = pctDifference / density;
+                    steps = pctDifference / (pips.density || 1);
                     realSteps = Math.round(steps);
-
                     // This ratio represents the amount of percentage-space a point indicates.
                     // For a density 1 the points/percentage = 1. For density 2, that percentage needs to be re-divided.
                     // Round the percentage offset to an even number, then divide by two
                     // to spread the offset on both sides of the range.
                     stepSize = pctDifference / realSteps;
-
                     // Divide all points evenly, adding the correct number to this subrange.
                     // Run up to <= so that 100% gets a point, event if ignoreLast is set.
                     for (q = 1; q <= realSteps; q += 1) {
@@ -1448,155 +1221,125 @@
                         pctPos = prevPct + q * stepSize;
                         indexes[pctPos.toFixed(5)] = [scope_Spectrum.fromStepping(pctPos), 0];
                     }
-
                     // Determine the point type.
-                    type = group.indexOf(i) > -1 ? PIPS_LARGE_VALUE : isSteps ? PIPS_SMALL_VALUE : PIPS_NO_VALUE;
-
+                    type = group.indexOf(i) > -1 ? exports.PipsType.LargeValue : isSteps ? exports.PipsType.SmallValue : exports.PipsType.NoValue;
                     // Enforce the 'ignoreFirst' option by overwriting the type for 0.
                     if (!index && ignoreFirst && i !== high) {
                         type = 0;
                     }
-
                     if (!(i === high && ignoreLast)) {
                         // Mark the 'type' of this point. 0 = plain, 1 = real value, 2 = step value.
                         indexes[newPct.toFixed(5)] = [i, type];
                     }
-
                     // Update the percentage count.
                     prevPct = newPct;
                 }
             });
-
             return indexes;
         }
-
         function addMarking(spread, filterFunc, formatter) {
+            var _a, _b;
             var element = scope_Document.createElement("div");
-
-            var valueSizeClasses = [];
-            valueSizeClasses[PIPS_NO_VALUE] = options.cssClasses.valueNormal;
-            valueSizeClasses[PIPS_LARGE_VALUE] = options.cssClasses.valueLarge;
-            valueSizeClasses[PIPS_SMALL_VALUE] = options.cssClasses.valueSub;
-
-            var markerSizeClasses = [];
-            markerSizeClasses[PIPS_NO_VALUE] = options.cssClasses.markerNormal;
-            markerSizeClasses[PIPS_LARGE_VALUE] = options.cssClasses.markerLarge;
-            markerSizeClasses[PIPS_SMALL_VALUE] = options.cssClasses.markerSub;
-
+            var valueSizeClasses = (_a = {},
+                _a[exports.PipsType.None] = "",
+                _a[exports.PipsType.NoValue] = options.cssClasses.valueNormal,
+                _a[exports.PipsType.LargeValue] = options.cssClasses.valueLarge,
+                _a[exports.PipsType.SmallValue] = options.cssClasses.valueSub,
+                _a);
+            var markerSizeClasses = (_b = {},
+                _b[exports.PipsType.None] = "",
+                _b[exports.PipsType.NoValue] = options.cssClasses.markerNormal,
+                _b[exports.PipsType.LargeValue] = options.cssClasses.markerLarge,
+                _b[exports.PipsType.SmallValue] = options.cssClasses.markerSub,
+                _b);
             var valueOrientationClasses = [options.cssClasses.valueHorizontal, options.cssClasses.valueVertical];
             var markerOrientationClasses = [options.cssClasses.markerHorizontal, options.cssClasses.markerVertical];
-
             addClass(element, options.cssClasses.pips);
             addClass(element, options.ort === 0 ? options.cssClasses.pipsHorizontal : options.cssClasses.pipsVertical);
-
             function getClasses(type, source) {
                 var a = source === options.cssClasses.value;
                 var orientationClasses = a ? valueOrientationClasses : markerOrientationClasses;
                 var sizeClasses = a ? valueSizeClasses : markerSizeClasses;
-
                 return source + " " + orientationClasses[options.ort] + " " + sizeClasses[type];
             }
-
             function addSpread(offset, value, type) {
                 // Apply the filter function, if it is set.
                 type = filterFunc ? filterFunc(value, type) : type;
-
-                if (type === PIPS_NONE) {
+                if (type === exports.PipsType.None) {
                     return;
                 }
-
                 // Add a marker for every point
                 var node = addNodeTo(element, false);
                 node.className = getClasses(type, options.cssClasses.marker);
                 node.style[options.style] = offset + "%";
-
                 // Values are only appended for points marked '1' or '2'.
-                if (type > PIPS_NO_VALUE) {
+                if (type > exports.PipsType.NoValue) {
                     node = addNodeTo(element, false);
                     node.className = getClasses(type, options.cssClasses.value);
-                    node.setAttribute("data-value", value);
+                    node.setAttribute("data-value", String(value));
                     node.style[options.style] = offset + "%";
-                    node.innerHTML = formatter.to(value);
+                    node.innerHTML = String(formatter.to(value));
                 }
             }
-
             // Append all points.
-            Object.keys(spread).forEach(function(offset) {
+            Object.keys(spread).forEach(function (offset) {
                 addSpread(offset, spread[offset][0], spread[offset][1]);
             });
-
             return element;
         }
-
         function removePips() {
             if (scope_Pips) {
                 removeElement(scope_Pips);
                 scope_Pips = null;
             }
         }
-
-        function pips(grid) {
+        function pips(pips) {
             // Fix #669
             removePips();
-
-            var mode = grid.mode;
-            var density = grid.density || 1;
-            var filter = grid.filter || false;
-            var values = grid.values || false;
-            var stepped = grid.stepped || false;
-            var group = getGroup(mode, values, stepped);
-            var spread = generateSpread(density, mode, group);
-            var format = grid.format || {
-                to: Math.round
+            var spread = generateSpread(pips);
+            var filter = pips.filter;
+            var format = pips.format || {
+                to: function (value) {
+                    return String(Math.round(value));
+                },
             };
-
             scope_Pips = scope_Target.appendChild(addMarking(spread, filter, format));
-
             return scope_Pips;
         }
-
         // Shorthand for base dimensions.
         function baseSize() {
             var rect = scope_Base.getBoundingClientRect();
-            var alt = "offset" + ["Width", "Height"][options.ort];
+            var alt = ("offset" + ["Width", "Height"][options.ort]);
             return options.ort === 0 ? rect.width || scope_Base[alt] : rect.height || scope_Base[alt];
         }
-
         // Handler for attaching events trough a proxy.
         function attachEvent(events, element, callback, data) {
             // This function can be used to 'filter' events to the slider.
             // element is a node, not a nodeList
-
-            var method = function(e) {
-                e = fixEvent(e, data.pageOffset, data.target || element);
-
+            var method = function (event) {
+                var e = fixEvent(event, data.pageOffset, data.target || element);
                 // fixEvent returns false if this event has a different target
                 // when handling (multi-) touch events;
                 if (!e) {
                     return false;
                 }
-
                 // doNotReject is passed by all end events to make sure released touches
                 // are not rejected, leaving the slider "stuck" to the cursor;
                 if (isSliderDisabled() && !data.doNotReject) {
                     return false;
                 }
-
                 // Stop if an active 'tap' transition is taking place.
                 if (hasClass(scope_Target, options.cssClasses.tap) && !data.doNotReject) {
                     return false;
                 }
-
                 // Ignore right or middle clicks on start #454
                 if (events === actions.start && e.buttons !== undefined && e.buttons > 1) {
                     return false;
                 }
-
                 // Ignore right or middle clicks on start #454
                 if (data.hover && e.buttons) {
                     return false;
                 }
-
                 // 'supportsPassive' is only true if a browser also supports touch-action: none in CSS.
                 // iOS safari does not, so it doesn't get to benefit from passive scrolling. iOS does support
                 // touch-action: manipulation, but that allows panning, which breaks
@@ -1605,24 +1348,19 @@
                 if (!supportsPassive) {
                     e.preventDefault();
                 }
-
                 e.calcPoint = e.points[options.ort];
-
                 // Call the event handler with the event [ and additional data ].
                 callback(e, data);
+                return;
             };
-
             var methods = [];
-
             // Bind a closure on the target for every event type.
-            events.split(" ").forEach(function(eventName) {
+            events.split(" ").forEach(function (eventName) {
                 element.addEventListener(eventName, method, supportsPassive ? { passive: true } : false);
                 methods.push([eventName, method]);
             });
-
             return methods;
         }
-
         // Provide a clean event with standardized offset values.
         function fixEvent(e, pageOffset, eventTarget) {
             // Filter the event to register the type, which can be
@@ -1631,116 +1369,100 @@
             var touch = e.type.indexOf("touch") === 0;
             var mouse = e.type.indexOf("mouse") === 0;
             var pointer = e.type.indexOf("pointer") === 0;
-
-            var x;
-            var y;
-
+            var x = 0;
+            var y = 0;
             // IE10 implemented pointer events with a prefix;
             if (e.type.indexOf("MSPointer") === 0) {
                 pointer = true;
             }
-
+            // Erroneous events seem to be passed in occasionally on iOS/iPadOS after user finishes interacting with
+            // the slider. They appear to be of type MouseEvent, yet they don't have usual properties set. Ignore
+            // events that have no touches or buttons associated with them. (#1057, #1079, #1095)
+            if (e.type === "mousedown" && !e.buttons && !e.touches) {
+                return false;
+            }
             // The only thing one handle should be concerned about is the touches that originated on top of it.
             if (touch) {
                 // Returns true if a touch originated on the target.
-                var isTouchOnTarget = function(checkTouch) {
-                    return (
-                        checkTouch.target === eventTarget ||
-                        eventTarget.contains(checkTouch.target) ||
-                        (checkTouch.target.shadowRoot && checkTouch.target.shadowRoot.contains(eventTarget))
-                    );
+                var isTouchOnTarget = function (checkTouch) {
+                    var target = checkTouch.target;
+                    return (target === eventTarget ||
+                        eventTarget.contains(target) ||
+                        (e.composed && e.composedPath().shift() === eventTarget));
                 };
-
                 // In the case of touchstart events, we need to make sure there is still no more than one
                 // touch on the target so we look amongst all touches.
                 if (e.type === "touchstart") {
                     var targetTouches = Array.prototype.filter.call(e.touches, isTouchOnTarget);
-
                     // Do not support more than one touch per handle.
                     if (targetTouches.length > 1) {
                         return false;
                     }
-
                     x = targetTouches[0].pageX;
                     y = targetTouches[0].pageY;
-                } else {
+                }
+                else {
                     // In the other cases, find on changedTouches is enough.
                     var targetTouch = Array.prototype.find.call(e.changedTouches, isTouchOnTarget);
-
                     // Cancel if the target touch has not moved.
                     if (!targetTouch) {
                         return false;
                     }
-
                     x = targetTouch.pageX;
                     y = targetTouch.pageY;
                 }
             }
-
             pageOffset = pageOffset || getPageOffset(scope_Document);
-
             if (mouse || pointer) {
                 x = e.clientX + pageOffset.x;
                 y = e.clientY + pageOffset.y;
             }
-
             e.pageOffset = pageOffset;
             e.points = [x, y];
             e.cursor = mouse || pointer; // Fix #435
-
             return e;
         }
-
         // Translate a coordinate in the document to a percentage on the slider
         function calcPointToPercentage(calcPoint) {
             var location = calcPoint - offset(scope_Base, options.ort);
             var proposal = (location * 100) / baseSize();
-
             // Clamp proposal between 0% and 100%
             // Out-of-bound coordinates may occur when .noUi-base pseudo-elements
             // are used (e.g. contained handles feature)
             proposal = limit(proposal);
-
             return options.dir ? 100 - proposal : proposal;
         }
-
         // Find handle closest to a certain percentage on the slider
         function getClosestHandle(clickedPosition) {
             var smallestDifference = 100;
             var handleNumber = false;
-
-            scope_Handles.forEach(function(handle, index) {
+            scope_Handles.forEach(function (handle, index) {
                 // Disabled handles are ignored
                 if (isHandleDisabled(index)) {
                     return;
                 }
-
                 var handlePosition = scope_Locations[index];
                 var differenceWithThisHandle = Math.abs(handlePosition - clickedPosition);
-
                 // Initial state
                 var clickAtEdge = differenceWithThisHandle === 100 && smallestDifference === 100;
-
                 // Difference with this handle is smaller than the previously checked handle
                 var isCloser = differenceWithThisHandle < smallestDifference;
                 var isCloserAfter = differenceWithThisHandle <= smallestDifference && clickedPosition > handlePosition;
-
                 if (isCloser || isCloserAfter || clickAtEdge) {
                     handleNumber = index;
                     smallestDifference = differenceWithThisHandle;
                 }
             });
-
             return handleNumber;
         }
-
         // Fire 'end' when a mouse or pen leaves the document.
         function documentLeave(event, data) {
-            if (event.type === "mouseout" && event.target.nodeName === "HTML" && event.relatedTarget === null) {
+            if (event.type === "mouseout" &&
+                event.target.nodeName === "HTML" &&
+                event.relatedTarget === null) {
                 eventEnd(event, data);
             }
         }
-
         // Handle movement on document for handle and range drag.
         function eventMove(event, data) {
             // Fix #498
@@ -1751,16 +1473,12 @@
             if (navigator.appVersion.indexOf("MSIE 9") === -1 && event.buttons === 0 && data.buttonsProperty !== 0) {
                 return eventEnd(event, data);
             }
-
             // Check if we are moving up or down
             var movement = (options.dir ? -1 : 1) * (event.calcPoint - data.startCalcPoint);
-
             // Convert the movement into a percentage of the slider width/height
             var proposal = (movement * 100) / data.baseSize;
-
-            moveHandles(movement > 0, proposal, data.locations, data.handleNumbers);
+            moveHandles(movement > 0, proposal, data.locations, data.handleNumbers, data.connect);
         }
-
         // Unbind move events on document, call callbacks.
         function eventEnd(event, data) {
             // The handle is no longer active, so remove the class.
@@ -1768,102 +1486,93 @@
                 removeClass(data.handle, options.cssClasses.active);
                 scope_ActiveHandlesCount -= 1;
             }
-
             // Unbind the move and end events, which are added on 'start'.
-            data.listeners.forEach(function(c) {
+            data.listeners.forEach(function (c) {
                 scope_DocumentElement.removeEventListener(c[0], c[1]);
             });
-
             if (scope_ActiveHandlesCount === 0) {
                 // Remove dragging class.
                 removeClass(scope_Target, options.cssClasses.drag);
                 setZindex();
-
                 // Remove cursor styles and text-selection events bound to the body.
                 if (event.cursor) {
                     scope_Body.style.cursor = "";
                     scope_Body.removeEventListener("selectstart", preventDefault);
                 }
             }
-
-            data.handleNumbers.forEach(function(handleNumber) {
+            if (options.events.smoothSteps) {
+                data.handleNumbers.forEach(function (handleNumber) {
+                    setHandle(handleNumber, scope_Locations[handleNumber], true, true, false, false);
+                });
+                data.handleNumbers.forEach(function (handleNumber) {
+                    fireEvent("update", handleNumber);
+                });
+            }
+            data.handleNumbers.forEach(function (handleNumber) {
                 fireEvent("change", handleNumber);
                 fireEvent("set", handleNumber);
                 fireEvent("end", handleNumber);
             });
         }
-
         // Bind move events on document.
         function eventStart(event, data) {
             // Ignore event if any handle is disabled
             if (data.handleNumbers.some(isHandleDisabled)) {
-                return false;
+                return;
             }
-
             var handle;
-
             if (data.handleNumbers.length === 1) {
                 var handleOrigin = scope_Handles[data.handleNumbers[0]];
-
                 handle = handleOrigin.children[0];
                 scope_ActiveHandlesCount += 1;
-
                 // Mark the handle as 'active' so it can be styled.
                 addClass(handle, options.cssClasses.active);
             }
-
             // A drag should never propagate up to the 'tap' event.
             event.stopPropagation();
-
             // Record the event listeners.
             var listeners = [];
-
             // Attach the move and end events.
             var moveEvent = attachEvent(actions.move, scope_DocumentElement, eventMove, {
                 // The event target has changed so we need to propagate the original one so that we keep
                 // relying on it to extract target touches.
                 target: event.target,
                 handle: handle,
+                connect: data.connect,
                 listeners: listeners,
                 startCalcPoint: event.calcPoint,
                 baseSize: baseSize(),
                 pageOffset: event.pageOffset,
                 handleNumbers: data.handleNumbers,
                 buttonsProperty: event.buttons,
-                locations: scope_Locations.slice()
+                locations: scope_Locations.slice(),
             });
-
             var endEvent = attachEvent(actions.end, scope_DocumentElement, eventEnd, {
                 target: event.target,
                 handle: handle,
                 listeners: listeners,
                 doNotReject: true,
-                handleNumbers: data.handleNumbers
+                handleNumbers: data.handleNumbers,
             });
-
             var outEvent = attachEvent("mouseout", scope_DocumentElement, documentLeave, {
                 target: event.target,
                 handle: handle,
                 listeners: listeners,
                 doNotReject: true,
-                handleNumbers: data.handleNumbers
+                handleNumbers: data.handleNumbers,
             });
-
             // We want to make sure we pushed the listeners in the listener list rather than creating
             // a new one as it has already been passed to the event handlers.
             listeners.push.apply(listeners, moveEvent.concat(endEvent, outEvent));
-
             // Text selection isn't an issue on touch devices,
             // so adding cursor styles can be skipped.
             if (event.cursor) {
                 // Prevent the 'I' cursor and extend the range-drag cursor.
                 scope_Body.style.cursor = getComputedStyle(event.target).cursor;
-
                 // Mark the target with a dragging state.
                 if (scope_Handles.length > 1) {
                     addClass(scope_Target, options.cssClasses.drag);
                 }
-
                 // Prevent text selection when dragging the handles.
                 // In noUiSlider <= 9.2.0, this was handled by calling preventDefault on mouse/touch start/move,
                 // which is scroll blocking. The selectstart event is supported by FireFox starting from version 52,
@@ -1872,194 +1581,155 @@
                 // See: http://caniuse.com/#search=selectstart
                 scope_Body.addEventListener("selectstart", preventDefault, false);
             }
-
-            data.handleNumbers.forEach(function(handleNumber) {
+            data.handleNumbers.forEach(function (handleNumber) {
                 fireEvent("start", handleNumber);
             });
         }
-
         // Move closest handle to tapped location.
         function eventTap(event) {
-            // Erroneous events seem to be passed in occasionally on iOS/iPadOS after user finishes interacting with
-            // the slider. They appear to be of type MouseEvent, yet they don't have usual properties set. Ignore tap
-            // events that have no touches or buttons associated with them.
-            if (!event.buttons && !event.touches) {
-                return false;
-            }
-
             // The tap event shouldn't propagate up
             event.stopPropagation();
-
             var proposal = calcPointToPercentage(event.calcPoint);
             var handleNumber = getClosestHandle(proposal);
-
             // Tackle the case that all handles are 'disabled'.
             if (handleNumber === false) {
-                return false;
+                return;
             }
-
             // Flag the slider as it is now in a transitional state.
             // Transition takes a configurable amount of ms (default 300). Re-enable the slider after that.
             if (!options.events.snap) {
                 addClassFor(scope_Target, options.cssClasses.tap, options.animationDuration);
             }
-
             setHandle(handleNumber, proposal, true, true);
-
             setZindex();
-
             fireEvent("slide", handleNumber, true);
             fireEvent("update", handleNumber, true);
-            fireEvent("change", handleNumber, true);
-            fireEvent("set", handleNumber, true);
-
-            if (options.events.snap) {
+            if (!options.events.snap) {
+                fireEvent("change", handleNumber, true);
+                fireEvent("set", handleNumber, true);
+            }
+            else {
                 eventStart(event, { handleNumbers: [handleNumber] });
             }
         }
-
         // Fires a 'hover' event for a hovered mouse/pen position.
         function eventHover(event) {
             var proposal = calcPointToPercentage(event.calcPoint);
-
             var to = scope_Spectrum.getStep(proposal);
             var value = scope_Spectrum.fromStepping(to);
-
-            Object.keys(scope_Events).forEach(function(targetEvent) {
+            Object.keys(scope_Events).forEach(function (targetEvent) {
                 if ("hover" === targetEvent.split(".")[0]) {
-                    scope_Events[targetEvent].forEach(function(callback) {
+                    scope_Events[targetEvent].forEach(function (callback) {
                         callback.call(scope_Self, value);
                     });
                 }
             });
         }
-
         // Handles keydown on focused handles
         // Don't move the document when pressing arrow keys on focused handles
         function eventKeydown(event, handleNumber) {
             if (isSliderDisabled() || isHandleDisabled(handleNumber)) {
                 return false;
             }
-
             var horizontalKeys = ["Left", "Right"];
             var verticalKeys = ["Down", "Up"];
             var largeStepKeys = ["PageDown", "PageUp"];
             var edgeKeys = ["Home", "End"];
-
             if (options.dir && !options.ort) {
                 // On an right-to-left slider, the left and right keys act inverted
                 horizontalKeys.reverse();
-            } else if (options.ort && !options.dir) {
+            }
+            else if (options.ort && !options.dir) {
                 // On a top-to-bottom slider, the up and down keys act inverted
                 verticalKeys.reverse();
                 largeStepKeys.reverse();
             }
-
             // Strip "Arrow" for IE compatibility. https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key
             var key = event.key.replace("Arrow", "");
-
             var isLargeDown = key === largeStepKeys[0];
             var isLargeUp = key === largeStepKeys[1];
             var isDown = key === verticalKeys[0] || key === horizontalKeys[0] || isLargeDown;
             var isUp = key === verticalKeys[1] || key === horizontalKeys[1] || isLargeUp;
             var isMin = key === edgeKeys[0];
             var isMax = key === edgeKeys[1];
-
             if (!isDown && !isUp && !isMin && !isMax) {
                 return true;
             }
-
             event.preventDefault();
-
             var to;
-
             if (isUp || isDown) {
-                var multiplier = options.keyboardPageMultiplier;
                 var direction = isDown ? 0 : 1;
                 var steps = getNextStepsForHandle(handleNumber);
                 var step = steps[direction];
-
                 // At the edge of a slider, do nothing
                 if (step === null) {
                     return false;
                 }
-
                 // No step set, use the default of 10% of the sub-range
                 if (step === false) {
-                    step = scope_Spectrum.getDefaultStep(
-                        scope_Locations[handleNumber],
-                        isDown,
-                        options.keyboardDefaultStep
-                    );
+                    step = scope_Spectrum.getDefaultStep(scope_Locations[handleNumber], isDown, options.keyboardDefaultStep);
                 }
-
                 if (isLargeUp || isLargeDown) {
-                    step *= multiplier;
+                    step *= options.keyboardPageMultiplier;
+                }
+                else {
+                    step *= options.keyboardMultiplier;
                 }
-
                 // Step over zero-length ranges (#948);
                 step = Math.max(step, 0.0000001);
-
                 // Decrement for down steps
                 step = (isDown ? -1 : 1) * step;
-
                 to = scope_Values[handleNumber] + step;
-            } else if (isMax) {
+            }
+            else if (isMax) {
                 // End key
                 to = options.spectrum.xVal[options.spectrum.xVal.length - 1];
-            } else {
+            }
+            else {
                 // Home key
                 to = options.spectrum.xVal[0];
             }
-
             setHandle(handleNumber, scope_Spectrum.toStepping(to), true, true);
-
             fireEvent("slide", handleNumber);
             fireEvent("update", handleNumber);
             fireEvent("change", handleNumber);
             fireEvent("set", handleNumber);
-
             return false;
         }
-
         // Attach events to several slider parts.
         function bindSliderEvents(behaviour) {
             // Attach the standard drag event to the handles.
             if (!behaviour.fixed) {
-                scope_Handles.forEach(function(handle, index) {
+                scope_Handles.forEach(function (handle, index) {
                     // These events are only bound to the visual handle
                     // element, not the 'real' origin element.
                     attachEvent(actions.start, handle.children[0], eventStart, {
-                        handleNumbers: [index]
+                        handleNumbers: [index],
                     });
                 });
             }
-
             // Attach the tap event to the slider base.
             if (behaviour.tap) {
                 attachEvent(actions.start, scope_Base, eventTap, {});
             }
-
             // Fire hover events
             if (behaviour.hover) {
                 attachEvent(actions.move, scope_Base, eventHover, {
-                    hover: true
+                    hover: true,
                 });
             }
-
             // Make the range draggable.
             if (behaviour.drag) {
-                scope_Connects.forEach(function(connect, index) {
+                scope_Connects.forEach(function (connect, index) {
                     if (connect === false || index === 0 || index === scope_Connects.length - 1) {
                         return;
                     }
-
                     var handleBefore = scope_Handles[index - 1];
                     var handleAfter = scope_Handles[index];
                     var eventHolders = [connect];
-
+                    var handlesToDrag = [handleBefore, handleAfter];
+                    var handleNumbersToDrag = [index - 1, index];
                     addClass(connect, options.cssClasses.draggable);
-
                     // When the range is fixed, the entire range can
                     // be dragged by the handles. The handle in the first
                     // origin will propagate the start event upward,
@@ -2068,199 +1738,182 @@
                         eventHolders.push(handleBefore.children[0]);
                         eventHolders.push(handleAfter.children[0]);
                     }
-
-                    eventHolders.forEach(function(eventHolder) {
+                    if (behaviour.dragAll) {
+                        handlesToDrag = scope_Handles;
+                        handleNumbersToDrag = scope_HandleNumbers;
+                    }
+                    eventHolders.forEach(function (eventHolder) {
                         attachEvent(actions.start, eventHolder, eventStart, {
-                            handles: [handleBefore, handleAfter],
-                            handleNumbers: [index - 1, index]
+                            handles: handlesToDrag,
+                            handleNumbers: handleNumbersToDrag,
+                            connect: connect,
                         });
                     });
                 });
             }
         }
-
         // Attach an event to this slider, possibly including a namespace
         function bindEvent(namespacedEvent, callback) {
             scope_Events[namespacedEvent] = scope_Events[namespacedEvent] || [];
             scope_Events[namespacedEvent].push(callback);
-
             // If the event bound is 'update,' fire it immediately for all handles.
             if (namespacedEvent.split(".")[0] === "update") {
-                scope_Handles.forEach(function(a, index) {
+                scope_Handles.forEach(function (a, index) {
                     fireEvent("update", index);
                 });
             }
         }
-
+        function isInternalNamespace(namespace) {
+            return namespace === INTERNAL_EVENT_NS.aria || namespace === INTERNAL_EVENT_NS.tooltips;
+        }
         // Undo attachment of event
         function removeEvent(namespacedEvent) {
             var event = namespacedEvent && namespacedEvent.split(".")[0];
-            var namespace = event && namespacedEvent.substring(event.length);
-
-            Object.keys(scope_Events).forEach(function(bind) {
+            var namespace = event ? namespacedEvent.substring(event.length) : namespacedEvent;
+            Object.keys(scope_Events).forEach(function (bind) {
                 var tEvent = bind.split(".")[0];
                 var tNamespace = bind.substring(tEvent.length);
-
                 if ((!event || event === tEvent) && (!namespace || namespace === tNamespace)) {
-                    delete scope_Events[bind];
+                    // only delete protected internal event if intentional
+                    if (!isInternalNamespace(tNamespace) || namespace === tNamespace) {
+                        delete scope_Events[bind];
+                    }
                 }
             });
         }
-
         // External event handling
         function fireEvent(eventName, handleNumber, tap) {
-            Object.keys(scope_Events).forEach(function(targetEvent) {
+            Object.keys(scope_Events).forEach(function (targetEvent) {
                 var eventType = targetEvent.split(".")[0];
-
                 if (eventName === eventType) {
-                    scope_Events[targetEvent].forEach(function(callback) {
+                    scope_Events[targetEvent].forEach(function (callback) {
                         callback.call(
-                            // Use the slider public API as the scope ('this')
-                            scope_Self,
-                            // Return values as array, so arg_1[arg_2] is always valid.
-                            scope_Values.map(options.format.to),
-                            // Handle index, 0 or 1
-                            handleNumber,
-                            // Un-formatted slider values
-                            scope_Values.slice(),
-                            // Event is fired by tap, true or false
-                            tap || false,
-                            // Left offset of the handle, in relation to the slider
-                            scope_Locations.slice(),
-                            // add the slider public API to an accessible parameter when this is unavailable
-                            scope_Self
-                        );
+                        // Use the slider public API as the scope ('this')
+                        scope_Self, 
+                        // Return values as array, so arg_1[arg_2] is always valid.
+                        scope_Values.map(options.format.to), 
+                        // Handle index, 0 or 1
+                        handleNumber, 
+                        // Un-formatted slider values
+                        scope_Values.slice(), 
+                        // Event is fired by tap, true or false
+                        tap || false, 
+                        // Left offset of the handle, in relation to the slider
+                        scope_Locations.slice(), 
+                        // add the slider public API to an accessible parameter when this is unavailable
+                        scope_Self);
                     });
                 }
             });
         }
-
         // Split out the handle positioning logic so the Move event can use it, too
-        function checkHandlePosition(reference, handleNumber, to, lookBackward, lookForward, getValue) {
+        function checkHandlePosition(reference, handleNumber, to, lookBackward, lookForward, getValue, smoothSteps) {
             var distance;
-
             // For sliders with multiple handles, limit movement to the other handle.
             // Apply the margin option by adding it to the handle positions.
             if (scope_Handles.length > 1 && !options.events.unconstrained) {
                 if (lookBackward && handleNumber > 0) {
-                    distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber - 1], options.margin, 0);
+                    distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber - 1], options.margin, false);
                     to = Math.max(to, distance);
                 }
-
                 if (lookForward && handleNumber < scope_Handles.length - 1) {
-                    distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber + 1], options.margin, 1);
+                    distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber + 1], options.margin, true);
                     to = Math.min(to, distance);
                 }
             }
-
             // The limit option has the opposite effect, limiting handles to a
             // maximum distance from another. Limit must be > 0, as otherwise
             // handles would be unmovable.
             if (scope_Handles.length > 1 && options.limit) {
                 if (lookBackward && handleNumber > 0) {
-                    distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber - 1], options.limit, 0);
+                    distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber - 1], options.limit, false);
                     to = Math.min(to, distance);
                 }
-
                 if (lookForward && handleNumber < scope_Handles.length - 1) {
-                    distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber + 1], options.limit, 1);
+                    distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber + 1], options.limit, true);
                     to = Math.max(to, distance);
                 }
             }
-
             // The padding option keeps the handles a certain distance from the
             // edges of the slider. Padding must be > 0.
             if (options.padding) {
                 if (handleNumber === 0) {
-                    distance = scope_Spectrum.getAbsoluteDistance(0, options.padding[0], 0);
+                    distance = scope_Spectrum.getAbsoluteDistance(0, options.padding[0], false);
                     to = Math.max(to, distance);
                 }
-
                 if (handleNumber === scope_Handles.length - 1) {
-                    distance = scope_Spectrum.getAbsoluteDistance(100, options.padding[1], 1);
+                    distance = scope_Spectrum.getAbsoluteDistance(100, options.padding[1], true);
                     to = Math.min(to, distance);
                 }
             }
-
-            to = scope_Spectrum.getStep(to);
-
+            if (!smoothSteps) {
+                to = scope_Spectrum.getStep(to);
+            }
             // Limit percentage to the 0 - 100 range
             to = limit(to);
-
             // Return false if handle can't move
             if (to === reference[handleNumber] && !getValue) {
                 return false;
             }
-
             return to;
         }
-
         // Uses slider orientation to create CSS rules. a = base value;
         function inRuleOrder(v, a) {
             var o = options.ort;
             return (o ? a : v) + ", " + (o ? v : a);
         }
-
         // Moves handle(s) by a percentage
         // (bool, % to move, [% where handle started, ...], [index in scope_Handles, ...])
-        function moveHandles(upward, proposal, locations, handleNumbers) {
+        function moveHandles(upward, proposal, locations, handleNumbers, connect) {
             var proposals = locations.slice();
-
+            // Store first handle now, so we still have it in case handleNumbers is reversed
+            var firstHandle = handleNumbers[0];
+            var smoothSteps = options.events.smoothSteps;
             var b = [!upward, upward];
             var f = [upward, !upward];
-
             // Copy handleNumbers so we don't change the dataset
             handleNumbers = handleNumbers.slice();
-
             // Check to see which handle is 'leading'.
             // If that one can't move the second can't either.
             if (upward) {
                 handleNumbers.reverse();
             }
-
             // Step 1: get the maximum percentage that any of the handles can move
             if (handleNumbers.length > 1) {
-                handleNumbers.forEach(function(handleNumber, o) {
-                    var to = checkHandlePosition(
-                        proposals,
-                        handleNumber,
-                        proposals[handleNumber] + proposal,
-                        b[o],
-                        f[o],
-                        false
-                    );
-
+                handleNumbers.forEach(function (handleNumber, o) {
+                    var to = checkHandlePosition(proposals, handleNumber, proposals[handleNumber] + proposal, b[o], f[o], false, smoothSteps);
                     // Stop if one of the handles can't move.
                     if (to === false) {
                         proposal = 0;
-                    } else {
+                    }
+                    else {
                         proposal = to - proposals[handleNumber];
                         proposals[handleNumber] = to;
                     }
                 });
             }
-
             // If using one handle, check backward AND forward
             else {
                 b = f = [true];
             }
-
             var state = false;
-
             // Step 2: Try to set the handles with the found percentage
-            handleNumbers.forEach(function(handleNumber, o) {
-                state = setHandle(handleNumber, locations[handleNumber] + proposal, b[o], f[o]) || state;
+            handleNumbers.forEach(function (handleNumber, o) {
+                state =
+                    setHandle(handleNumber, locations[handleNumber] + proposal, b[o], f[o], false, smoothSteps) || state;
             });
-
             // Step 3: If a handle moved, fire events
             if (state) {
-                handleNumbers.forEach(function(handleNumber) {
+                handleNumbers.forEach(function (handleNumber) {
                     fireEvent("update", handleNumber);
                     fireEvent("slide", handleNumber);
                 });
+                // If target is a connect, then fire drag event
+                if (connect != undefined) {
+                    fireEvent("drag", firstHandle);
+                }
             }
         }
-
         // Takes a base value and an offset. This offset is used for the connect bar size.
         // In the initial design for this feature, the origin element was 1% wide.
         // Unfortunately, a rounding bug in Chrome makes it impossible to implement this feature
@@ -2268,66 +1921,54 @@
         function transformDirection(a, b) {
             return options.dir ? 100 - a - b : a;
         }
-
         // Updates scope_Locations and scope_Values, updates visual state
         function updateHandlePosition(handleNumber, to) {
             // Update locations.
             scope_Locations[handleNumber] = to;
-
             // Convert the value to the slider stepping/range.
             scope_Values[handleNumber] = scope_Spectrum.fromStepping(to);
-
-            var translation = 10 * (transformDirection(to, 0) - scope_DirOffset);
+            var translation = transformDirection(to, 0) - scope_DirOffset;
             var translateRule = "translate(" + inRuleOrder(translation + "%", "0") + ")";
-
             scope_Handles[handleNumber].style[options.transformRule] = translateRule;
-
             updateConnect(handleNumber);
             updateConnect(handleNumber + 1);
         }
-
         // Handles before the slider middle are stacked later = higher,
         // Handles after the middle later is lower
         // [[7] [8] .......... | .......... [5] [4]
         function setZindex() {
-            scope_HandleNumbers.forEach(function(handleNumber) {
+            scope_HandleNumbers.forEach(function (handleNumber) {
                 var dir = scope_Locations[handleNumber] > 50 ? -1 : 1;
                 var zIndex = 3 + (scope_Handles.length + dir * handleNumber);
-                scope_Handles[handleNumber].style.zIndex = zIndex;
+                scope_Handles[handleNumber].style.zIndex = String(zIndex);
             });
         }
-
         // Test suggested values and apply margin, step.
-        function setHandle(handleNumber, to, lookBackward, lookForward) {
-            to = checkHandlePosition(scope_Locations, handleNumber, to, lookBackward, lookForward, false);
-
+        // if exactInput is true, don't run checkHandlePosition, then the handle can be placed in between steps (#436)
+        function setHandle(handleNumber, to, lookBackward, lookForward, exactInput, smoothSteps) {
+            if (!exactInput) {
+                to = checkHandlePosition(scope_Locations, handleNumber, to, lookBackward, lookForward, false, smoothSteps);
+            }
             if (to === false) {
                 return false;
             }
-
             updateHandlePosition(handleNumber, to);
-
             return true;
         }
-
         // Updates style attribute for connect nodes
         function updateConnect(index) {
             // Skip connects set to false
             if (!scope_Connects[index]) {
                 return;
             }
-
             var l = 0;
             var h = 100;
-
             if (index !== 0) {
                 l = scope_Locations[index - 1];
             }
-
             if (index !== scope_Connects.length - 1) {
                 h = scope_Locations[index];
             }
-
             // We use two rules:
             // 'translate' to change the left/top offset;
             // 'scale' to change the width of the element;
@@ -2335,10 +1976,9 @@
             var connectWidth = h - l;
             var translateRule = "translate(" + inRuleOrder(transformDirection(l, connectWidth) + "%", "0") + ")";
             var scaleRule = "scale(" + inRuleOrder(connectWidth / 100, "1") + ")";
-
-            scope_Connects[index].style[options.transformRule] = translateRule + " " + scaleRule;
+            scope_Connects[index].style[options.transformRule] =
+                translateRule + " " + scaleRule;
         }
-
         // Parses value passed to .set method. Returns current value if not parse-able.
         function resolveToValue(to, handleNumber) {
             // Setting with null indicates an 'ignore'.
@@ -2346,131 +1986,122 @@
             if (to === null || to === false || to === undefined) {
                 return scope_Locations[handleNumber];
             }
-
             // If a formatted number was passed, attempt to decode it.
             if (typeof to === "number") {
                 to = String(to);
             }
-
             to = options.format.from(to);
-            to = scope_Spectrum.toStepping(to);
-
+            if (to !== false) {
+                to = scope_Spectrum.toStepping(to);
+            }
             // If parsing the number failed, use the current value.
             if (to === false || isNaN(to)) {
                 return scope_Locations[handleNumber];
             }
-
             return to;
         }
-
         // Set the slider value.
-        function valueSet(input, fireSetEvent) {
+        function valueSet(input, fireSetEvent, exactInput) {
             var values = asArray(input);
             var isInit = scope_Locations[0] === undefined;
-
             // Event fires by default
-            fireSetEvent = fireSetEvent === undefined ? true : !!fireSetEvent;
-
+            fireSetEvent = fireSetEvent === undefined ? true : fireSetEvent;
             // Animation is optional.
             // Make sure the initial values were set before using animated placement.
             if (options.animate && !isInit) {
                 addClassFor(scope_Target, options.cssClasses.tap, options.animationDuration);
             }
-
             // First pass, without lookAhead but with lookBackward. Values are set from left to right.
-            scope_HandleNumbers.forEach(function(handleNumber) {
-                setHandle(handleNumber, resolveToValue(values[handleNumber], handleNumber), true, false);
+            scope_HandleNumbers.forEach(function (handleNumber) {
+                setHandle(handleNumber, resolveToValue(values[handleNumber], handleNumber), true, false, exactInput);
             });
-
             var i = scope_HandleNumbers.length === 1 ? 0 : 1;
-
+            // Spread handles evenly across the slider if the range has no size (min=max)
+            if (isInit && scope_Spectrum.hasNoSize()) {
+                exactInput = true;
+                scope_Locations[0] = 0;
+                if (scope_HandleNumbers.length > 1) {
+                    var space_1 = 100 / (scope_HandleNumbers.length - 1);
+                    scope_HandleNumbers.forEach(function (handleNumber) {
+                        scope_Locations[handleNumber] = handleNumber * space_1;
+                    });
+                }
+            }
             // Secondary passes. Now that all base values are set, apply constraints.
             // Iterate all handles to ensure constraints are applied for the entire slider (Issue #1009)
             for (; i < scope_HandleNumbers.length; ++i) {
-                scope_HandleNumbers.forEach(function(handleNumber) {
-                    setHandle(handleNumber, scope_Locations[handleNumber], true, true);
+                scope_HandleNumbers.forEach(function (handleNumber) {
+                    setHandle(handleNumber, scope_Locations[handleNumber], true, true, exactInput);
                 });
             }
-
             setZindex();
-
-            scope_HandleNumbers.forEach(function(handleNumber) {
+            scope_HandleNumbers.forEach(function (handleNumber) {
                 fireEvent("update", handleNumber);
-
                 // Fire the event only for handles that received a new value, as per #579
                 if (values[handleNumber] !== null && fireSetEvent) {
                     fireEvent("set", handleNumber);
                 }
             });
         }
-
         // Reset slider to initial values
         function valueReset(fireSetEvent) {
             valueSet(options.start, fireSetEvent);
         }
-
         // Set value for a single handle
-        function valueSetHandle(handleNumber, value, fireSetEvent) {
+        function valueSetHandle(handleNumber, value, fireSetEvent, exactInput) {
             // Ensure numeric input
             handleNumber = Number(handleNumber);
-
             if (!(handleNumber >= 0 && handleNumber < scope_HandleNumbers.length)) {
-                throw new Error("noUiSlider (" + VERSION + "): invalid handle number, got: " + handleNumber);
+                throw new Error("noUiSlider: invalid handle number, got: " + handleNumber);
             }
-
             // Look both backward and forward, since we don't want this handle to "push" other handles (#960);
-            setHandle(handleNumber, resolveToValue(value, handleNumber), true, true);
-
+            // The exactInput argument can be used to ignore slider stepping (#436)
+            setHandle(handleNumber, resolveToValue(value, handleNumber), true, true, exactInput);
             fireEvent("update", handleNumber);
-
             if (fireSetEvent) {
                 fireEvent("set", handleNumber);
             }
         }
-
         // Get the slider value.
-        function valueGet() {
+        function valueGet(unencoded) {
+            if (unencoded === void 0) { unencoded = false; }
+            if (unencoded) {
+                // return a copy of the raw values
+                return scope_Values.length === 1 ? scope_Values[0] : scope_Values.slice(0);
+            }
             var values = scope_Values.map(options.format.to);
-
             // If only one handle is used, return a single value.
             if (values.length === 1) {
                 return values[0];
             }
-
             return values;
         }
-
         // Removes classes from the root and empties it.
         function destroy() {
-            for (var key in options.cssClasses) {
-                if (!options.cssClasses.hasOwnProperty(key)) {
-                    continue;
-                }
+            // remove protected internal listeners
+            removeEvent(INTERNAL_EVENT_NS.aria);
+            removeEvent(INTERNAL_EVENT_NS.tooltips);
+            Object.keys(options.cssClasses).forEach(function (key) {
                 removeClass(scope_Target, options.cssClasses[key]);
-            }
-
+            });
             while (scope_Target.firstChild) {
                 scope_Target.removeChild(scope_Target.firstChild);
             }
-
             delete scope_Target.noUiSlider;
         }
-
         function getNextStepsForHandle(handleNumber) {
             var location = scope_Locations[handleNumber];
             var nearbySteps = scope_Spectrum.getNearbySteps(location);
             var value = scope_Values[handleNumber];
             var increment = nearbySteps.thisStep.step;
             var decrement = null;
-
             // If snapped, directly use defined step value
             if (options.snap) {
                 return [
                     value - nearbySteps.stepBefore.startValue || null,
-                    nearbySteps.stepAfter.startValue - value || null
+                    nearbySteps.stepAfter.startValue - value || null,
                 ];
             }
-
             // If the next value in this step moves into the next step,
             // the increment is the start of the next step - the current value
             if (increment !== false) {
@@ -2478,53 +2109,45 @@
                     increment = nearbySteps.stepAfter.startValue - value;
                 }
             }
-
             // If the value is beyond the starting point
             if (value > nearbySteps.thisStep.startValue) {
                 decrement = nearbySteps.thisStep.step;
-            } else if (nearbySteps.stepBefore.step === false) {
+            }
+            else if (nearbySteps.stepBefore.step === false) {
                 decrement = false;
             }
-
             // If a handle is at the start of a step, it always steps back into the previous step first
             else {
                 decrement = value - nearbySteps.stepBefore.highestStep;
             }
-
             // Now, if at the slider edges, there is no in/decrement
             if (location === 100) {
                 increment = null;
-            } else if (location === 0) {
+            }
+            else if (location === 0) {
                 decrement = null;
             }
-
             // As per #391, the comparison for the decrement step can have some rounding issues.
             var stepDecimals = scope_Spectrum.countStepDecimals();
-
             // Round per #391
             if (increment !== null && increment !== false) {
                 increment = Number(increment.toFixed(stepDecimals));
             }
-
             if (decrement !== null && decrement !== false) {
                 decrement = Number(decrement.toFixed(stepDecimals));
             }
-
             return [decrement, increment];
         }
-
         // Get the current step size for the slider.
         function getNextSteps() {
             return scope_HandleNumbers.map(getNextStepsForHandle);
         }
-
-        // Updateable: margin, limit, padding, step, range, animate, snap
+        // Updatable: margin, limit, padding, step, range, animate, snap
         function updateOptions(optionsToUpdate, fireSetEvent) {
             // Spectrum is created using the range, snap, direction and step options.
             // 'snap' and 'step' can be updated.
             // If 'snap' and 'step' are not passed, they should remain unchanged.
             var v = valueGet();
-
             var updateAble = [
                 "margin",
                 "limit",
@@ -2535,81 +2158,65 @@
                 "step",
                 "format",
                 "pips",
-                "tooltips"
+                "tooltips",
             ];
-
             // Only change options that we're actually passed to update.
-            updateAble.forEach(function(name) {
+            updateAble.forEach(function (name) {
                 // Check for undefined. null removes the value.
                 if (optionsToUpdate[name] !== undefined) {
                     originalOptions[name] = optionsToUpdate[name];
                 }
             });
-
             var newOptions = testOptions(originalOptions);
-
             // Load new options into the slider state
-            updateAble.forEach(function(name) {
+            updateAble.forEach(function (name) {
                 if (optionsToUpdate[name] !== undefined) {
                     options[name] = newOptions[name];
                 }
             });
-
             scope_Spectrum = newOptions.spectrum;
-
             // Limit, margin and padding depend on the spectrum but are stored outside of it. (#677)
             options.margin = newOptions.margin;
             options.limit = newOptions.limit;
             options.padding = newOptions.padding;
-
             // Update pips, removes existing.
             if (options.pips) {
                 pips(options.pips);
-            } else {
+            }
+            else {
                 removePips();
             }
-
             // Update tooltips, removes existing.
             if (options.tooltips) {
                 tooltips();
-            } else {
+            }
+            else {
                 removeTooltips();
             }
-
             // Invalidate the current positioning so valueSet forces an update.
             scope_Locations = [];
-            valueSet(optionsToUpdate.start || v, fireSetEvent);
+            valueSet(isSet(optionsToUpdate.start) ? optionsToUpdate.start : v, fireSetEvent);
         }
-
         // Initialization steps
         function setupSlider() {
             // Create the base element, initialize HTML and set classes.
             // Add handles and connect elements.
             scope_Base = addSlider(scope_Target);
-
             addElements(options.connect, scope_Base);
-
             // Attach user events.
             bindSliderEvents(options.events);
-
             // Use the public value method to set the start values.
             valueSet(options.start);
-
             if (options.pips) {
                 pips(options.pips);
             }
-
             if (options.tooltips) {
                 tooltips();
             }
-
             aria();
         }
-
         setupSlider();
-
-        // noinspection JSUnusedGlobalSymbols
-        scope_Self = {
+        var scope_Self = {
             destroy: destroy,
             steps: getNextSteps,
             on: bindEvent,
@@ -2618,55 +2225,58 @@
             set: valueSet,
             setHandle: valueSetHandle,
             reset: valueReset,
+            disable: disable,
+            enable: enable,
             // Exposed for unit testing, don't use this in your application.
-            __moveHandles: function(a, b, c) {
-                moveHandles(a, b, scope_Locations, c);
+            __moveHandles: function (upward, proposal, handleNumbers) {
+                moveHandles(upward, proposal, scope_Locations, handleNumbers);
             },
-            options: originalOptions, // Issue #600, #678
+            options: originalOptions,
             updateOptions: updateOptions,
-            target: scope_Target, // Issue #597
+            target: scope_Target,
             removePips: removePips,
             removeTooltips: removeTooltips,
-            getTooltips: function() {
+            getPositions: function () {
+                return scope_Locations.slice();
+            },
+            getTooltips: function () {
                 return scope_Tooltips;
             },
-            getOrigins: function() {
+            getOrigins: function () {
                 return scope_Handles;
             },
-            pips: pips // Issue #594
+            pips: pips, // Issue #594
         };
-
         return scope_Self;
     }
-
     // Run the standard initializer
     function initialize(target, originalOptions) {
         if (!target || !target.nodeName) {
-            throw new Error("noUiSlider (" + VERSION + "): create requires a single element, got: " + target);
+            throw new Error("noUiSlider: create requires a single element, got: " + target);
         }
-
         // Throw an error if the slider was already initialized.
         if (target.noUiSlider) {
-            throw new Error("noUiSlider (" + VERSION + "): Slider was already initialized.");
+            throw new Error("noUiSlider: Slider was already initialized.");
         }
-
         // Test the options and create the slider environment;
-        var options = testOptions(originalOptions, target);
+        var options = testOptions(originalOptions);
         var api = scope(target, options, originalOptions);
-
         target.noUiSlider = api;
-
         return api;
     }
-
-    // Use an object instead of a function for future expandability;
-    return {
+    var nouislider = {
         // Exposed for unit testing, don't use this in your application.
         __spectrum: Spectrum,
-        version: VERSION,
         // A reference to the default classes, allows global changes.
         // Use the cssClasses option for changes to one slider.
         cssClasses: cssClasses,
-        create: initialize
+        create: initialize,
     };
-});
+
+    exports.create = initialize;
+    exports.cssClasses = cssClasses;
+    exports["default"] = nouislider;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
diff --git a/app/assets/stylesheets/pghero/nouislider.css b/app/assets/stylesheets/pghero/nouislider.css
index db5b645e6..d452a4b07 100644
--- a/app/assets/stylesheets/pghero/nouislider.css
+++ b/app/assets/stylesheets/pghero/nouislider.css
@@ -1,4 +1,3 @@
-/*! nouislider - 14.6.1 - 8/17/2020 */
 /* Functional styling;
  * These styles are required for noUiSlider to function.
  * You don't need to change these rules to apply your design.
@@ -39,20 +38,14 @@
   z-index: 1;
   top: 0;
   right: 0;
+  height: 100%;
+  width: 100%;
   -ms-transform-origin: 0 0;
   -webkit-transform-origin: 0 0;
   -webkit-transform-style: preserve-3d;
   transform-origin: 0 0;
   transform-style: flat;
 }
-.noUi-connect {
-  height: 100%;
-  width: 100%;
-}
-.noUi-origin {
-  height: 10%;
-  width: 10%;
-}
 /* Offset direction
  */
 .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
@@ -63,6 +56,7 @@
  * connect elements.
  */
 .noUi-vertical .noUi-origin {
+  top: -100%;
   width: 0;
 }
 .noUi-horizontal .noUi-origin {
@@ -103,7 +97,7 @@
   width: 28px;
   height: 34px;
   right: -6px;
-  top: -17px;
+  bottom: -17px;
 }
 .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
   left: -17px;

From 834d2f89311cb73cdeae3555f06a59b7fb80cc61 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 10:13:25 -0800
Subject: [PATCH 37/57] Improved JavaScript code [skip ci]

---
 app/assets/javascripts/pghero/application.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/pghero/application.js b/app/assets/javascripts/pghero/application.js
index fe3a3530f..9a9090ab2 100644
--- a/app/assets/javascripts/pghero/application.js
+++ b/app/assets/javascripts/pghero/application.js
@@ -61,14 +61,14 @@ function initSlider() {
     var time = timeAt(offset);
 
     var html = "";
-    if (time == now) {
-      if (selector == "#range-end") {
+    if (time === now) {
+      if (selector === "#range-end") {
         html = "Now";
       }
     } else {
       html = time.getDate() + " " + months[time.getMonth()] + " " + pad(time.getHours()) + ":" + pad(time.getMinutes());
     }
-    $(selector).html(html);
+    $(selector).text(html);
   }
 
   function timeAt(offset) {
@@ -135,7 +135,7 @@ function initSlider() {
 
     var callback = function (response, status, xhr) {
       if (status === "error" ) {
-        $(".queries-info").css("color", "red").html(xhr.status + " " + xhr.statusText);
+        $(".queries-info").css("color", "red").text(xhr.status + " " + xhr.statusText);
       } else {
         highlightQueries();
       }

From d673449d744dce1d98af4fc3d015524508a3d031 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 10:19:00 -0800
Subject: [PATCH 38/57] Improved code [skip ci]

---
 lib/pghero.rb | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/lib/pghero.rb b/lib/pghero.rb
index cfb2d599d..d2f4ba0e0 100644
--- a/lib/pghero.rb
+++ b/lib/pghero.rb
@@ -1,5 +1,7 @@
 # dependencies
 require "active_support"
+
+# stdlib
 require "forwardable"
 
 # methods

From 919760c04abddd35aff4badae1ff4d7202d6eb66 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 11:35:53 -0800
Subject: [PATCH 39/57] Improved code for chart options [skip ci]

---
 app/assets/javascripts/pghero/application.js |  9 ++++++
 app/controllers/pg_hero/home_controller.rb   | 30 +++++++++-----------
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/app/assets/javascripts/pghero/application.js b/app/assets/javascripts/pghero/application.js
index 9a9090ab2..a1ce3616b 100644
--- a/app/assets/javascripts/pghero/application.js
+++ b/app/assets/javascripts/pghero/application.js
@@ -156,3 +156,12 @@ function initSlider() {
     refreshStats(false);
   });
 }
+
+Chartkick.options = {
+  dataset: {
+    pointRadius: 0,
+    pointHoverRadius: 0,
+    pointHitRadius: 5,
+    borderWidth: 4
+  }
+};
diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index c699524f1..22187ad6b 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -109,7 +109,7 @@ def relation_space
       @relation = params[:relation]
       @title = @relation
       relation_space_stats = @database.relation_space_stats(@relation, schema: @schema)
-      @chart_data = [{name: "Value", data: relation_space_stats.map { |r| [r[:captured_at].change(sec: 0), r[:size_bytes].to_i] }, library: chart_library_options}]
+      @chart_data = [{name: "Value", data: relation_space_stats.map { |r| [r[:captured_at].change(sec: 0), r[:size_bytes].to_i] }}]
     end
 
     def index_bloat
@@ -181,9 +181,9 @@ def show_query
         if @show_details
           query_hash_stats = @database.query_hash_stats(@query_hash, user: @user)
 
-          @chart_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), (r[:total_minutes] * 60 * 1000).round] }, library: chart_library_options}]
-          @chart2_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), r[:average_time].round(1)] }, library: chart_library_options}]
-          @chart3_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), r[:calls]] }, library: chart_library_options}]
+          @chart_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), (r[:total_minutes] * 60 * 1000).round] }}]
+          @chart2_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), r[:average_time].round(1)] }}]
+          @chart3_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), r[:calls]] }}]
 
           @origins = query_hash_stats.group_by { |r| r[:origin].to_s }.to_h { |k, v| [k, v.size] }
           @total_count = query_hash_stats.size
@@ -226,15 +226,15 @@ def system
     end
 
     def cpu_usage
-      render json: [{name: "CPU", data: @database.cpu_usage(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options}]
+      render json: [{name: "CPU", data: @database.cpu_usage(**system_params).map { |k, v| [k, v ? v.round : v] }}]
     end
 
     def connection_stats
-      render json: [{name: "Connections", data: @database.connection_stats(**system_params), library: chart_library_options}]
+      render json: [{name: "Connections", data: @database.connection_stats(**system_params)}]
     end
 
     def replication_lag_stats
-      render json: [{name: "Lag", data: @database.replication_lag_stats(**system_params), library: chart_library_options}]
+      render json: [{name: "Lag", data: @database.replication_lag_stats(**system_params)}]
     end
 
     def load_stats
@@ -242,17 +242,17 @@ def load_stats
         case @database.system_stats_provider
         when :azure
           [
-            {name: "IO Consumption", data: @database.azure_stats("io_consumption_percent", **system_params), library: chart_library_options}
+            {name: "IO Consumption", data: @database.azure_stats("io_consumption_percent", **system_params)}
           ]
         when :gcp
           [
-            {name: "Read Ops", data: @database.read_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options},
-            {name: "Write Ops", data: @database.write_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options}
+            {name: "Read Ops", data: @database.read_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }},
+            {name: "Write Ops", data: @database.write_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }}
           ]
         else
           [
-            {name: "Read IOPS", data: @database.read_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options},
-            {name: "Write IOPS", data: @database.write_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options}
+            {name: "Read IOPS", data: @database.read_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }},
+            {name: "Write IOPS", data: @database.write_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }}
           ]
         end
       render json: stats
@@ -260,7 +260,7 @@ def load_stats
 
     def free_space_stats
       render json: [
-        {name: "Free Space", data: @database.free_space_stats(duration: 14.days, period: 1.hour), library: chart_library_options},
+        {name: "Free Space", data: @database.free_space_stats(duration: 14.days, period: 1.hour)}
       ]
     end
 
@@ -467,10 +467,6 @@ def system_params
       }.delete_if { |_, v| v.nil? }
     end
 
-    def chart_library_options
-      {pointRadius: 0, pointHoverRadius: 0, pointHitRadius: 5, borderWidth: 4}
-    end
-
     def set_show_details
       @historical_query_stats_enabled = @query_stats_enabled && @database.historical_query_stats_enabled?
       @show_details = @historical_query_stats_enabled && @database.supports_query_hash?

From 1d9de2c012f4db52258bf469518c022e79aa2132 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 11:43:23 -0800
Subject: [PATCH 40/57] Revert "Improved code for chart options [skip ci]"

This reverts commit 919760c04abddd35aff4badae1ff4d7202d6eb66.
---
 app/assets/javascripts/pghero/application.js |  9 ------
 app/controllers/pg_hero/home_controller.rb   | 30 +++++++++++---------
 2 files changed, 17 insertions(+), 22 deletions(-)

diff --git a/app/assets/javascripts/pghero/application.js b/app/assets/javascripts/pghero/application.js
index a1ce3616b..9a9090ab2 100644
--- a/app/assets/javascripts/pghero/application.js
+++ b/app/assets/javascripts/pghero/application.js
@@ -156,12 +156,3 @@ function initSlider() {
     refreshStats(false);
   });
 }
-
-Chartkick.options = {
-  dataset: {
-    pointRadius: 0,
-    pointHoverRadius: 0,
-    pointHitRadius: 5,
-    borderWidth: 4
-  }
-};
diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index 22187ad6b..c699524f1 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -109,7 +109,7 @@ def relation_space
       @relation = params[:relation]
       @title = @relation
       relation_space_stats = @database.relation_space_stats(@relation, schema: @schema)
-      @chart_data = [{name: "Value", data: relation_space_stats.map { |r| [r[:captured_at].change(sec: 0), r[:size_bytes].to_i] }}]
+      @chart_data = [{name: "Value", data: relation_space_stats.map { |r| [r[:captured_at].change(sec: 0), r[:size_bytes].to_i] }, library: chart_library_options}]
     end
 
     def index_bloat
@@ -181,9 +181,9 @@ def show_query
         if @show_details
           query_hash_stats = @database.query_hash_stats(@query_hash, user: @user)
 
-          @chart_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), (r[:total_minutes] * 60 * 1000).round] }}]
-          @chart2_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), r[:average_time].round(1)] }}]
-          @chart3_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), r[:calls]] }}]
+          @chart_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), (r[:total_minutes] * 60 * 1000).round] }, library: chart_library_options}]
+          @chart2_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), r[:average_time].round(1)] }, library: chart_library_options}]
+          @chart3_data = [{name: "Value", data: query_hash_stats.map { |r| [r[:captured_at].change(sec: 0), r[:calls]] }, library: chart_library_options}]
 
           @origins = query_hash_stats.group_by { |r| r[:origin].to_s }.to_h { |k, v| [k, v.size] }
           @total_count = query_hash_stats.size
@@ -226,15 +226,15 @@ def system
     end
 
     def cpu_usage
-      render json: [{name: "CPU", data: @database.cpu_usage(**system_params).map { |k, v| [k, v ? v.round : v] }}]
+      render json: [{name: "CPU", data: @database.cpu_usage(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options}]
     end
 
     def connection_stats
-      render json: [{name: "Connections", data: @database.connection_stats(**system_params)}]
+      render json: [{name: "Connections", data: @database.connection_stats(**system_params), library: chart_library_options}]
     end
 
     def replication_lag_stats
-      render json: [{name: "Lag", data: @database.replication_lag_stats(**system_params)}]
+      render json: [{name: "Lag", data: @database.replication_lag_stats(**system_params), library: chart_library_options}]
     end
 
     def load_stats
@@ -242,17 +242,17 @@ def load_stats
         case @database.system_stats_provider
         when :azure
           [
-            {name: "IO Consumption", data: @database.azure_stats("io_consumption_percent", **system_params)}
+            {name: "IO Consumption", data: @database.azure_stats("io_consumption_percent", **system_params), library: chart_library_options}
           ]
         when :gcp
           [
-            {name: "Read Ops", data: @database.read_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }},
-            {name: "Write Ops", data: @database.write_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }}
+            {name: "Read Ops", data: @database.read_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options},
+            {name: "Write Ops", data: @database.write_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options}
           ]
         else
           [
-            {name: "Read IOPS", data: @database.read_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }},
-            {name: "Write IOPS", data: @database.write_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }}
+            {name: "Read IOPS", data: @database.read_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options},
+            {name: "Write IOPS", data: @database.write_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options}
           ]
         end
       render json: stats
@@ -260,7 +260,7 @@ def load_stats
 
     def free_space_stats
       render json: [
-        {name: "Free Space", data: @database.free_space_stats(duration: 14.days, period: 1.hour)}
+        {name: "Free Space", data: @database.free_space_stats(duration: 14.days, period: 1.hour), library: chart_library_options},
       ]
     end
 
@@ -467,6 +467,10 @@ def system_params
       }.delete_if { |_, v| v.nil? }
     end
 
+    def chart_library_options
+      {pointRadius: 0, pointHoverRadius: 0, pointHitRadius: 5, borderWidth: 4}
+    end
+
     def set_show_details
       @historical_query_stats_enabled = @query_stats_enabled && @database.historical_query_stats_enabled?
       @show_details = @historical_query_stats_enabled && @database.supports_query_hash?

From a557d4950b0071c60d345ee1cc835691937b80e9 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 12:50:59 -0800
Subject: [PATCH 41/57] DRY code [skip ci]

---
 app/helpers/pg_hero/home_helper.rb                  |  4 ++--
 app/views/pg_hero/home/_query_stats_slider.html.erb | 12 ++++++------
 app/views/pg_hero/home/connections.html.erb         |  6 +++---
 app/views/pg_hero/home/relation_space.html.erb      |  2 +-
 app/views/pg_hero/home/show_query.html.erb          |  6 +++---
 app/views/pg_hero/home/space.html.erb               |  2 +-
 app/views/pg_hero/home/system.html.erb              |  8 ++++----
 7 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/app/helpers/pg_hero/home_helper.rb b/app/helpers/pg_hero/home_helper.rb
index 27acb0a0a..6caa2d4c4 100644
--- a/app/helpers/pg_hero/home_helper.rb
+++ b/app/helpers/pg_hero/home_helper.rb
@@ -12,8 +12,8 @@ def pghero_pretty_ident(table, schema: nil)
       end
     end
 
-    def pghero_js_var(name, value)
-      "var #{name} = #{json_escape(value.to_json(root: false))};".html_safe
+    def pghero_js_value(value)
+      json_escape(value.to_json(root: false)).html_safe
     end
 
     def pghero_remove_index(query)
diff --git a/app/views/pg_hero/home/_query_stats_slider.html.erb b/app/views/pg_hero/home/_query_stats_slider.html.erb
index f34cf6519..4a11cf2c8 100644
--- a/app/views/pg_hero/home/_query_stats_slider.html.erb
+++ b/app/views/pg_hero/home/_query_stats_slider.html.erb
@@ -5,12 +5,12 @@
 </div>
 
 <script>
-  <%= pghero_js_var("sort", @sort) %>
-  <%= pghero_js_var("minAverageTime", @min_average_time) %>
-  <%= pghero_js_var("minCalls", @min_calls) %>
-  <%= pghero_js_var("debug", @debug) %>
-  <%= pghero_js_var("startAt", params[:start_at] ? @start_at.to_i * 1000 : nil) %>
-  <%= pghero_js_var("endAt", @end_at.to_i * 1000) %>
+  var sort = <%= pghero_js_value(@sort) %>;
+  var minAverageTime = <%= pghero_js_value(@min_average_time) %>;
+  var minCalls = <%= pghero_js_value(@min_calls) %>;
+  var debug = <%= pghero_js_value(@debug) %>;
+  var startAt = <%= pghero_js_value(params[:start_at] ? @start_at.to_i * 1000 : nil) %>;
+  var endAt = <%= pghero_js_value(@end_at.to_i * 1000) %>;
 
   initSlider();
 </script>
diff --git a/app/views/pg_hero/home/connections.html.erb b/app/views/pg_hero/home/connections.html.erb
index 3074274dc..3333d258f 100644
--- a/app/views/pg_hero/home/connections.html.erb
+++ b/app/views/pg_hero/home/connections.html.erb
@@ -8,14 +8,14 @@
 
     <div id="chart-1" class="chart" style="height: 260px; line-height: 260px; margin-bottom: 20px;">Loading...</div>
     <script>
-      new Chartkick.PieChart("chart-1", <%= json_escape(@connections_by_database.to_json).html_safe %>);
+      new Chartkick.PieChart("chart-1", <%= pghero_js_value(@connections_by_database) %>);
     </script>
 
     <h3>By User</h3>
 
     <div id="chart-2" class="chart" style="height: 260px; line-height: 260px; margin-bottom: 20px;">Loading...</div>
     <script>
-      new Chartkick.PieChart("chart-2", <%= json_escape(@connections_by_user.to_json).html_safe %>);
+      new Chartkick.PieChart("chart-2", <%= pghero_js_value(@connections_by_user) %>);
     </script>
 
     <% if @connections_by_ssl_status %>
@@ -23,7 +23,7 @@
 
       <div id="chart-3" class="chart" style="height: 260px; line-height: 260px; margin-bottom: 20px;">Loading...</div>
       <script>
-        new Chartkick.PieChart("chart-3", <%= json_escape(@connections_by_ssl_status.to_json).html_safe %>);
+        new Chartkick.PieChart("chart-3", <%= pghero_js_value(@connections_by_ssl_status) %>);
       </script>
     <% end %>
 
diff --git a/app/views/pg_hero/home/relation_space.html.erb b/app/views/pg_hero/home/relation_space.html.erb
index 74adad19f..c3f4e3d1b 100644
--- a/app/views/pg_hero/home/relation_space.html.erb
+++ b/app/views/pg_hero/home/relation_space.html.erb
@@ -9,6 +9,6 @@
   <h1>Size</h1>
   <div id="chart-1" class="chart" style="margin-bottom: 20px;">Loading...</div>
   <script>
-    new Chartkick.LineChart("chart-1", <%= json_escape(@chart_data.to_json).html_safe %>, {colors: ["#5bc0de"], legend: false, min: null, bytes: true, library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
+    new Chartkick.LineChart("chart-1", <%= pghero_js_value(@chart_data) %>, {colors: ["#5bc0de"], legend: false, min: null, bytes: true, library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
   </script>
 </div>
diff --git a/app/views/pg_hero/home/show_query.html.erb b/app/views/pg_hero/home/show_query.html.erb
index c493c0c05..464107ca4 100644
--- a/app/views/pg_hero/home/show_query.html.erb
+++ b/app/views/pg_hero/home/show_query.html.erb
@@ -49,19 +49,19 @@
     <h1>Total Time <small>ms</small></h1>
     <div id="chart-1" class="chart" style="margin-bottom: 20px;">Loading...</div>
     <script>
-      new Chartkick.LineChart("chart-1", <%= json_escape(@chart_data.to_json).html_safe %>, {colors: ["#5bc0de"], legend: false, library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
+      new Chartkick.LineChart("chart-1", <%= pghero_js_value(@chart_data) %>, {colors: ["#5bc0de"], legend: false, library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
     </script>
 
     <h1>Average Time <small>ms</small></h1>
     <div id="chart-2" class="chart" style="margin-bottom: 20px;">Loading...</div>
     <script>
-      new Chartkick.LineChart("chart-2", <%= json_escape(@chart2_data.to_json).html_safe %>, {colors: ["#5bc0de"], legend: false, library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
+      new Chartkick.LineChart("chart-2", <%= pghero_js_value(@chart2_data) %>, {colors: ["#5bc0de"], legend: false, library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
     </script>
 
     <h1>Calls</h1>
     <div id="chart-3" class="chart" style="margin-bottom: 20px;">Loading...</div>
     <script>
-      new Chartkick.LineChart("chart-3", <%= json_escape(@chart3_data.to_json).html_safe %>, {colors: ["#5bc0de"], legend: false, library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
+      new Chartkick.LineChart("chart-3", <%= pghero_js_value(@chart3_data) %>, {colors: ["#5bc0de"], legend: false, library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
     </script>
   <% else %>
     <p>
diff --git a/app/views/pg_hero/home/space.html.erb b/app/views/pg_hero/home/space.html.erb
index 15a109a75..ede7a74ed 100644
--- a/app/views/pg_hero/home/space.html.erb
+++ b/app/views/pg_hero/home/space.html.erb
@@ -6,7 +6,7 @@
   <% if @system_stats_enabled %>
     <div id="chart-1" class="chart" style="margin-bottom: 20px;">Loading...</div>
     <script>
-      new Chartkick.LineChart("chart-1", <%= json_escape(free_space_stats_path.to_json).html_safe %>, {colors: ["#5bc0de"], bytes: true, library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
+      new Chartkick.LineChart("chart-1", <%= pghero_js_value(free_space_stats_path) %>, {colors: ["#5bc0de"], bytes: true, library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
     </script>
   <% end %>
 
diff --git a/app/views/pg_hero/home/system.html.erb b/app/views/pg_hero/home/system.html.erb
index f275fc372..acaa26bc3 100644
--- a/app/views/pg_hero/home/system.html.erb
+++ b/app/views/pg_hero/home/system.html.erb
@@ -9,26 +9,26 @@
   <h1>CPU</h1>
   <div id="chart-1" class="chart" style="margin-bottom: 20px;">Loading...</div>
   <script>
-    new Chartkick.LineChart("chart-1", <%= json_escape(cpu_usage_path(path_options).to_json).html_safe %>, {max: 100, colors: ["#5bc0de"], suffix: "%", library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
+    new Chartkick.LineChart("chart-1", <%= pghero_js_value(cpu_usage_path(path_options)) %>, {max: 100, colors: ["#5bc0de"], suffix: "%", library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
   </script>
 
   <h1>Load</h1>
   <div id="chart-2" class="chart" style="margin-bottom: 20px;">Loading...</div>
   <script>
-    new Chartkick.LineChart("chart-2", <%= json_escape(load_stats_path(path_options).to_json).html_safe %>, {colors: ["#5bc0de", "#d9534f"], library: {plugins: {tooltip: {intersect: false, mode: "nearest"}}}})
+    new Chartkick.LineChart("chart-2", <%= pghero_js_value(load_stats_path(path_options)) %>, {colors: ["#5bc0de", "#d9534f"], library: {plugins: {tooltip: {intersect: false, mode: "nearest"}}}})
   </script>
 
   <h1>Connections</h1>
   <div id="chart-3" class="chart" style="margin-bottom: 20px;">Loading...</div>
   <script>
-    new Chartkick.LineChart("chart-3", <%= json_escape(connection_stats_path(path_options).to_json).html_safe %>, {colors: ["#5bc0de"], library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
+    new Chartkick.LineChart("chart-3", <%= pghero_js_value(connection_stats_path(path_options)) %>, {colors: ["#5bc0de"], library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
   </script>
 
   <% if @database.replica? %>
     <h1>Replication Lag</h1>
     <div id="chart-4" class="chart" style="margin-bottom: 20px;">Loading...</div>
     <script>
-      new Chartkick.LineChart("chart-4", <%= json_escape(replication_lag_stats_path(path_options).to_json).html_safe %>, {colors: ["#5bc0de"], library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
+      new Chartkick.LineChart("chart-4", <%= pghero_js_value(replication_lag_stats_path(path_options)) %>, {colors: ["#5bc0de"], library: {plugins: {tooltip: {intersect: false, mode: "index"}}}})
     </script>
   <% end %>
 </div>

From a5d7d85d673bb0633335d463aeea776615f200d2 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 12:52:31 -0800
Subject: [PATCH 42/57] Use params for links [skip ci]

---
 app/views/pg_hero/home/system.html.erb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/pg_hero/home/system.html.erb b/app/views/pg_hero/home/system.html.erb
index acaa26bc3..ce968005d 100644
--- a/app/views/pg_hero/home/system.html.erb
+++ b/app/views/pg_hero/home/system.html.erb
@@ -1,10 +1,10 @@
 <div class="content">
   <p id="periods">
     <% @periods.each do |name, options| %>
-      <%= link_to name, system_path(options) %>
+      <%= link_to name, system_path(params: options) %>
     <% end %>
   </p>
-  <% path_options = {duration: @duration, period: @period} %>
+  <% path_options = {params: {duration: @duration, period: @period}} %>
 
   <h1>CPU</h1>
   <div id="chart-1" class="chart" style="margin-bottom: 20px;">Loading...</div>

From 759d85e51cbc91c76e4c554088ade9c153ff9284 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 12:55:54 -0800
Subject: [PATCH 43/57] Added class for pie charts [skip ci]

---
 app/assets/stylesheets/pghero/application.css | 6 ++++++
 app/views/pg_hero/home/connections.html.erb   | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/pghero/application.css b/app/assets/stylesheets/pghero/application.css
index 9be55ead2..b2d9155ba 100644
--- a/app/assets/stylesheets/pghero/application.css
+++ b/app/assets/stylesheets/pghero/application.css
@@ -485,6 +485,12 @@ body {
   color: #999;
 }
 
+.pie-chart {
+  height: 260px;
+  line-height: 260px;
+  margin-bottom: 20px;
+}
+
 .unused-index {
   color: #f0ad4e;
   font-size: 11px;
diff --git a/app/views/pg_hero/home/connections.html.erb b/app/views/pg_hero/home/connections.html.erb
index 3333d258f..981608669 100644
--- a/app/views/pg_hero/home/connections.html.erb
+++ b/app/views/pg_hero/home/connections.html.erb
@@ -6,14 +6,14 @@
   <% if @total_connections > 0 %>
     <h3>By Database</h3>
 
-    <div id="chart-1" class="chart" style="height: 260px; line-height: 260px; margin-bottom: 20px;">Loading...</div>
+    <div id="chart-1" class="chart pie-chart">Loading...</div>
     <script>
       new Chartkick.PieChart("chart-1", <%= pghero_js_value(@connections_by_database) %>);
     </script>
 
     <h3>By User</h3>
 
-    <div id="chart-2" class="chart" style="height: 260px; line-height: 260px; margin-bottom: 20px;">Loading...</div>
+    <div id="chart-2" class="chart pie-chart">Loading...</div>
     <script>
       new Chartkick.PieChart("chart-2", <%= pghero_js_value(@connections_by_user) %>);
     </script>
@@ -21,7 +21,7 @@
     <% if @connections_by_ssl_status %>
       <h3>By Security</h3>
 
-      <div id="chart-3" class="chart" style="height: 260px; line-height: 260px; margin-bottom: 20px;">Loading...</div>
+      <div id="chart-3" class="chart pie-chart">Loading...</div>
       <script>
         new Chartkick.PieChart("chart-3", <%= pghero_js_value(@connections_by_ssl_status) %>);
       </script>

From 6433af18f26f0c72f8e383127f1dd6adda18678b Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 25 Feb 2023 12:59:37 -0800
Subject: [PATCH 44/57] Updated jQuery to 3.6.3 [skip ci]

---
 app/assets/javascripts/pghero/jquery.js | 515 +++++++++++++++---------
 1 file changed, 318 insertions(+), 197 deletions(-)

diff --git a/app/assets/javascripts/pghero/jquery.js b/app/assets/javascripts/pghero/jquery.js
index 50937333b..b86de89ab 100644
--- a/app/assets/javascripts/pghero/jquery.js
+++ b/app/assets/javascripts/pghero/jquery.js
@@ -1,15 +1,15 @@
 /*!
- * jQuery JavaScript Library v3.5.1
+ * jQuery JavaScript Library v3.6.3
  * https://jquery.com/
  *
  * Includes Sizzle.js
  * https://sizzlejs.com/
  *
- * Copyright JS Foundation and other contributors
+ * Copyright OpenJS Foundation and other contributors
  * Released under the MIT license
  * https://jquery.org/license
  *
- * Date: 2020-05-04T22:49Z
+ * Date: 2022-12-20T21:28Z
  */
 ( function( global, factory ) {
 
@@ -23,7 +23,7 @@
 		// (such as Node.js), expose a factory as module.exports.
 		// This accentuates the need for the creation of a real `window`.
 		// e.g. var jQuery = require("jquery")(window);
-		// See ticket #14549 for more info.
+		// See ticket trac-14549 for more info.
 		module.exports = global.document ?
 			factory( global, true ) :
 			function( w ) {
@@ -76,12 +76,16 @@ var support = {};
 
 var isFunction = function isFunction( obj ) {
 
-      // Support: Chrome <=57, Firefox <=52
-      // In some browsers, typeof returns "function" for HTML <object> elements
-      // (i.e., `typeof document.createElement( "object" ) === "function"`).
-      // We don't want to classify *any* DOM node as a function.
-      return typeof obj === "function" && typeof obj.nodeType !== "number";
-  };
+		// Support: Chrome <=57, Firefox <=52
+		// In some browsers, typeof returns "function" for HTML <object> elements
+		// (i.e., `typeof document.createElement( "object" ) === "function"`).
+		// We don't want to classify *any* DOM node as a function.
+		// Support: QtWeb <=3.8.5, WebKit <=534.34, wkhtmltopdf tool <=0.12.5
+		// Plus for old WebKit, typeof returns "function" for HTML collections
+		// (e.g., `typeof document.getElementsByTagName("div") === "function"`). (gh-4756)
+		return typeof obj === "function" && typeof obj.nodeType !== "number" &&
+			typeof obj.item !== "function";
+	};
 
 
 var isWindow = function isWindow( obj ) {
@@ -147,7 +151,7 @@ function toType( obj ) {
 
 
 var
-	version = "3.5.1",
+	version = "3.6.3",
 
 	// Define a local copy of jQuery
 	jQuery = function( selector, context ) {
@@ -401,7 +405,7 @@ jQuery.extend( {
 			if ( isArrayLike( Object( arr ) ) ) {
 				jQuery.merge( ret,
 					typeof arr === "string" ?
-					[ arr ] : arr
+						[ arr ] : arr
 				);
 			} else {
 				push.call( ret, arr );
@@ -496,9 +500,9 @@ if ( typeof Symbol === "function" ) {
 
 // Populate the class2type map
 jQuery.each( "Boolean Number String Function Array Date RegExp Object Error Symbol".split( " " ),
-function( _i, name ) {
-	class2type[ "[object " + name + "]" ] = name.toLowerCase();
-} );
+	function( _i, name ) {
+		class2type[ "[object " + name + "]" ] = name.toLowerCase();
+	} );
 
 function isArrayLike( obj ) {
 
@@ -518,14 +522,14 @@ function isArrayLike( obj ) {
 }
 var Sizzle =
 /*!
- * Sizzle CSS Selector Engine v2.3.5
+ * Sizzle CSS Selector Engine v2.3.9
  * https://sizzlejs.com/
  *
  * Copyright JS Foundation and other contributors
  * Released under the MIT license
  * https://js.foundation/
  *
- * Date: 2020-03-14
+ * Date: 2022-12-19
  */
 ( function( window ) {
 var i,
@@ -875,6 +879,27 @@ function Sizzle( selector, context, results, seed ) {
 				}
 
 				try {
+
+					// `qSA` may not throw for unrecognized parts using forgiving parsing:
+					// https://drafts.csswg.org/selectors/#forgiving-selector
+					// like the `:has()` pseudo-class:
+					// https://drafts.csswg.org/selectors/#relational
+					// `CSS.supports` is still expected to return `false` then:
+					// https://drafts.csswg.org/css-conditional-4/#typedef-supports-selector-fn
+					// https://drafts.csswg.org/css-conditional-4/#dfn-support-selector
+					if ( support.cssSupportsSelector &&
+
+						// eslint-disable-next-line no-undef
+						!CSS.supports( "selector(:is(" + newSelector + "))" ) ) {
+
+						// Support: IE 11+
+						// Throw to get to the same code path as an error directly in qSA.
+						// Note: once we only support browser supporting
+						// `CSS.supports('selector(...)')`, we can most likely drop
+						// the `try-catch`. IE doesn't implement the API.
+						throw new Error();
+					}
+
 					push.apply( results,
 						newContext.querySelectorAll( newSelector )
 					);
@@ -1108,8 +1133,8 @@ support = Sizzle.support = {};
  * @returns {Boolean} True iff elem is a non-HTML XML node
  */
 isXML = Sizzle.isXML = function( elem ) {
-	var namespace = elem.namespaceURI,
-		docElem = ( elem.ownerDocument || elem ).documentElement;
+	var namespace = elem && elem.namespaceURI,
+		docElem = elem && ( elem.ownerDocument || elem ).documentElement;
 
 	// Support: IE <=8
 	// Assume HTML when documentElement doesn't yet exist, such as inside loading iframes
@@ -1170,6 +1195,31 @@ setDocument = Sizzle.setDocument = function( node ) {
 			!el.querySelectorAll( ":scope fieldset div" ).length;
 	} );
 
+	// Support: Chrome 105+, Firefox 104+, Safari 15.4+
+	// Make sure forgiving mode is not used in `CSS.supports( "selector(...)" )`.
+	//
+	// `:is()` uses a forgiving selector list as an argument and is widely
+	// implemented, so it's a good one to test against.
+	support.cssSupportsSelector = assert( function() {
+		/* eslint-disable no-undef */
+
+		return CSS.supports( "selector(*)" ) &&
+
+			// Support: Firefox 78-81 only
+			// In old Firefox, `:is()` didn't use forgiving parsing. In that case,
+			// fail this test as there's no selector to test against that.
+			// `CSS.supports` uses unforgiving parsing
+			document.querySelectorAll( ":is(:jqfake)" ) &&
+
+			// `*` is needed as Safari & newer Chrome implemented something in between
+			// for `:has()` - it throws in `qSA` if it only contains an unsupported
+			// argument but multiple ones, one of which is supported, are fine.
+			// We want to play safe in case `:is()` gets the same treatment.
+			!CSS.supports( "selector(:is(*,:jqfake))" );
+
+		/* eslint-enable */
+	} );
+
 	/* Attributes
 	---------------------------------------------------------------------- */
 
@@ -1436,6 +1486,17 @@ setDocument = Sizzle.setDocument = function( node ) {
 		} );
 	}
 
+	if ( !support.cssSupportsSelector ) {
+
+		// Support: Chrome 105+, Safari 15.4+
+		// `:has()` uses a forgiving selector list as an argument so our regular
+		// `try-catch` mechanism fails to catch `:has()` with arguments not supported
+		// natively like `:has(:contains("Foo"))`. Where supported & spec-compliant,
+		// we now use `CSS.supports("selector(:is(SELECTOR_TO_BE_TESTED))")`, but
+		// outside that we mark `:has` as buggy.
+		rbuggyQSA.push( ":has" );
+	}
+
 	rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join( "|" ) );
 	rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join( "|" ) );
 
@@ -1448,7 +1509,14 @@ setDocument = Sizzle.setDocument = function( node ) {
 	// As in, an element does not contain itself
 	contains = hasCompare || rnative.test( docElem.contains ) ?
 		function( a, b ) {
-			var adown = a.nodeType === 9 ? a.documentElement : a,
+
+			// Support: IE <9 only
+			// IE doesn't have `contains` on `document` so we need to check for
+			// `documentElement` presence.
+			// We need to fall back to `a` when `documentElement` is missing
+			// as `ownerDocument` of elements within `<template/>` may have
+			// a null one - a default behavior of all modern browsers.
+			var adown = a.nodeType === 9 && a.documentElement || a,
 				bup = b && b.parentNode;
 			return a === bup || !!( bup && bup.nodeType === 1 && (
 				adown.contains ?
@@ -2238,7 +2306,7 @@ Expr = Sizzle.selectors = {
 			return elem.nodeName.toLowerCase() === "input" &&
 				elem.type === "text" &&
 
-				// Support: IE<8
+				// Support: IE <10 only
 				// New HTML5 attribute values (e.g., "search") appear with elem.type === "text"
 				( ( attr = elem.getAttribute( "type" ) ) == null ||
 					attr.toLowerCase() === "text" );
@@ -3024,9 +3092,9 @@ var rneedsContext = jQuery.expr.match.needsContext;
 
 function nodeName( elem, name ) {
 
-  return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+	return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
 
-};
+}
 var rsingleTag = ( /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i );
 
 
@@ -3125,8 +3193,8 @@ jQuery.fn.extend( {
 var rootjQuery,
 
 	// A simple way to check for HTML strings
-	// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
-	// Strict HTML recognition (#11290: must start with <)
+	// Prioritize #id over <tag> to avoid XSS via location.hash (trac-9521)
+	// Strict HTML recognition (trac-11290: must start with <)
 	// Shortcut simple #id case for speed
 	rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,
 
@@ -3997,8 +4065,8 @@ jQuery.extend( {
 			resolveContexts = Array( i ),
 			resolveValues = slice.call( arguments ),
 
-			// the master Deferred
-			master = jQuery.Deferred(),
+			// the primary Deferred
+			primary = jQuery.Deferred(),
 
 			// subordinate callback factory
 			updateFunc = function( i ) {
@@ -4006,30 +4074,30 @@ jQuery.extend( {
 					resolveContexts[ i ] = this;
 					resolveValues[ i ] = arguments.length > 1 ? slice.call( arguments ) : value;
 					if ( !( --remaining ) ) {
-						master.resolveWith( resolveContexts, resolveValues );
+						primary.resolveWith( resolveContexts, resolveValues );
 					}
 				};
 			};
 
 		// Single- and empty arguments are adopted like Promise.resolve
 		if ( remaining <= 1 ) {
-			adoptValue( singleValue, master.done( updateFunc( i ) ).resolve, master.reject,
+			adoptValue( singleValue, primary.done( updateFunc( i ) ).resolve, primary.reject,
 				!remaining );
 
 			// Use .then() to unwrap secondary thenables (cf. gh-3000)
-			if ( master.state() === "pending" ||
+			if ( primary.state() === "pending" ||
 				isFunction( resolveValues[ i ] && resolveValues[ i ].then ) ) {
 
-				return master.then();
+				return primary.then();
 			}
 		}
 
 		// Multiple arguments are aggregated like Promise.all array elements
 		while ( i-- ) {
-			adoptValue( resolveValues[ i ], updateFunc( i ), master.reject );
+			adoptValue( resolveValues[ i ], updateFunc( i ), primary.reject );
 		}
 
-		return master.promise();
+		return primary.promise();
 	}
 } );
 
@@ -4083,7 +4151,7 @@ jQuery.extend( {
 	isReady: false,
 
 	// A counter to track how many items to wait for before
-	// the ready event fires. See #6781
+	// the ready event fires. See trac-6781
 	readyWait: 1,
 
 	// Handle when the DOM is ready
@@ -4180,8 +4248,8 @@ var access = function( elems, fn, key, value, chainable, emptyGet, raw ) {
 			for ( ; i < len; i++ ) {
 				fn(
 					elems[ i ], key, raw ?
-					value :
-					value.call( elems[ i ], i, fn( elems[ i ], key ) )
+						value :
+						value.call( elems[ i ], i, fn( elems[ i ], key ) )
 				);
 			}
 		}
@@ -4211,7 +4279,7 @@ function fcamelCase( _all, letter ) {
 
 // Convert dashed to camelCase; used by the css and data modules
 // Support: IE <=9 - 11, Edge 12 - 15
-// Microsoft forgot to hump their vendor prefix (#9572)
+// Microsoft forgot to hump their vendor prefix (trac-9572)
 function camelCase( string ) {
 	return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
 }
@@ -4247,7 +4315,7 @@ Data.prototype = {
 			value = {};
 
 			// We can accept data for non-element nodes in modern browsers,
-			// but we should not, see #8335.
+			// but we should not, see trac-8335.
 			// Always return an empty object.
 			if ( acceptData( owner ) ) {
 
@@ -4486,7 +4554,7 @@ jQuery.fn.extend( {
 					while ( i-- ) {
 
 						// Support: IE 11 only
-						// The attrs elements can be null (#14894)
+						// The attrs elements can be null (trac-14894)
 						if ( attrs[ i ] ) {
 							name = attrs[ i ].name;
 							if ( name.indexOf( "data-" ) === 0 ) {
@@ -4909,9 +4977,9 @@ var rscriptType = ( /^$|^module$|\/(?:java|ecma)script/i );
 		input = document.createElement( "input" );
 
 	// Support: Android 4.0 - 4.3 only
-	// Check state lost if the name is set (#11217)
+	// Check state lost if the name is set (trac-11217)
 	// Support: Windows Web Apps (WWA)
-	// `name` and `type` must use .setAttribute for WWA (#14901)
+	// `name` and `type` must use .setAttribute for WWA (trac-14901)
 	input.setAttribute( "type", "radio" );
 	input.setAttribute( "checked", "checked" );
 	input.setAttribute( "name", "t" );
@@ -4935,7 +5003,7 @@ var rscriptType = ( /^$|^module$|\/(?:java|ecma)script/i );
 } )();
 
 
-// We have to close these tags to support XHTML (#13200)
+// We have to close these tags to support XHTML (trac-13200)
 var wrapMap = {
 
 	// XHTML parsers do not magically insert elements in the
@@ -4961,7 +5029,7 @@ if ( !support.option ) {
 function getAll( context, tag ) {
 
 	// Support: IE <=9 - 11 only
-	// Use typeof to avoid zero-argument method invocation on host objects (#15151)
+	// Use typeof to avoid zero-argument method invocation on host objects (trac-15151)
 	var ret;
 
 	if ( typeof context.getElementsByTagName !== "undefined" ) {
@@ -5044,7 +5112,7 @@ function buildFragment( elems, context, scripts, selection, ignored ) {
 				// Remember the top-level container
 				tmp = fragment.firstChild;
 
-				// Ensure the created nodes are orphaned (#12392)
+				// Ensure the created nodes are orphaned (trac-12392)
 				tmp.textContent = "";
 			}
 		}
@@ -5089,10 +5157,7 @@ function buildFragment( elems, context, scripts, selection, ignored ) {
 }
 
 
-var
-	rkeyEvent = /^key/,
-	rmouseEvent = /^(?:mouse|pointer|contextmenu|drag|drop)|click/,
-	rtypenamespace = /^([^.]*)(?:\.(.+)|)/;
+var rtypenamespace = /^([^.]*)(?:\.(.+)|)/;
 
 function returnTrue() {
 	return true;
@@ -5387,8 +5452,8 @@ jQuery.event = {
 			event = jQuery.event.fix( nativeEvent ),
 
 			handlers = (
-					dataPriv.get( this, "events" ) || Object.create( null )
-				)[ event.type ] || [],
+				dataPriv.get( this, "events" ) || Object.create( null )
+			)[ event.type ] || [],
 			special = jQuery.event.special[ event.type ] || {};
 
 		// Use the fix-ed jQuery.Event rather than the (read-only) native event
@@ -5468,15 +5533,15 @@ jQuery.event = {
 
 			for ( ; cur !== this; cur = cur.parentNode || this ) {
 
-				// Don't check non-elements (#13208)
-				// Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
+				// Don't check non-elements (trac-13208)
+				// Don't process clicks on disabled elements (trac-6911, trac-8165, trac-11382, trac-11764)
 				if ( cur.nodeType === 1 && !( event.type === "click" && cur.disabled === true ) ) {
 					matchedHandlers = [];
 					matchedSelectors = {};
 					for ( i = 0; i < delegateCount; i++ ) {
 						handleObj = handlers[ i ];
 
-						// Don't conflict with Object.prototype properties (#13203)
+						// Don't conflict with Object.prototype properties (trac-13203)
 						sel = handleObj.selector + " ";
 
 						if ( matchedSelectors[ sel ] === undefined ) {
@@ -5512,12 +5577,12 @@ jQuery.event = {
 			get: isFunction( hook ) ?
 				function() {
 					if ( this.originalEvent ) {
-							return hook( this.originalEvent );
+						return hook( this.originalEvent );
 					}
 				} :
 				function() {
 					if ( this.originalEvent ) {
-							return this.originalEvent[ name ];
+						return this.originalEvent[ name ];
 					}
 				},
 
@@ -5656,7 +5721,13 @@ function leverageNative( el, type, expectSync ) {
 						// Cancel the outer synthetic event
 						event.stopImmediatePropagation();
 						event.preventDefault();
-						return result.value;
+
+						// Support: Chrome 86+
+						// In Chrome, if an element having a focusout handler is blurred by
+						// clicking outside of it, it invokes the handler synchronously. If
+						// that handler calls `.remove()` on the element, the data is cleared,
+						// leaving `result` undefined. We need to guard against this.
+						return result && result.value;
 					}
 
 				// If this is an inner synthetic event for an event with a bubbling surrogate
@@ -5724,7 +5795,7 @@ jQuery.Event = function( src, props ) {
 
 		// Create target properties
 		// Support: Safari <=6 - 7 only
-		// Target should not be a text node (#504, #13143)
+		// Target should not be a text node (trac-504, trac-13143)
 		this.target = ( src.target && src.target.nodeType === 3 ) ?
 			src.target.parentNode :
 			src.target;
@@ -5821,34 +5892,7 @@ jQuery.each( {
 	targetTouches: true,
 	toElement: true,
 	touches: true,
-
-	which: function( event ) {
-		var button = event.button;
-
-		// Add which for key events
-		if ( event.which == null && rkeyEvent.test( event.type ) ) {
-			return event.charCode != null ? event.charCode : event.keyCode;
-		}
-
-		// Add which for click: 1 === left; 2 === middle; 3 === right
-		if ( !event.which && button !== undefined && rmouseEvent.test( event.type ) ) {
-			if ( button & 1 ) {
-				return 1;
-			}
-
-			if ( button & 2 ) {
-				return 3;
-			}
-
-			if ( button & 4 ) {
-				return 2;
-			}
-
-			return 0;
-		}
-
-		return event.which;
-	}
+	which: true
 }, jQuery.event.addProp );
 
 jQuery.each( { focus: "focusin", blur: "focusout" }, function( type, delegateType ) {
@@ -5874,6 +5918,12 @@ jQuery.each( { focus: "focusin", blur: "focusout" }, function( type, delegateTyp
 			return true;
 		},
 
+		// Suppress native focus or blur if we're currently inside
+		// a leveraged native-event stack
+		_default: function( event ) {
+			return dataPriv.get( event.target, type );
+		},
+
 		delegateType: delegateType
 	};
 } );
@@ -5970,7 +6020,8 @@ var
 
 	// checked="checked" or checked
 	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
-	rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;
+
+	rcleanScript = /^\s*<!\[CDATA\[|\]\]>\s*$/g;
 
 // Prefer a tbody over its parent table for containing new rows
 function manipulationTarget( elem, content ) {
@@ -6084,7 +6135,7 @@ function domManip( collection, args, callback, ignored ) {
 
 			// Use the original fragment for the last item
 			// instead of the first because it can end up
-			// being emptied incorrectly in certain situations (#8070).
+			// being emptied incorrectly in certain situations (trac-8070).
 			for ( ; i < l; i++ ) {
 				node = fragment;
 
@@ -6125,6 +6176,12 @@ function domManip( collection, args, callback, ignored ) {
 								}, doc );
 							}
 						} else {
+
+							// Unwrap a CDATA section containing script contents. This shouldn't be
+							// needed as in XML documents they're already not visible when
+							// inspecting element contents and in HTML documents they have no
+							// meaning but we're preserving that logic for backwards compatibility.
+							// This will be removed completely in 4.0. See gh-4904.
 							DOMEval( node.textContent.replace( rcleanScript, "" ), node, doc );
 						}
 					}
@@ -6407,9 +6464,12 @@ jQuery.each( {
 } );
 var rnumnonpx = new RegExp( "^(" + pnum + ")(?!px)[a-z%]+$", "i" );
 
+var rcustomProp = /^--/;
+
+
 var getStyles = function( elem ) {
 
-		// Support: IE <=11 only, Firefox <=30 (#15098, #14150)
+		// Support: IE <=11 only, Firefox <=30 (trac-15098, trac-14150)
 		// IE throws on elements created in popups
 		// FF meanwhile throws on frame elements through "defaultView.getComputedStyle"
 		var view = elem.ownerDocument.defaultView;
@@ -6444,6 +6504,15 @@ var swap = function( elem, options, callback ) {
 
 var rboxStyle = new RegExp( cssExpand.join( "|" ), "i" );
 
+var whitespace = "[\\x20\\t\\r\\n\\f]";
+
+
+var rtrimCSS = new RegExp(
+	"^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$",
+	"g"
+);
+
+
 
 
 ( function() {
@@ -6509,7 +6578,7 @@ var rboxStyle = new RegExp( cssExpand.join( "|" ), "i" );
 	}
 
 	// Support: IE <=9 - 11 only
-	// Style of cloned element affects source element cloned (#8908)
+	// Style of cloned element affects source element cloned (trac-8908)
 	div.style.backgroundClip = "content-box";
 	div.cloneNode( true ).style.backgroundClip = "";
 	support.clearCloneStyle = div.style.backgroundClip === "content-box";
@@ -6541,6 +6610,10 @@ var rboxStyle = new RegExp( cssExpand.join( "|" ), "i" );
 		// set in CSS while `offset*` properties report correct values.
 		// Behavior in IE 9 is more subtle than in newer versions & it passes
 		// some versions of this test; make sure not to make it pass there!
+		//
+		// Support: Firefox 70+
+		// Only Firefox includes border widths
+		// in computed dimensions. (gh-4529)
 		reliableTrDimensions: function() {
 			var table, tr, trChild, trStyle;
 			if ( reliableTrDimensionsVal == null ) {
@@ -6548,17 +6621,32 @@ var rboxStyle = new RegExp( cssExpand.join( "|" ), "i" );
 				tr = document.createElement( "tr" );
 				trChild = document.createElement( "div" );
 
-				table.style.cssText = "position:absolute;left:-11111px";
+				table.style.cssText = "position:absolute;left:-11111px;border-collapse:separate";
+				tr.style.cssText = "border:1px solid";
+
+				// Support: Chrome 86+
+				// Height set through cssText does not get applied.
+				// Computed height then comes back as 0.
 				tr.style.height = "1px";
 				trChild.style.height = "9px";
 
+				// Support: Android 8 Chrome 86+
+				// In our bodyBackground.html iframe,
+				// display for all div elements is set to "inline",
+				// which causes a problem only in Android 8 Chrome 86.
+				// Ensuring the div is display: block
+				// gets around this issue.
+				trChild.style.display = "block";
+
 				documentElement
 					.appendChild( table )
 					.appendChild( tr )
 					.appendChild( trChild );
 
 				trStyle = window.getComputedStyle( tr );
-				reliableTrDimensionsVal = parseInt( trStyle.height ) > 3;
+				reliableTrDimensionsVal = ( parseInt( trStyle.height, 10 ) +
+					parseInt( trStyle.borderTopWidth, 10 ) +
+					parseInt( trStyle.borderBottomWidth, 10 ) ) === tr.offsetHeight;
 
 				documentElement.removeChild( table );
 			}
@@ -6570,6 +6658,7 @@ var rboxStyle = new RegExp( cssExpand.join( "|" ), "i" );
 
 function curCSS( elem, name, computed ) {
 	var width, minWidth, maxWidth, ret,
+		isCustomProp = rcustomProp.test( name ),
 
 		// Support: Firefox 51+
 		// Retrieving style before computed somehow
@@ -6580,11 +6669,42 @@ function curCSS( elem, name, computed ) {
 	computed = computed || getStyles( elem );
 
 	// getPropertyValue is needed for:
-	//   .css('filter') (IE 9 only, #12537)
-	//   .css('--customProperty) (#3144)
+	//   .css('filter') (IE 9 only, trac-12537)
+	//   .css('--customProperty) (gh-3144)
 	if ( computed ) {
+
+		// Support: IE <=9 - 11+
+		// IE only supports `"float"` in `getPropertyValue`; in computed styles
+		// it's only available as `"cssFloat"`. We no longer modify properties
+		// sent to `.css()` apart from camelCasing, so we need to check both.
+		// Normally, this would create difference in behavior: if
+		// `getPropertyValue` returns an empty string, the value returned
+		// by `.css()` would be `undefined`. This is usually the case for
+		// disconnected elements. However, in IE even disconnected elements
+		// with no styles return `"none"` for `getPropertyValue( "float" )`
 		ret = computed.getPropertyValue( name ) || computed[ name ];
 
+		if ( isCustomProp && ret ) {
+
+			// Support: Firefox 105+, Chrome <=105+
+			// Spec requires trimming whitespace for custom properties (gh-4926).
+			// Firefox only trims leading whitespace. Chrome just collapses
+			// both leading & trailing whitespace to a single space.
+			//
+			// Fall back to `undefined` if empty string returned.
+			// This collapses a missing definition with property defined
+			// and set to an empty string but there's no standard API
+			// allowing us to differentiate them without a performance penalty
+			// and returning `undefined` aligns with older jQuery.
+			//
+			// rtrimCSS treats U+000D CARRIAGE RETURN and U+000C FORM FEED
+			// as whitespace while CSS does not, but this is not a problem
+			// because CSS preprocessing replaces them with U+000A LINE FEED
+			// (which *is* CSS whitespace)
+			// https://www.w3.org/TR/css-syntax-3/#input-preprocessing
+			ret = ret.replace( rtrimCSS, "$1" ) || undefined;
+		}
+
 		if ( ret === "" && !isAttached( elem ) ) {
 			ret = jQuery.style( elem, name );
 		}
@@ -6680,7 +6800,6 @@ var
 	// except "table", "table-cell", or "table-caption"
 	// See here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
 	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
-	rcustomProp = /^--/,
 	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
 	cssNormalTransform = {
 		letterSpacing: "0",
@@ -6916,15 +7035,15 @@ jQuery.extend( {
 		if ( value !== undefined ) {
 			type = typeof value;
 
-			// Convert "+=" or "-=" to relative numbers (#7345)
+			// Convert "+=" or "-=" to relative numbers (trac-7345)
 			if ( type === "string" && ( ret = rcssNum.exec( value ) ) && ret[ 1 ] ) {
 				value = adjustCSS( elem, name, ret );
 
-				// Fixes bug #9237
+				// Fixes bug trac-9237
 				type = "number";
 			}
 
-			// Make sure that null and NaN values aren't set (#7116)
+			// Make sure that null and NaN values aren't set (trac-7116)
 			if ( value == null || value !== value ) {
 				return;
 			}
@@ -7022,10 +7141,10 @@ jQuery.each( [ "height", "width" ], function( _i, dimension ) {
 					// Running getBoundingClientRect on a disconnected node
 					// in IE throws an error.
 					( !elem.getClientRects().length || !elem.getBoundingClientRect().width ) ?
-						swap( elem, cssShow, function() {
-							return getWidthOrHeight( elem, dimension, extra );
-						} ) :
-						getWidthOrHeight( elem, dimension, extra );
+					swap( elem, cssShow, function() {
+						return getWidthOrHeight( elem, dimension, extra );
+					} ) :
+					getWidthOrHeight( elem, dimension, extra );
 			}
 		},
 
@@ -7084,7 +7203,7 @@ jQuery.cssHooks.marginLeft = addGetHookIf( support.reliableMarginLeft,
 					swap( elem, { marginLeft: 0 }, function() {
 						return elem.getBoundingClientRect().left;
 					} )
-				) + "px";
+			) + "px";
 		}
 	}
 );
@@ -7223,7 +7342,7 @@ Tween.propHooks = {
 			if ( jQuery.fx.step[ tween.prop ] ) {
 				jQuery.fx.step[ tween.prop ]( tween );
 			} else if ( tween.elem.nodeType === 1 && (
-					jQuery.cssHooks[ tween.prop ] ||
+				jQuery.cssHooks[ tween.prop ] ||
 					tween.elem.style[ finalPropName( tween.prop ) ] != null ) ) {
 				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
 			} else {
@@ -7468,7 +7587,7 @@ function defaultPrefilter( elem, props, opts ) {
 
 			anim.done( function() {
 
-			/* eslint-enable no-loop-func */
+				/* eslint-enable no-loop-func */
 
 				// The final step of a "hide" animation is actually hiding the element
 				if ( !hidden ) {
@@ -7548,7 +7667,7 @@ function Animation( elem, properties, options ) {
 				remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
 
 				// Support: Android 2.3 only
-				// Archaic crash bug won't allow us to use `1 - ( 0.5 || 0 )` (#12497)
+				// Archaic crash bug won't allow us to use `1 - ( 0.5 || 0 )` (trac-12497)
 				temp = remaining / animation.duration || 0,
 				percent = 1 - temp,
 				index = 0,
@@ -7588,7 +7707,7 @@ function Animation( elem, properties, options ) {
 			tweens: [],
 			createTween: function( prop, end ) {
 				var tween = jQuery.Tween( elem, animation.opts, prop, end,
-						animation.opts.specialEasing[ prop ] || animation.opts.easing );
+					animation.opts.specialEasing[ prop ] || animation.opts.easing );
 				animation.tweens.push( tween );
 				return tween;
 			},
@@ -7761,7 +7880,8 @@ jQuery.fn.extend( {
 					anim.stop( true );
 				}
 			};
-			doAnimation.finish = doAnimation;
+
+		doAnimation.finish = doAnimation;
 
 		return empty || optall.queue === false ?
 			this.each( doAnimation ) :
@@ -7937,7 +8057,6 @@ jQuery.fx.speeds = {
 
 
 // Based off of the plugin by Clint Helfers, with permission.
-// https://web.archive.org/web/20100324014747/http://blindsignals.com/index.php/2009/07/jquery-delay/
 jQuery.fn.delay = function( time, type ) {
 	time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
 	type = type || "fx";
@@ -8162,8 +8281,7 @@ jQuery.extend( {
 				// Support: IE <=9 - 11 only
 				// elem.tabIndex doesn't always return the
 				// correct value when it hasn't been explicitly set
-				// https://web.archive.org/web/20141116233347/http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
-				// Use proper attribute retrieval(#12072)
+				// Use proper attribute retrieval (trac-12072)
 				var tabindex = jQuery.find.attr( elem, "tabindex" );
 
 				if ( tabindex ) {
@@ -8267,8 +8385,7 @@ function classesToArray( value ) {
 
 jQuery.fn.extend( {
 	addClass: function( value ) {
-		var classes, elem, cur, curValue, clazz, j, finalValue,
-			i = 0;
+		var classNames, cur, curValue, className, i, finalValue;
 
 		if ( isFunction( value ) ) {
 			return this.each( function( j ) {
@@ -8276,36 +8393,35 @@ jQuery.fn.extend( {
 			} );
 		}
 
-		classes = classesToArray( value );
+		classNames = classesToArray( value );
 
-		if ( classes.length ) {
-			while ( ( elem = this[ i++ ] ) ) {
-				curValue = getClass( elem );
-				cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " );
+		if ( classNames.length ) {
+			return this.each( function() {
+				curValue = getClass( this );
+				cur = this.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " );
 
 				if ( cur ) {
-					j = 0;
-					while ( ( clazz = classes[ j++ ] ) ) {
-						if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
-							cur += clazz + " ";
+					for ( i = 0; i < classNames.length; i++ ) {
+						className = classNames[ i ];
+						if ( cur.indexOf( " " + className + " " ) < 0 ) {
+							cur += className + " ";
 						}
 					}
 
 					// Only assign if different to avoid unneeded rendering.
 					finalValue = stripAndCollapse( cur );
 					if ( curValue !== finalValue ) {
-						elem.setAttribute( "class", finalValue );
+						this.setAttribute( "class", finalValue );
 					}
 				}
-			}
+			} );
 		}
 
 		return this;
 	},
 
 	removeClass: function( value ) {
-		var classes, elem, cur, curValue, clazz, j, finalValue,
-			i = 0;
+		var classNames, cur, curValue, className, i, finalValue;
 
 		if ( isFunction( value ) ) {
 			return this.each( function( j ) {
@@ -8317,45 +8433,42 @@ jQuery.fn.extend( {
 			return this.attr( "class", "" );
 		}
 
-		classes = classesToArray( value );
+		classNames = classesToArray( value );
 
-		if ( classes.length ) {
-			while ( ( elem = this[ i++ ] ) ) {
-				curValue = getClass( elem );
+		if ( classNames.length ) {
+			return this.each( function() {
+				curValue = getClass( this );
 
 				// This expression is here for better compressibility (see addClass)
-				cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " );
+				cur = this.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " );
 
 				if ( cur ) {
-					j = 0;
-					while ( ( clazz = classes[ j++ ] ) ) {
+					for ( i = 0; i < classNames.length; i++ ) {
+						className = classNames[ i ];
 
 						// Remove *all* instances
-						while ( cur.indexOf( " " + clazz + " " ) > -1 ) {
-							cur = cur.replace( " " + clazz + " ", " " );
+						while ( cur.indexOf( " " + className + " " ) > -1 ) {
+							cur = cur.replace( " " + className + " ", " " );
 						}
 					}
 
 					// Only assign if different to avoid unneeded rendering.
 					finalValue = stripAndCollapse( cur );
 					if ( curValue !== finalValue ) {
-						elem.setAttribute( "class", finalValue );
+						this.setAttribute( "class", finalValue );
 					}
 				}
-			}
+			} );
 		}
 
 		return this;
 	},
 
 	toggleClass: function( value, stateVal ) {
-		var type = typeof value,
+		var classNames, className, i, self,
+			type = typeof value,
 			isValidValue = type === "string" || Array.isArray( value );
 
-		if ( typeof stateVal === "boolean" && isValidValue ) {
-			return stateVal ? this.addClass( value ) : this.removeClass( value );
-		}
-
 		if ( isFunction( value ) ) {
 			return this.each( function( i ) {
 				jQuery( this ).toggleClass(
@@ -8365,17 +8478,20 @@ jQuery.fn.extend( {
 			} );
 		}
 
-		return this.each( function() {
-			var className, i, self, classNames;
+		if ( typeof stateVal === "boolean" && isValidValue ) {
+			return stateVal ? this.addClass( value ) : this.removeClass( value );
+		}
+
+		classNames = classesToArray( value );
 
+		return this.each( function() {
 			if ( isValidValue ) {
 
 				// Toggle individual class names
-				i = 0;
 				self = jQuery( this );
-				classNames = classesToArray( value );
 
-				while ( ( className = classNames[ i++ ] ) ) {
+				for ( i = 0; i < classNames.length; i++ ) {
+					className = classNames[ i ];
 
 					// Check each className given, space separated list
 					if ( self.hasClass( className ) ) {
@@ -8401,8 +8517,8 @@ jQuery.fn.extend( {
 				if ( this.setAttribute ) {
 					this.setAttribute( "class",
 						className || value === false ?
-						"" :
-						dataPriv.get( this, "__className__" ) || ""
+							"" :
+							dataPriv.get( this, "__className__" ) || ""
 					);
 				}
 			}
@@ -8417,7 +8533,7 @@ jQuery.fn.extend( {
 		while ( ( elem = this[ i++ ] ) ) {
 			if ( elem.nodeType === 1 &&
 				( " " + stripAndCollapse( getClass( elem ) ) + " " ).indexOf( className ) > -1 ) {
-					return true;
+				return true;
 			}
 		}
 
@@ -8509,7 +8625,7 @@ jQuery.extend( {
 					val :
 
 					// Support: IE <=10 - 11 only
-					// option.text throws exceptions (#14686, #14858)
+					// option.text throws exceptions (trac-14686, trac-14858)
 					// Strip and collapse whitespace
 					// https://html.spec.whatwg.org/#strip-and-collapse-whitespace
 					stripAndCollapse( jQuery.text( elem ) );
@@ -8536,7 +8652,7 @@ jQuery.extend( {
 					option = options[ i ];
 
 					// Support: IE <=9 only
-					// IE8-9 doesn't update selected after form reset (#2551)
+					// IE8-9 doesn't update selected after form reset (trac-2551)
 					if ( ( option.selected || i === index ) &&
 
 							// Don't return options that are disabled or in a disabled optgroup
@@ -8679,8 +8795,8 @@ jQuery.extend( jQuery.event, {
 			return;
 		}
 
-		// Determine event propagation path in advance, per W3C events spec (#9951)
-		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
+		// Determine event propagation path in advance, per W3C events spec (trac-9951)
+		// Bubble up to document, then to window; watch for a global ownerDocument var (trac-9724)
 		if ( !onlyHandlers && !special.noBubble && !isWindow( elem ) ) {
 
 			bubbleType = special.delegateType || type;
@@ -8707,9 +8823,7 @@ jQuery.extend( jQuery.event, {
 				special.bindType || type;
 
 			// jQuery handler
-			handle = (
-					dataPriv.get( cur, "events" ) || Object.create( null )
-				)[ event.type ] &&
+			handle = ( dataPriv.get( cur, "events" ) || Object.create( null ) )[ event.type ] &&
 				dataPriv.get( cur, "handle" );
 			if ( handle ) {
 				handle.apply( cur, data );
@@ -8734,7 +8848,7 @@ jQuery.extend( jQuery.event, {
 				acceptData( elem ) ) {
 
 				// Call a native DOM method on the target with the same name as the event.
-				// Don't do default actions on window, that's where global variables be (#6170)
+				// Don't do default actions on window, that's where global variables be (trac-6170)
 				if ( ontype && isFunction( elem[ type ] ) && !isWindow( elem ) ) {
 
 					// Don't re-trigger an onFOO event when we call its FOO() method
@@ -8856,7 +8970,7 @@ var rquery = ( /\?/ );
 
 // Cross-browser xml parsing
 jQuery.parseXML = function( data ) {
-	var xml;
+	var xml, parserErrorElem;
 	if ( !data || typeof data !== "string" ) {
 		return null;
 	}
@@ -8865,12 +8979,17 @@ jQuery.parseXML = function( data ) {
 	// IE throws on parseFromString with invalid input.
 	try {
 		xml = ( new window.DOMParser() ).parseFromString( data, "text/xml" );
-	} catch ( e ) {
-		xml = undefined;
-	}
+	} catch ( e ) {}
 
-	if ( !xml || xml.getElementsByTagName( "parsererror" ).length ) {
-		jQuery.error( "Invalid XML: " + data );
+	parserErrorElem = xml && xml.getElementsByTagName( "parsererror" )[ 0 ];
+	if ( !xml || parserErrorElem ) {
+		jQuery.error( "Invalid XML: " + (
+			parserErrorElem ?
+				jQuery.map( parserErrorElem.childNodes, function( el ) {
+					return el.textContent;
+				} ).join( "\n" ) :
+				data
+		) );
 	}
 	return xml;
 };
@@ -8971,16 +9090,14 @@ jQuery.fn.extend( {
 			// Can add propHook for "elements" to filter or add form elements
 			var elements = jQuery.prop( this, "elements" );
 			return elements ? jQuery.makeArray( elements ) : this;
-		} )
-		.filter( function() {
+		} ).filter( function() {
 			var type = this.type;
 
 			// Use .is( ":disabled" ) so that fieldset[disabled] works
 			return this.name && !jQuery( this ).is( ":disabled" ) &&
 				rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
 				( this.checked || !rcheckableType.test( type ) );
-		} )
-		.map( function( _i, elem ) {
+		} ).map( function( _i, elem ) {
 			var val = jQuery( this ).val();
 
 			if ( val == null ) {
@@ -9005,7 +9122,7 @@ var
 	rantiCache = /([?&])_=[^&]*/,
 	rheaders = /^(.*?):[ \t]*([^\r\n]*)$/mg,
 
-	// #7653, #8125, #8152: local protocol detection
+	// trac-7653, trac-8125, trac-8152: local protocol detection
 	rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
 	rnoContent = /^(?:GET|HEAD)$/,
 	rprotocol = /^\/\//,
@@ -9028,12 +9145,13 @@ var
 	 */
 	transports = {},
 
-	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
+	// Avoid comment-prolog char sequence (trac-10098); must appease lint and evade compression
 	allTypes = "*/".concat( "*" ),
 
 	// Anchor tag for parsing the document origin
 	originAnchor = document.createElement( "a" );
-	originAnchor.href = location.href;
+
+originAnchor.href = location.href;
 
 // Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
 function addToPrefiltersOrTransports( structure ) {
@@ -9098,7 +9216,7 @@ function inspectPrefiltersOrTransports( structure, options, originalOptions, jqX
 
 // A special extend for ajax options
 // that takes "flat" options (not to be deep extended)
-// Fixes #9887
+// Fixes trac-9887
 function ajaxExtend( target, src ) {
 	var key, deep,
 		flatOptions = jQuery.ajaxSettings.flatOptions || {};
@@ -9414,8 +9532,8 @@ jQuery.extend( {
 			// Context for global events is callbackContext if it is a DOM node or jQuery collection
 			globalEventContext = s.context &&
 				( callbackContext.nodeType || callbackContext.jquery ) ?
-					jQuery( callbackContext ) :
-					jQuery.event,
+				jQuery( callbackContext ) :
+				jQuery.event,
 
 			// Deferreds
 			deferred = jQuery.Deferred(),
@@ -9509,12 +9627,12 @@ jQuery.extend( {
 		deferred.promise( jqXHR );
 
 		// Add protocol if not provided (prefilters might expect it)
-		// Handle falsy url in the settings object (#10093: consistency with old signature)
+		// Handle falsy url in the settings object (trac-10093: consistency with old signature)
 		// We also use the url parameter if available
 		s.url = ( ( url || s.url || location.href ) + "" )
 			.replace( rprotocol, location.protocol + "//" );
 
-		// Alias method option to type as per ticket #12004
+		// Alias method option to type as per ticket trac-12004
 		s.type = options.method || options.type || s.method || s.type;
 
 		// Extract dataTypes list
@@ -9557,7 +9675,7 @@ jQuery.extend( {
 		}
 
 		// We can fire global events as of now if asked to
-		// Don't fire events if jQuery.event is undefined in an AMD-usage scenario (#15118)
+		// Don't fire events if jQuery.event is undefined in an AMD-usage scenario (trac-15118)
 		fireGlobals = jQuery.event && s.global;
 
 		// Watch for a new set of requests
@@ -9586,7 +9704,7 @@ jQuery.extend( {
 			if ( s.data && ( s.processData || typeof s.data === "string" ) ) {
 				cacheURL += ( rquery.test( cacheURL ) ? "&" : "?" ) + s.data;
 
-				// #9682: remove data so that it's not used in an eventual retry
+				// trac-9682: remove data so that it's not used in an eventual retry
 				delete s.data;
 			}
 
@@ -9727,8 +9845,10 @@ jQuery.extend( {
 				response = ajaxHandleResponses( s, jqXHR, responses );
 			}
 
-			// Use a noop converter for missing script
-			if ( !isSuccess && jQuery.inArray( "script", s.dataTypes ) > -1 ) {
+			// Use a noop converter for missing script but not if jsonp
+			if ( !isSuccess &&
+				jQuery.inArray( "script", s.dataTypes ) > -1 &&
+				jQuery.inArray( "json", s.dataTypes ) < 0 ) {
 				s.converters[ "text script" ] = function() {};
 			}
 
@@ -9857,7 +9977,7 @@ jQuery._evalUrl = function( url, options, doc ) {
 	return jQuery.ajax( {
 		url: url,
 
-		// Make this explicit, since user can override this through ajaxSetup (#11264)
+		// Make this explicit, since user can override this through ajaxSetup (trac-11264)
 		type: "GET",
 		dataType: "script",
 		cache: true,
@@ -9966,7 +10086,7 @@ var xhrSuccessStatus = {
 		0: 200,
 
 		// Support: IE <=9 only
-		// #1450: sometimes IE returns 1223 when it should be 204
+		// trac-1450: sometimes IE returns 1223 when it should be 204
 		1223: 204
 	},
 	xhrSupported = jQuery.ajaxSettings.xhr();
@@ -10038,7 +10158,7 @@ jQuery.ajaxTransport( function( options ) {
 								} else {
 									complete(
 
-										// File: protocol always yields status 0; see #8605, #14207
+										// File: protocol always yields status 0; see trac-8605, trac-14207
 										xhr.status,
 										xhr.statusText
 									);
@@ -10099,7 +10219,7 @@ jQuery.ajaxTransport( function( options ) {
 					xhr.send( options.hasContent && options.data || null );
 				} catch ( e ) {
 
-					// #14683: Only rethrow if this hasn't been notified as an error yet
+					// trac-14683: Only rethrow if this hasn't been notified as an error yet
 					if ( callback ) {
 						throw e;
 					}
@@ -10466,12 +10586,6 @@ jQuery.offset = {
 			options.using.call( elem, props );
 
 		} else {
-			if ( typeof props.top === "number" ) {
-				props.top += "px";
-			}
-			if ( typeof props.left === "number" ) {
-				props.left += "px";
-			}
 			curElem.css( props );
 		}
 	}
@@ -10640,8 +10754,11 @@ jQuery.each( [ "top", "left" ], function( _i, prop ) {
 
 // Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
 jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
-	jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name },
-		function( defaultExtra, funcName ) {
+	jQuery.each( {
+		padding: "inner" + name,
+		content: type,
+		"": "outer" + name
+	}, function( defaultExtra, funcName ) {
 
 		// Margin is only for outerHeight, outerWidth
 		jQuery.fn[ funcName ] = function( margin, value ) {
@@ -10726,7 +10843,8 @@ jQuery.fn.extend( {
 	}
 } );
 
-jQuery.each( ( "blur focus focusin focusout resize scroll click dblclick " +
+jQuery.each(
+	( "blur focus focusin focusout resize scroll click dblclick " +
 	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
 	"change select submit keydown keypress keyup contextmenu" ).split( " " ),
 	function( _i, name ) {
@@ -10737,14 +10855,17 @@ jQuery.each( ( "blur focus focusin focusout resize scroll click dblclick " +
 				this.on( name, null, data, fn ) :
 				this.trigger( name );
 		};
-	} );
+	}
+);
 
 
 
 
 // Support: Android <=4.0 only
 // Make sure we trim BOM and NBSP
-var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
+// Require that the "whitespace run" starts from a non-whitespace
+// to avoid O(N^2) behavior when the engine would try matching "\s+$" at each space position.
+var rtrim = /^[\s\uFEFF\xA0]+|([^\s\uFEFF\xA0])[\s\uFEFF\xA0]+$/g;
 
 // Bind a function to a context, optionally partially applying any
 // arguments.
@@ -10811,7 +10932,7 @@ jQuery.isNumeric = function( obj ) {
 jQuery.trim = function( text ) {
 	return text == null ?
 		"" :
-		( text + "" ).replace( rtrim, "" );
+		( text + "" ).replace( rtrim, "$1" );
 };
 
 
@@ -10859,8 +10980,8 @@ jQuery.noConflict = function( deep ) {
 };
 
 // Expose jQuery and $ identifiers, even in AMD
-// (#7102#comment:10, https://github.com/jquery/jquery/pull/557)
-// and CommonJS for browser emulators (#13566)
+// (trac-7102#comment:10, https://github.com/jquery/jquery/pull/557)
+// and CommonJS for browser emulators (trac-13566)
 if ( typeof noGlobal === "undefined" ) {
 	window.jQuery = window.$ = jQuery;
 }

From b30aeb6b32357e9666717b272e699c321f5b1e6a Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sun, 26 Feb 2023 11:23:19 -0800
Subject: [PATCH 45/57] Updated Highlight.js to 11.7.0 [skip ci]

---
 app/assets/javascripts/pghero/application.js  |   5 +-
 .../javascripts/pghero/highlight.min.js       | 373 ++++++++++++++++++
 .../javascripts/pghero/highlight.pack.js      |   2 -
 .../layouts/pg_hero/application.html.erb      |   2 +-
 4 files changed, 377 insertions(+), 5 deletions(-)
 create mode 100644 app/assets/javascripts/pghero/highlight.min.js
 delete mode 100644 app/assets/javascripts/pghero/highlight.pack.js

diff --git a/app/assets/javascripts/pghero/application.js b/app/assets/javascripts/pghero/application.js
index 9a9090ab2..c15f5de75 100644
--- a/app/assets/javascripts/pghero/application.js
+++ b/app/assets/javascripts/pghero/application.js
@@ -2,11 +2,12 @@
 //= require ./nouislider
 //= require ./Chart.bundle
 //= require ./chartkick
-//= require ./highlight.pack
+//= require ./highlight.min
 
 function highlightQueries() {
   $("pre code").each(function (i, block) {
-    hljs.highlightBlock(block);
+    $(block).addClass("language-pgsql");
+    hljs.highlightElement(block);
   });
 }
 
diff --git a/app/assets/javascripts/pghero/highlight.min.js b/app/assets/javascripts/pghero/highlight.min.js
new file mode 100644
index 000000000..60efbb06a
--- /dev/null
+++ b/app/assets/javascripts/pghero/highlight.min.js
@@ -0,0 +1,373 @@
+/*!
+  Highlight.js v11.7.0 (git: 82688fad18)
+  (c) 2006-2022 undefined and other contributors
+  License: BSD-3-Clause
+ */
+var hljs=function(){"use strict";var e={exports:{}};function t(e){
+return e instanceof Map?e.clear=e.delete=e.set=()=>{
+throw Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=()=>{
+throw Error("set is read-only")
+}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach((n=>{var i=e[n]
+;"object"!=typeof i||Object.isFrozen(i)||t(i)})),e}
+e.exports=t,e.exports.default=t;class n{constructor(e){
+void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}
+ignoreMatch(){this.isMatchIgnored=!0}}function i(e){
+return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")
+}function r(e,...t){const n=Object.create(null);for(const t in e)n[t]=e[t]
+;return t.forEach((e=>{for(const t in e)n[t]=e[t]})),n}
+const s=e=>!!e.scope||e.sublanguage&&e.language;class o{constructor(e,t){
+this.buffer="",this.classPrefix=t.classPrefix,e.walk(this)}addText(e){
+this.buffer+=i(e)}openNode(e){if(!s(e))return;let t=""
+;t=e.sublanguage?"language-"+e.language:((e,{prefix:t})=>{if(e.includes(".")){
+const n=e.split(".")
+;return[`${t}${n.shift()}`,...n.map(((e,t)=>`${e}${"_".repeat(t+1)}`))].join(" ")
+}return`${t}${e}`})(e.scope,{prefix:this.classPrefix}),this.span(t)}
+closeNode(e){s(e)&&(this.buffer+="</span>")}value(){return this.buffer}span(e){
+this.buffer+=`<span class="${e}">`}}const a=(e={})=>{const t={children:[]}
+;return Object.assign(t,e),t};class c{constructor(){
+this.rootNode=a(),this.stack=[this.rootNode]}get top(){
+return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){
+this.top.children.push(e)}openNode(e){const t=a({scope:e})
+;this.add(t),this.stack.push(t)}closeNode(){
+if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){
+for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}
+walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,t){
+return"string"==typeof t?e.addText(t):t.children&&(e.openNode(t),
+t.children.forEach((t=>this._walk(e,t))),e.closeNode(t)),e}static _collapse(e){
+"string"!=typeof e&&e.children&&(e.children.every((e=>"string"==typeof e))?e.children=[e.children.join("")]:e.children.forEach((e=>{
+c._collapse(e)})))}}class l extends c{constructor(e){super(),this.options=e}
+addKeyword(e,t){""!==e&&(this.openNode(t),this.addText(e),this.closeNode())}
+addText(e){""!==e&&this.add(e)}addSublanguage(e,t){const n=e.root
+;n.sublanguage=!0,n.language=t,this.add(n)}toHTML(){
+return new o(this,this.options).value()}finalize(){return!0}}function g(e){
+return e?"string"==typeof e?e:e.source:null}function d(e){return p("(?=",e,")")}
+function u(e){return p("(?:",e,")*")}function h(e){return p("(?:",e,")?")}
+function p(...e){return e.map((e=>g(e))).join("")}function f(...e){const t=(e=>{
+const t=e[e.length-1]
+;return"object"==typeof t&&t.constructor===Object?(e.splice(e.length-1,1),t):{}
+})(e);return"("+(t.capture?"":"?:")+e.map((e=>g(e))).join("|")+")"}
+function b(e){return RegExp(e.toString()+"|").exec("").length-1}
+const m=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./
+;function E(e,{joinWith:t}){let n=0;return e.map((e=>{n+=1;const t=n
+;let i=g(e),r="";for(;i.length>0;){const e=m.exec(i);if(!e){r+=i;break}
+r+=i.substring(0,e.index),
+i=i.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?r+="\\"+(Number(e[1])+t):(r+=e[0],
+"("===e[0]&&n++)}return r})).map((e=>`(${e})`)).join(t)}
+const x="[a-zA-Z]\\w*",w="[a-zA-Z_]\\w*",y="\\b\\d+(\\.\\d+)?",_="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",O="\\b(0b[01]+)",v={
+begin:"\\\\[\\s\\S]",relevance:0},N={scope:"string",begin:"'",end:"'",
+illegal:"\\n",contains:[v]},k={scope:"string",begin:'"',end:'"',illegal:"\\n",
+contains:[v]},M=(e,t,n={})=>{const i=r({scope:"comment",begin:e,end:t,
+contains:[]},n);i.contains.push({scope:"doctag",
+begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",
+end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0})
+;const s=f("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/)
+;return i.contains.push({begin:p(/[ ]+/,"(",s,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),i
+},S=M("//","$"),R=M("/\\*","\\*/"),j=M("#","$");var A=Object.freeze({
+__proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:x,UNDERSCORE_IDENT_RE:w,
+NUMBER_RE:y,C_NUMBER_RE:_,BINARY_NUMBER_RE:O,
+RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",
+SHEBANG:(e={})=>{const t=/^#![ ]*\//
+;return e.binary&&(e.begin=p(t,/.*\b/,e.binary,/\b.*/)),r({scope:"meta",begin:t,
+end:/$/,relevance:0,"on:begin":(e,t)=>{0!==e.index&&t.ignoreMatch()}},e)},
+BACKSLASH_ESCAPE:v,APOS_STRING_MODE:N,QUOTE_STRING_MODE:k,PHRASAL_WORDS_MODE:{
+begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/
+},COMMENT:M,C_LINE_COMMENT_MODE:S,C_BLOCK_COMMENT_MODE:R,HASH_COMMENT_MODE:j,
+NUMBER_MODE:{scope:"number",begin:y,relevance:0},C_NUMBER_MODE:{scope:"number",
+begin:_,relevance:0},BINARY_NUMBER_MODE:{scope:"number",begin:O,relevance:0},
+REGEXP_MODE:{begin:/(?=\/[^/\n]*\/)/,contains:[{scope:"regexp",begin:/\//,
+end:/\/[gimuy]*/,illegal:/\n/,contains:[v,{begin:/\[/,end:/\]/,relevance:0,
+contains:[v]}]}]},TITLE_MODE:{scope:"title",begin:x,relevance:0},
+UNDERSCORE_TITLE_MODE:{scope:"title",begin:w,relevance:0},METHOD_GUARD:{
+begin:"\\.\\s*[a-zA-Z_]\\w*",relevance:0},END_SAME_AS_BEGIN:e=>Object.assign(e,{
+"on:begin":(e,t)=>{t.data._beginMatch=e[1]},"on:end":(e,t)=>{
+t.data._beginMatch!==e[1]&&t.ignoreMatch()}})});function I(e,t){
+"."===e.input[e.index-1]&&t.ignoreMatch()}function T(e,t){
+void 0!==e.className&&(e.scope=e.className,delete e.className)}function L(e,t){
+t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",
+e.__beforeBegin=I,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,
+void 0===e.relevance&&(e.relevance=0))}function B(e,t){
+Array.isArray(e.illegal)&&(e.illegal=f(...e.illegal))}function D(e,t){
+if(e.match){
+if(e.begin||e.end)throw Error("begin & end are not supported with match")
+;e.begin=e.match,delete e.match}}function H(e,t){
+void 0===e.relevance&&(e.relevance=1)}const P=(e,t)=>{if(!e.beforeMatch)return
+;if(e.starts)throw Error("beforeMatch cannot be used with starts")
+;const n=Object.assign({},e);Object.keys(e).forEach((t=>{delete e[t]
+})),e.keywords=n.keywords,e.begin=p(n.beforeMatch,d(n.begin)),e.starts={
+relevance:0,contains:[Object.assign(n,{endsParent:!0})]
+},e.relevance=0,delete n.beforeMatch
+},C=["of","and","for","in","not","or","if","then","parent","list","value"]
+;function $(e,t,n="keyword"){const i=Object.create(null)
+;return"string"==typeof e?r(n,e.split(" ")):Array.isArray(e)?r(n,e):Object.keys(e).forEach((n=>{
+Object.assign(i,$(e[n],t,n))})),i;function r(e,n){
+t&&(n=n.map((e=>e.toLowerCase()))),n.forEach((t=>{const n=t.split("|")
+;i[n[0]]=[e,U(n[0],n[1])]}))}}function U(e,t){
+return t?Number(t):(e=>C.includes(e.toLowerCase()))(e)?0:1}const z={},K=e=>{
+console.error(e)},W=(e,...t)=>{console.log("WARN: "+e,...t)},X=(e,t)=>{
+z[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),z[`${e}/${t}`]=!0)
+},G=Error();function Z(e,t,{key:n}){let i=0;const r=e[n],s={},o={}
+;for(let e=1;e<=t.length;e++)o[e+i]=r[e],s[e+i]=!0,i+=b(t[e-1])
+;e[n]=o,e[n]._emit=s,e[n]._multi=!0}function F(e){(e=>{
+e.scope&&"object"==typeof e.scope&&null!==e.scope&&(e.beginScope=e.scope,
+delete e.scope)})(e),"string"==typeof e.beginScope&&(e.beginScope={
+_wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope
+}),(e=>{if(Array.isArray(e.begin)){
+if(e.skip||e.excludeBegin||e.returnBegin)throw K("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),
+G
+;if("object"!=typeof e.beginScope||null===e.beginScope)throw K("beginScope must be object"),
+G;Z(e,e.begin,{key:"beginScope"}),e.begin=E(e.begin,{joinWith:""})}})(e),(e=>{
+if(Array.isArray(e.end)){
+if(e.skip||e.excludeEnd||e.returnEnd)throw K("skip, excludeEnd, returnEnd not compatible with endScope: {}"),
+G
+;if("object"!=typeof e.endScope||null===e.endScope)throw K("endScope must be object"),
+G;Z(e,e.end,{key:"endScope"}),e.end=E(e.end,{joinWith:""})}})(e)}function V(e){
+function t(t,n){
+return RegExp(g(t),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(n?"g":""))
+}class n{constructor(){
+this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}
+addRule(e,t){
+t.position=this.position++,this.matchIndexes[this.matchAt]=t,this.regexes.push([t,e]),
+this.matchAt+=b(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null)
+;const e=this.regexes.map((e=>e[1]));this.matcherRe=t(E(e,{joinWith:"|"
+}),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex
+;const t=this.matcherRe.exec(e);if(!t)return null
+;const n=t.findIndex(((e,t)=>t>0&&void 0!==e)),i=this.matchIndexes[n]
+;return t.splice(0,n),Object.assign(t,i)}}class i{constructor(){
+this.rules=[],this.multiRegexes=[],
+this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){
+if(this.multiRegexes[e])return this.multiRegexes[e];const t=new n
+;return this.rules.slice(e).forEach((([e,n])=>t.addRule(e,n))),
+t.compile(),this.multiRegexes[e]=t,t}resumingScanAtSamePosition(){
+return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,t){
+this.rules.push([e,t]),"begin"===t.type&&this.count++}exec(e){
+const t=this.getMatcher(this.regexIndex);t.lastIndex=this.lastIndex
+;let n=t.exec(e)
+;if(this.resumingScanAtSamePosition())if(n&&n.index===this.lastIndex);else{
+const t=this.getMatcher(0);t.lastIndex=this.lastIndex+1,n=t.exec(e)}
+return n&&(this.regexIndex+=n.position+1,
+this.regexIndex===this.count&&this.considerAll()),n}}
+if(e.compilerExtensions||(e.compilerExtensions=[]),
+e.contains&&e.contains.includes("self"))throw Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.")
+;return e.classNameAliases=r(e.classNameAliases||{}),function n(s,o){const a=s
+;if(s.isCompiled)return a
+;[T,D,F,P].forEach((e=>e(s,o))),e.compilerExtensions.forEach((e=>e(s,o))),
+s.__beforeBegin=null,[L,B,H].forEach((e=>e(s,o))),s.isCompiled=!0;let c=null
+;return"object"==typeof s.keywords&&s.keywords.$pattern&&(s.keywords=Object.assign({},s.keywords),
+c=s.keywords.$pattern,
+delete s.keywords.$pattern),c=c||/\w+/,s.keywords&&(s.keywords=$(s.keywords,e.case_insensitive)),
+a.keywordPatternRe=t(c,!0),
+o&&(s.begin||(s.begin=/\B|\b/),a.beginRe=t(a.begin),s.end||s.endsWithParent||(s.end=/\B|\b/),
+s.end&&(a.endRe=t(a.end)),
+a.terminatorEnd=g(a.end)||"",s.endsWithParent&&o.terminatorEnd&&(a.terminatorEnd+=(s.end?"|":"")+o.terminatorEnd)),
+s.illegal&&(a.illegalRe=t(s.illegal)),
+s.contains||(s.contains=[]),s.contains=[].concat(...s.contains.map((e=>(e=>(e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map((t=>r(e,{
+variants:null},t)))),e.cachedVariants?e.cachedVariants:q(e)?r(e,{
+starts:e.starts?r(e.starts):null
+}):Object.isFrozen(e)?r(e):e))("self"===e?s:e)))),s.contains.forEach((e=>{n(e,a)
+})),s.starts&&n(s.starts,o),a.matcher=(e=>{const t=new i
+;return e.contains.forEach((e=>t.addRule(e.begin,{rule:e,type:"begin"
+}))),e.terminatorEnd&&t.addRule(e.terminatorEnd,{type:"end"
+}),e.illegal&&t.addRule(e.illegal,{type:"illegal"}),t})(a),a}(e)}function q(e){
+return!!e&&(e.endsWithParent||q(e.starts))}class J extends Error{
+constructor(e,t){super(e),this.name="HTMLInjectionError",this.html=t}}
+const Y=i,Q=r,ee=Symbol("nomatch");var te=(t=>{
+const i=Object.create(null),r=Object.create(null),s=[];let o=!0
+;const a="Could not find the language '{}', did you forget to load/include a language module?",c={
+disableAutodetect:!0,name:"Plain text",contains:[]};let g={
+ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,
+languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",
+cssSelector:"pre code",languages:null,__emitter:l};function b(e){
+return g.noHighlightRe.test(e)}function m(e,t,n){let i="",r=""
+;"object"==typeof t?(i=e,
+n=t.ignoreIllegals,r=t.language):(X("10.7.0","highlight(lang, code, ...args) has been deprecated."),
+X("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),
+r=e,i=t),void 0===n&&(n=!0);const s={code:i,language:r};k("before:highlight",s)
+;const o=s.result?s.result:E(s.language,s.code,n)
+;return o.code=s.code,k("after:highlight",o),o}function E(e,t,r,s){
+const c=Object.create(null);function l(){if(!N.keywords)return void M.addText(S)
+;let e=0;N.keywordPatternRe.lastIndex=0;let t=N.keywordPatternRe.exec(S),n=""
+;for(;t;){n+=S.substring(e,t.index)
+;const r=y.case_insensitive?t[0].toLowerCase():t[0],s=(i=r,N.keywords[i]);if(s){
+const[e,i]=s
+;if(M.addText(n),n="",c[r]=(c[r]||0)+1,c[r]<=7&&(R+=i),e.startsWith("_"))n+=t[0];else{
+const n=y.classNameAliases[e]||e;M.addKeyword(t[0],n)}}else n+=t[0]
+;e=N.keywordPatternRe.lastIndex,t=N.keywordPatternRe.exec(S)}var i
+;n+=S.substring(e),M.addText(n)}function d(){null!=N.subLanguage?(()=>{
+if(""===S)return;let e=null;if("string"==typeof N.subLanguage){
+if(!i[N.subLanguage])return void M.addText(S)
+;e=E(N.subLanguage,S,!0,k[N.subLanguage]),k[N.subLanguage]=e._top
+}else e=x(S,N.subLanguage.length?N.subLanguage:null)
+;N.relevance>0&&(R+=e.relevance),M.addSublanguage(e._emitter,e.language)
+})():l(),S=""}function u(e,t){let n=1;const i=t.length-1;for(;n<=i;){
+if(!e._emit[n]){n++;continue}const i=y.classNameAliases[e[n]]||e[n],r=t[n]
+;i?M.addKeyword(r,i):(S=r,l(),S=""),n++}}function h(e,t){
+return e.scope&&"string"==typeof e.scope&&M.openNode(y.classNameAliases[e.scope]||e.scope),
+e.beginScope&&(e.beginScope._wrap?(M.addKeyword(S,y.classNameAliases[e.beginScope._wrap]||e.beginScope._wrap),
+S=""):e.beginScope._multi&&(u(e.beginScope,t),S="")),N=Object.create(e,{parent:{
+value:N}}),N}function p(e,t,i){let r=((e,t)=>{const n=e&&e.exec(t)
+;return n&&0===n.index})(e.endRe,i);if(r){if(e["on:end"]){const i=new n(e)
+;e["on:end"](t,i),i.isMatchIgnored&&(r=!1)}if(r){
+for(;e.endsParent&&e.parent;)e=e.parent;return e}}
+if(e.endsWithParent)return p(e.parent,t,i)}function f(e){
+return 0===N.matcher.regexIndex?(S+=e[0],1):(I=!0,0)}function b(e){
+const n=e[0],i=t.substring(e.index),r=p(N,e,i);if(!r)return ee;const s=N
+;N.endScope&&N.endScope._wrap?(d(),
+M.addKeyword(n,N.endScope._wrap)):N.endScope&&N.endScope._multi?(d(),
+u(N.endScope,e)):s.skip?S+=n:(s.returnEnd||s.excludeEnd||(S+=n),
+d(),s.excludeEnd&&(S=n));do{
+N.scope&&M.closeNode(),N.skip||N.subLanguage||(R+=N.relevance),N=N.parent
+}while(N!==r.parent);return r.starts&&h(r.starts,e),s.returnEnd?0:n.length}
+let m={};function w(i,s){const a=s&&s[0];if(S+=i,null==a)return d(),0
+;if("begin"===m.type&&"end"===s.type&&m.index===s.index&&""===a){
+if(S+=t.slice(s.index,s.index+1),!o){const t=Error(`0 width match regex (${e})`)
+;throw t.languageName=e,t.badRule=m.rule,t}return 1}
+if(m=s,"begin"===s.type)return(e=>{
+const t=e[0],i=e.rule,r=new n(i),s=[i.__beforeBegin,i["on:begin"]]
+;for(const n of s)if(n&&(n(e,r),r.isMatchIgnored))return f(t)
+;return i.skip?S+=t:(i.excludeBegin&&(S+=t),
+d(),i.returnBegin||i.excludeBegin||(S=t)),h(i,e),i.returnBegin?0:t.length})(s)
+;if("illegal"===s.type&&!r){
+const e=Error('Illegal lexeme "'+a+'" for mode "'+(N.scope||"<unnamed>")+'"')
+;throw e.mode=N,e}if("end"===s.type){const e=b(s);if(e!==ee)return e}
+if("illegal"===s.type&&""===a)return 1
+;if(A>1e5&&A>3*s.index)throw Error("potential infinite loop, way more iterations than matches")
+;return S+=a,a.length}const y=O(e)
+;if(!y)throw K(a.replace("{}",e)),Error('Unknown language: "'+e+'"')
+;const _=V(y);let v="",N=s||_;const k={},M=new g.__emitter(g);(()=>{const e=[]
+;for(let t=N;t!==y;t=t.parent)t.scope&&e.unshift(t.scope)
+;e.forEach((e=>M.openNode(e)))})();let S="",R=0,j=0,A=0,I=!1;try{
+for(N.matcher.considerAll();;){
+A++,I?I=!1:N.matcher.considerAll(),N.matcher.lastIndex=j
+;const e=N.matcher.exec(t);if(!e)break;const n=w(t.substring(j,e.index),e)
+;j=e.index+n}
+return w(t.substring(j)),M.closeAllNodes(),M.finalize(),v=M.toHTML(),{
+language:e,value:v,relevance:R,illegal:!1,_emitter:M,_top:N}}catch(n){
+if(n.message&&n.message.includes("Illegal"))return{language:e,value:Y(t),
+illegal:!0,relevance:0,_illegalBy:{message:n.message,index:j,
+context:t.slice(j-100,j+100),mode:n.mode,resultSoFar:v},_emitter:M};if(o)return{
+language:e,value:Y(t),illegal:!1,relevance:0,errorRaised:n,_emitter:M,_top:N}
+;throw n}}function x(e,t){t=t||g.languages||Object.keys(i);const n=(e=>{
+const t={value:Y(e),illegal:!1,relevance:0,_top:c,_emitter:new g.__emitter(g)}
+;return t._emitter.addText(e),t})(e),r=t.filter(O).filter(N).map((t=>E(t,e,!1)))
+;r.unshift(n);const s=r.sort(((e,t)=>{
+if(e.relevance!==t.relevance)return t.relevance-e.relevance
+;if(e.language&&t.language){if(O(e.language).supersetOf===t.language)return 1
+;if(O(t.language).supersetOf===e.language)return-1}return 0})),[o,a]=s,l=o
+;return l.secondBest=a,l}function w(e){let t=null;const n=(e=>{
+let t=e.className+" ";t+=e.parentNode?e.parentNode.className:""
+;const n=g.languageDetectRe.exec(t);if(n){const t=O(n[1])
+;return t||(W(a.replace("{}",n[1])),
+W("Falling back to no-highlight mode for this block.",e)),t?n[1]:"no-highlight"}
+return t.split(/\s+/).find((e=>b(e)||O(e)))})(e);if(b(n))return
+;if(k("before:highlightElement",{el:e,language:n
+}),e.children.length>0&&(g.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),
+console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),
+console.warn("The element with unescaped HTML:"),
+console.warn(e)),g.throwUnescapedHTML))throw new J("One of your code blocks includes unescaped HTML.",e.innerHTML)
+;t=e;const i=t.textContent,s=n?m(i,{language:n,ignoreIllegals:!0}):x(i)
+;e.innerHTML=s.value,((e,t,n)=>{const i=t&&r[t]||n
+;e.classList.add("hljs"),e.classList.add("language-"+i)
+})(e,n,s.language),e.result={language:s.language,re:s.relevance,
+relevance:s.relevance},s.secondBest&&(e.secondBest={
+language:s.secondBest.language,relevance:s.secondBest.relevance
+}),k("after:highlightElement",{el:e,result:s,text:i})}let y=!1;function _(){
+"loading"!==document.readyState?document.querySelectorAll(g.cssSelector).forEach(w):y=!0
+}function O(e){return e=(e||"").toLowerCase(),i[e]||i[r[e]]}
+function v(e,{languageName:t}){"string"==typeof e&&(e=[e]),e.forEach((e=>{
+r[e.toLowerCase()]=t}))}function N(e){const t=O(e)
+;return t&&!t.disableAutodetect}function k(e,t){const n=e;s.forEach((e=>{
+e[n]&&e[n](t)}))}
+"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",(()=>{
+y&&_()}),!1),Object.assign(t,{highlight:m,highlightAuto:x,highlightAll:_,
+highlightElement:w,
+highlightBlock:e=>(X("10.7.0","highlightBlock will be removed entirely in v12.0"),
+X("10.7.0","Please use highlightElement now."),w(e)),configure:e=>{g=Q(g,e)},
+initHighlighting:()=>{
+_(),X("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")},
+initHighlightingOnLoad:()=>{
+_(),X("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")
+},registerLanguage:(e,n)=>{let r=null;try{r=n(t)}catch(t){
+if(K("Language definition for '{}' could not be registered.".replace("{}",e)),
+!o)throw t;K(t),r=c}
+r.name||(r.name=e),i[e]=r,r.rawDefinition=n.bind(null,t),r.aliases&&v(r.aliases,{
+languageName:e})},unregisterLanguage:e=>{delete i[e]
+;for(const t of Object.keys(r))r[t]===e&&delete r[t]},
+listLanguages:()=>Object.keys(i),getLanguage:O,registerAliases:v,
+autoDetection:N,inherit:Q,addPlugin:e=>{(e=>{
+e["before:highlightBlock"]&&!e["before:highlightElement"]&&(e["before:highlightElement"]=t=>{
+e["before:highlightBlock"](Object.assign({block:t.el},t))
+}),e["after:highlightBlock"]&&!e["after:highlightElement"]&&(e["after:highlightElement"]=t=>{
+e["after:highlightBlock"](Object.assign({block:t.el},t))})})(e),s.push(e)}
+}),t.debugMode=()=>{o=!1},t.safeMode=()=>{o=!0
+},t.versionString="11.7.0",t.regex={concat:p,lookahead:d,either:f,optional:h,
+anyNumberOfTimes:u};for(const t in A)"object"==typeof A[t]&&e.exports(A[t])
+;return Object.assign(t,A),t})({});return te}()
+;"object"==typeof exports&&"undefined"!=typeof module&&(module.exports=hljs);/*! `pgsql` grammar compiled for Highlight.js 11.7.0 */
+(()=>{var E=(()=>{"use strict";return E=>{
+const T=E.COMMENT("--","$"),N="\\$([a-zA-Z_]?|[a-zA-Z_][a-zA-Z_0-9]*)\\$",A="BIGINT INT8 BIGSERIAL SERIAL8 BIT VARYING VARBIT BOOLEAN BOOL BOX BYTEA CHARACTER CHAR VARCHAR CIDR CIRCLE DATE DOUBLE PRECISION FLOAT8 FLOAT INET INTEGER INT INT4 INTERVAL JSON JSONB LINE LSEG|10 MACADDR MACADDR8 MONEY NUMERIC DEC DECIMAL PATH POINT POLYGON REAL FLOAT4 SMALLINT INT2 SMALLSERIAL|10 SERIAL2|10 SERIAL|10 SERIAL4|10 TEXT TIME ZONE TIMETZ|10 TIMESTAMP TIMESTAMPTZ|10 TSQUERY|10 TSVECTOR|10 TXID_SNAPSHOT|10 UUID XML NATIONAL NCHAR INT4RANGE|10 INT8RANGE|10 NUMRANGE|10 TSRANGE|10 TSTZRANGE|10 DATERANGE|10 ANYELEMENT ANYARRAY ANYNONARRAY ANYENUM ANYRANGE CSTRING INTERNAL RECORD PG_DDL_COMMAND VOID UNKNOWN OPAQUE REFCURSOR NAME OID REGPROC|10 REGPROCEDURE|10 REGOPER|10 REGOPERATOR|10 REGCLASS|10 REGTYPE|10 REGROLE|10 REGNAMESPACE|10 REGCONFIG|10 REGDICTIONARY|10 ",R=A.trim().split(" ").map((E=>E.split("|")[0])).join("|"),I="ARRAY_AGG AVG BIT_AND BIT_OR BOOL_AND BOOL_OR COUNT EVERY JSON_AGG JSONB_AGG JSON_OBJECT_AGG JSONB_OBJECT_AGG MAX MIN MODE STRING_AGG SUM XMLAGG CORR COVAR_POP COVAR_SAMP REGR_AVGX REGR_AVGY REGR_COUNT REGR_INTERCEPT REGR_R2 REGR_SLOPE REGR_SXX REGR_SXY REGR_SYY STDDEV STDDEV_POP STDDEV_SAMP VARIANCE VAR_POP VAR_SAMP PERCENTILE_CONT PERCENTILE_DISC ROW_NUMBER RANK DENSE_RANK PERCENT_RANK CUME_DIST NTILE LAG LEAD FIRST_VALUE LAST_VALUE NTH_VALUE NUM_NONNULLS NUM_NULLS ABS CBRT CEIL CEILING DEGREES DIV EXP FLOOR LN LOG MOD PI POWER RADIANS ROUND SCALE SIGN SQRT TRUNC WIDTH_BUCKET RANDOM SETSEED ACOS ACOSD ASIN ASIND ATAN ATAND ATAN2 ATAN2D COS COSD COT COTD SIN SIND TAN TAND BIT_LENGTH CHAR_LENGTH CHARACTER_LENGTH LOWER OCTET_LENGTH OVERLAY POSITION SUBSTRING TREAT TRIM UPPER ASCII BTRIM CHR CONCAT CONCAT_WS CONVERT CONVERT_FROM CONVERT_TO DECODE ENCODE INITCAP LEFT LENGTH LPAD LTRIM MD5 PARSE_IDENT PG_CLIENT_ENCODING QUOTE_IDENT|10 QUOTE_LITERAL|10 QUOTE_NULLABLE|10 REGEXP_MATCH REGEXP_MATCHES REGEXP_REPLACE REGEXP_SPLIT_TO_ARRAY REGEXP_SPLIT_TO_TABLE REPEAT REPLACE REVERSE RIGHT RPAD RTRIM SPLIT_PART STRPOS SUBSTR TO_ASCII TO_HEX TRANSLATE OCTET_LENGTH GET_BIT GET_BYTE SET_BIT SET_BYTE TO_CHAR TO_DATE TO_NUMBER TO_TIMESTAMP AGE CLOCK_TIMESTAMP|10 DATE_PART DATE_TRUNC ISFINITE JUSTIFY_DAYS JUSTIFY_HOURS JUSTIFY_INTERVAL MAKE_DATE MAKE_INTERVAL|10 MAKE_TIME MAKE_TIMESTAMP|10 MAKE_TIMESTAMPTZ|10 NOW STATEMENT_TIMESTAMP|10 TIMEOFDAY TRANSACTION_TIMESTAMP|10 ENUM_FIRST ENUM_LAST ENUM_RANGE AREA CENTER DIAMETER HEIGHT ISCLOSED ISOPEN NPOINTS PCLOSE POPEN RADIUS WIDTH BOX BOUND_BOX CIRCLE LINE LSEG PATH POLYGON ABBREV BROADCAST HOST HOSTMASK MASKLEN NETMASK NETWORK SET_MASKLEN TEXT INET_SAME_FAMILY INET_MERGE MACADDR8_SET7BIT ARRAY_TO_TSVECTOR GET_CURRENT_TS_CONFIG NUMNODE PLAINTO_TSQUERY PHRASETO_TSQUERY WEBSEARCH_TO_TSQUERY QUERYTREE SETWEIGHT STRIP TO_TSQUERY TO_TSVECTOR JSON_TO_TSVECTOR JSONB_TO_TSVECTOR TS_DELETE TS_FILTER TS_HEADLINE TS_RANK TS_RANK_CD TS_REWRITE TSQUERY_PHRASE TSVECTOR_TO_ARRAY TSVECTOR_UPDATE_TRIGGER TSVECTOR_UPDATE_TRIGGER_COLUMN XMLCOMMENT XMLCONCAT XMLELEMENT XMLFOREST XMLPI XMLROOT XMLEXISTS XML_IS_WELL_FORMED XML_IS_WELL_FORMED_DOCUMENT XML_IS_WELL_FORMED_CONTENT XPATH XPATH_EXISTS XMLTABLE XMLNAMESPACES TABLE_TO_XML TABLE_TO_XMLSCHEMA TABLE_TO_XML_AND_XMLSCHEMA QUERY_TO_XML QUERY_TO_XMLSCHEMA QUERY_TO_XML_AND_XMLSCHEMA CURSOR_TO_XML CURSOR_TO_XMLSCHEMA SCHEMA_TO_XML SCHEMA_TO_XMLSCHEMA SCHEMA_TO_XML_AND_XMLSCHEMA DATABASE_TO_XML DATABASE_TO_XMLSCHEMA DATABASE_TO_XML_AND_XMLSCHEMA XMLATTRIBUTES TO_JSON TO_JSONB ARRAY_TO_JSON ROW_TO_JSON JSON_BUILD_ARRAY JSONB_BUILD_ARRAY JSON_BUILD_OBJECT JSONB_BUILD_OBJECT JSON_OBJECT JSONB_OBJECT JSON_ARRAY_LENGTH JSONB_ARRAY_LENGTH JSON_EACH JSONB_EACH JSON_EACH_TEXT JSONB_EACH_TEXT JSON_EXTRACT_PATH JSONB_EXTRACT_PATH JSON_OBJECT_KEYS JSONB_OBJECT_KEYS JSON_POPULATE_RECORD JSONB_POPULATE_RECORD JSON_POPULATE_RECORDSET JSONB_POPULATE_RECORDSET JSON_ARRAY_ELEMENTS JSONB_ARRAY_ELEMENTS JSON_ARRAY_ELEMENTS_TEXT JSONB_ARRAY_ELEMENTS_TEXT JSON_TYPEOF JSONB_TYPEOF JSON_TO_RECORD JSONB_TO_RECORD JSON_TO_RECORDSET JSONB_TO_RECORDSET JSON_STRIP_NULLS JSONB_STRIP_NULLS JSONB_SET JSONB_INSERT JSONB_PRETTY CURRVAL LASTVAL NEXTVAL SETVAL COALESCE NULLIF GREATEST LEAST ARRAY_APPEND ARRAY_CAT ARRAY_NDIMS ARRAY_DIMS ARRAY_FILL ARRAY_LENGTH ARRAY_LOWER ARRAY_POSITION ARRAY_POSITIONS ARRAY_PREPEND ARRAY_REMOVE ARRAY_REPLACE ARRAY_TO_STRING ARRAY_UPPER CARDINALITY STRING_TO_ARRAY UNNEST ISEMPTY LOWER_INC UPPER_INC LOWER_INF UPPER_INF RANGE_MERGE GENERATE_SERIES GENERATE_SUBSCRIPTS CURRENT_DATABASE CURRENT_QUERY CURRENT_SCHEMA|10 CURRENT_SCHEMAS|10 INET_CLIENT_ADDR INET_CLIENT_PORT INET_SERVER_ADDR INET_SERVER_PORT ROW_SECURITY_ACTIVE FORMAT_TYPE TO_REGCLASS TO_REGPROC TO_REGPROCEDURE TO_REGOPER TO_REGOPERATOR TO_REGTYPE TO_REGNAMESPACE TO_REGROLE COL_DESCRIPTION OBJ_DESCRIPTION SHOBJ_DESCRIPTION TXID_CURRENT TXID_CURRENT_IF_ASSIGNED TXID_CURRENT_SNAPSHOT TXID_SNAPSHOT_XIP TXID_SNAPSHOT_XMAX TXID_SNAPSHOT_XMIN TXID_VISIBLE_IN_SNAPSHOT TXID_STATUS CURRENT_SETTING SET_CONFIG BRIN_SUMMARIZE_NEW_VALUES BRIN_SUMMARIZE_RANGE BRIN_DESUMMARIZE_RANGE GIN_CLEAN_PENDING_LIST SUPPRESS_REDUNDANT_UPDATES_TRIGGER LO_FROM_BYTEA LO_PUT LO_GET LO_CREAT LO_CREATE LO_UNLINK LO_IMPORT LO_EXPORT LOREAD LOWRITE GROUPING CAST".split(" ").map((E=>E.split("|")[0])).join("|")
+;return{name:"PostgreSQL",aliases:["postgres","postgresql"],supersetOf:"sql",
+case_insensitive:!0,keywords:{
+keyword:"ABORT ALTER ANALYZE BEGIN CALL CHECKPOINT|10 CLOSE CLUSTER COMMENT COMMIT COPY CREATE DEALLOCATE DECLARE DELETE DISCARD DO DROP END EXECUTE EXPLAIN FETCH GRANT IMPORT INSERT LISTEN LOAD LOCK MOVE NOTIFY PREPARE REASSIGN|10 REFRESH REINDEX RELEASE RESET REVOKE ROLLBACK SAVEPOINT SECURITY SELECT SET SHOW START TRUNCATE UNLISTEN|10 UPDATE VACUUM|10 VALUES AGGREGATE COLLATION CONVERSION|10 DATABASE DEFAULT PRIVILEGES DOMAIN TRIGGER EXTENSION FOREIGN WRAPPER|10 TABLE FUNCTION GROUP LANGUAGE LARGE OBJECT MATERIALIZED VIEW OPERATOR CLASS FAMILY POLICY PUBLICATION|10 ROLE RULE SCHEMA SEQUENCE SERVER STATISTICS SUBSCRIPTION SYSTEM TABLESPACE CONFIGURATION DICTIONARY PARSER TEMPLATE TYPE USER MAPPING PREPARED ACCESS METHOD CAST AS TRANSFORM TRANSACTION OWNED TO INTO SESSION AUTHORIZATION INDEX PROCEDURE ASSERTION ALL ANALYSE AND ANY ARRAY ASC ASYMMETRIC|10 BOTH CASE CHECK COLLATE COLUMN CONCURRENTLY|10 CONSTRAINT CROSS DEFERRABLE RANGE DESC DISTINCT ELSE EXCEPT FOR FREEZE|10 FROM FULL HAVING ILIKE IN INITIALLY INNER INTERSECT IS ISNULL JOIN LATERAL LEADING LIKE LIMIT NATURAL NOT NOTNULL NULL OFFSET ON ONLY OR ORDER OUTER OVERLAPS PLACING PRIMARY REFERENCES RETURNING SIMILAR SOME SYMMETRIC TABLESAMPLE THEN TRAILING UNION UNIQUE USING VARIADIC|10 VERBOSE WHEN WHERE WINDOW WITH BY RETURNS INOUT OUT SETOF|10 IF STRICT CURRENT CONTINUE OWNER LOCATION OVER PARTITION WITHIN BETWEEN ESCAPE EXTERNAL INVOKER DEFINER WORK RENAME VERSION CONNECTION CONNECT TABLES TEMP TEMPORARY FUNCTIONS SEQUENCES TYPES SCHEMAS OPTION CASCADE RESTRICT ADD ADMIN EXISTS VALID VALIDATE ENABLE DISABLE REPLICA|10 ALWAYS PASSING COLUMNS PATH REF VALUE OVERRIDING IMMUTABLE STABLE VOLATILE BEFORE AFTER EACH ROW PROCEDURAL ROUTINE NO HANDLER VALIDATOR OPTIONS STORAGE OIDS|10 WITHOUT INHERIT DEPENDS CALLED INPUT LEAKPROOF|10 COST ROWS NOWAIT SEARCH UNTIL ENCRYPTED|10 PASSWORD CONFLICT|10 INSTEAD INHERITS CHARACTERISTICS WRITE CURSOR ALSO STATEMENT SHARE EXCLUSIVE INLINE ISOLATION REPEATABLE READ COMMITTED SERIALIZABLE UNCOMMITTED LOCAL GLOBAL SQL PROCEDURES RECURSIVE SNAPSHOT ROLLUP CUBE TRUSTED|10 INCLUDE FOLLOWING PRECEDING UNBOUNDED RANGE GROUPS UNENCRYPTED|10 SYSID FORMAT DELIMITER HEADER QUOTE ENCODING FILTER OFF FORCE_QUOTE FORCE_NOT_NULL FORCE_NULL COSTS BUFFERS TIMING SUMMARY DISABLE_PAGE_SKIPPING RESTART CYCLE GENERATED IDENTITY DEFERRED IMMEDIATE LEVEL LOGGED UNLOGGED OF NOTHING NONE EXCLUDE ATTRIBUTE USAGE ROUTINES TRUE FALSE NAN INFINITY ALIAS BEGIN CONSTANT DECLARE END EXCEPTION RETURN PERFORM|10 RAISE GET DIAGNOSTICS STACKED|10 FOREACH LOOP ELSIF EXIT WHILE REVERSE SLICE DEBUG LOG INFO NOTICE WARNING ASSERT OPEN SUPERUSER NOSUPERUSER CREATEDB NOCREATEDB CREATEROLE NOCREATEROLE INHERIT NOINHERIT LOGIN NOLOGIN REPLICATION NOREPLICATION BYPASSRLS NOBYPASSRLS ",
+built_in:"CURRENT_TIME CURRENT_TIMESTAMP CURRENT_USER CURRENT_CATALOG|10 CURRENT_DATE LOCALTIME LOCALTIMESTAMP CURRENT_ROLE|10 CURRENT_SCHEMA|10 SESSION_USER PUBLIC FOUND NEW OLD TG_NAME|10 TG_WHEN|10 TG_LEVEL|10 TG_OP|10 TG_RELID|10 TG_RELNAME|10 TG_TABLE_NAME|10 TG_TABLE_SCHEMA|10 TG_NARGS|10 TG_ARGV|10 TG_EVENT|10 TG_TAG|10 ROW_COUNT RESULT_OID|10 PG_CONTEXT|10 RETURNED_SQLSTATE COLUMN_NAME CONSTRAINT_NAME PG_DATATYPE_NAME|10 MESSAGE_TEXT TABLE_NAME SCHEMA_NAME PG_EXCEPTION_DETAIL|10 PG_EXCEPTION_HINT|10 PG_EXCEPTION_CONTEXT|10 SQLSTATE SQLERRM|10 SUCCESSFUL_COMPLETION WARNING DYNAMIC_RESULT_SETS_RETURNED IMPLICIT_ZERO_BIT_PADDING NULL_VALUE_ELIMINATED_IN_SET_FUNCTION PRIVILEGE_NOT_GRANTED PRIVILEGE_NOT_REVOKED STRING_DATA_RIGHT_TRUNCATION DEPRECATED_FEATURE NO_DATA NO_ADDITIONAL_DYNAMIC_RESULT_SETS_RETURNED SQL_STATEMENT_NOT_YET_COMPLETE CONNECTION_EXCEPTION CONNECTION_DOES_NOT_EXIST CONNECTION_FAILURE SQLCLIENT_UNABLE_TO_ESTABLISH_SQLCONNECTION SQLSERVER_REJECTED_ESTABLISHMENT_OF_SQLCONNECTION TRANSACTION_RESOLUTION_UNKNOWN PROTOCOL_VIOLATION TRIGGERED_ACTION_EXCEPTION FEATURE_NOT_SUPPORTED INVALID_TRANSACTION_INITIATION LOCATOR_EXCEPTION INVALID_LOCATOR_SPECIFICATION INVALID_GRANTOR INVALID_GRANT_OPERATION INVALID_ROLE_SPECIFICATION DIAGNOSTICS_EXCEPTION STACKED_DIAGNOSTICS_ACCESSED_WITHOUT_ACTIVE_HANDLER CASE_NOT_FOUND CARDINALITY_VIOLATION DATA_EXCEPTION ARRAY_SUBSCRIPT_ERROR CHARACTER_NOT_IN_REPERTOIRE DATETIME_FIELD_OVERFLOW DIVISION_BY_ZERO ERROR_IN_ASSIGNMENT ESCAPE_CHARACTER_CONFLICT INDICATOR_OVERFLOW INTERVAL_FIELD_OVERFLOW INVALID_ARGUMENT_FOR_LOGARITHM INVALID_ARGUMENT_FOR_NTILE_FUNCTION INVALID_ARGUMENT_FOR_NTH_VALUE_FUNCTION INVALID_ARGUMENT_FOR_POWER_FUNCTION INVALID_ARGUMENT_FOR_WIDTH_BUCKET_FUNCTION INVALID_CHARACTER_VALUE_FOR_CAST INVALID_DATETIME_FORMAT INVALID_ESCAPE_CHARACTER INVALID_ESCAPE_OCTET INVALID_ESCAPE_SEQUENCE NONSTANDARD_USE_OF_ESCAPE_CHARACTER INVALID_INDICATOR_PARAMETER_VALUE INVALID_PARAMETER_VALUE INVALID_REGULAR_EXPRESSION INVALID_ROW_COUNT_IN_LIMIT_CLAUSE INVALID_ROW_COUNT_IN_RESULT_OFFSET_CLAUSE INVALID_TABLESAMPLE_ARGUMENT INVALID_TABLESAMPLE_REPEAT INVALID_TIME_ZONE_DISPLACEMENT_VALUE INVALID_USE_OF_ESCAPE_CHARACTER MOST_SPECIFIC_TYPE_MISMATCH NULL_VALUE_NOT_ALLOWED NULL_VALUE_NO_INDICATOR_PARAMETER NUMERIC_VALUE_OUT_OF_RANGE SEQUENCE_GENERATOR_LIMIT_EXCEEDED STRING_DATA_LENGTH_MISMATCH STRING_DATA_RIGHT_TRUNCATION SUBSTRING_ERROR TRIM_ERROR UNTERMINATED_C_STRING ZERO_LENGTH_CHARACTER_STRING FLOATING_POINT_EXCEPTION INVALID_TEXT_REPRESENTATION INVALID_BINARY_REPRESENTATION BAD_COPY_FILE_FORMAT UNTRANSLATABLE_CHARACTER NOT_AN_XML_DOCUMENT INVALID_XML_DOCUMENT INVALID_XML_CONTENT INVALID_XML_COMMENT INVALID_XML_PROCESSING_INSTRUCTION INTEGRITY_CONSTRAINT_VIOLATION RESTRICT_VIOLATION NOT_NULL_VIOLATION FOREIGN_KEY_VIOLATION UNIQUE_VIOLATION CHECK_VIOLATION EXCLUSION_VIOLATION INVALID_CURSOR_STATE INVALID_TRANSACTION_STATE ACTIVE_SQL_TRANSACTION BRANCH_TRANSACTION_ALREADY_ACTIVE HELD_CURSOR_REQUIRES_SAME_ISOLATION_LEVEL INAPPROPRIATE_ACCESS_MODE_FOR_BRANCH_TRANSACTION INAPPROPRIATE_ISOLATION_LEVEL_FOR_BRANCH_TRANSACTION NO_ACTIVE_SQL_TRANSACTION_FOR_BRANCH_TRANSACTION READ_ONLY_SQL_TRANSACTION SCHEMA_AND_DATA_STATEMENT_MIXING_NOT_SUPPORTED NO_ACTIVE_SQL_TRANSACTION IN_FAILED_SQL_TRANSACTION IDLE_IN_TRANSACTION_SESSION_TIMEOUT INVALID_SQL_STATEMENT_NAME TRIGGERED_DATA_CHANGE_VIOLATION INVALID_AUTHORIZATION_SPECIFICATION INVALID_PASSWORD DEPENDENT_PRIVILEGE_DESCRIPTORS_STILL_EXIST DEPENDENT_OBJECTS_STILL_EXIST INVALID_TRANSACTION_TERMINATION SQL_ROUTINE_EXCEPTION FUNCTION_EXECUTED_NO_RETURN_STATEMENT MODIFYING_SQL_DATA_NOT_PERMITTED PROHIBITED_SQL_STATEMENT_ATTEMPTED READING_SQL_DATA_NOT_PERMITTED INVALID_CURSOR_NAME EXTERNAL_ROUTINE_EXCEPTION CONTAINING_SQL_NOT_PERMITTED MODIFYING_SQL_DATA_NOT_PERMITTED PROHIBITED_SQL_STATEMENT_ATTEMPTED READING_SQL_DATA_NOT_PERMITTED EXTERNAL_ROUTINE_INVOCATION_EXCEPTION INVALID_SQLSTATE_RETURNED NULL_VALUE_NOT_ALLOWED TRIGGER_PROTOCOL_VIOLATED SRF_PROTOCOL_VIOLATED EVENT_TRIGGER_PROTOCOL_VIOLATED SAVEPOINT_EXCEPTION INVALID_SAVEPOINT_SPECIFICATION INVALID_CATALOG_NAME INVALID_SCHEMA_NAME TRANSACTION_ROLLBACK TRANSACTION_INTEGRITY_CONSTRAINT_VIOLATION SERIALIZATION_FAILURE STATEMENT_COMPLETION_UNKNOWN DEADLOCK_DETECTED SYNTAX_ERROR_OR_ACCESS_RULE_VIOLATION SYNTAX_ERROR INSUFFICIENT_PRIVILEGE CANNOT_COERCE GROUPING_ERROR WINDOWING_ERROR INVALID_RECURSION INVALID_FOREIGN_KEY INVALID_NAME NAME_TOO_LONG RESERVED_NAME DATATYPE_MISMATCH INDETERMINATE_DATATYPE COLLATION_MISMATCH INDETERMINATE_COLLATION WRONG_OBJECT_TYPE GENERATED_ALWAYS UNDEFINED_COLUMN UNDEFINED_FUNCTION UNDEFINED_TABLE UNDEFINED_PARAMETER UNDEFINED_OBJECT DUPLICATE_COLUMN DUPLICATE_CURSOR DUPLICATE_DATABASE DUPLICATE_FUNCTION DUPLICATE_PREPARED_STATEMENT DUPLICATE_SCHEMA DUPLICATE_TABLE DUPLICATE_ALIAS DUPLICATE_OBJECT AMBIGUOUS_COLUMN AMBIGUOUS_FUNCTION AMBIGUOUS_PARAMETER AMBIGUOUS_ALIAS INVALID_COLUMN_REFERENCE INVALID_COLUMN_DEFINITION INVALID_CURSOR_DEFINITION INVALID_DATABASE_DEFINITION INVALID_FUNCTION_DEFINITION INVALID_PREPARED_STATEMENT_DEFINITION INVALID_SCHEMA_DEFINITION INVALID_TABLE_DEFINITION INVALID_OBJECT_DEFINITION WITH_CHECK_OPTION_VIOLATION INSUFFICIENT_RESOURCES DISK_FULL OUT_OF_MEMORY TOO_MANY_CONNECTIONS CONFIGURATION_LIMIT_EXCEEDED PROGRAM_LIMIT_EXCEEDED STATEMENT_TOO_COMPLEX TOO_MANY_COLUMNS TOO_MANY_ARGUMENTS OBJECT_NOT_IN_PREREQUISITE_STATE OBJECT_IN_USE CANT_CHANGE_RUNTIME_PARAM LOCK_NOT_AVAILABLE OPERATOR_INTERVENTION QUERY_CANCELED ADMIN_SHUTDOWN CRASH_SHUTDOWN CANNOT_CONNECT_NOW DATABASE_DROPPED SYSTEM_ERROR IO_ERROR UNDEFINED_FILE DUPLICATE_FILE SNAPSHOT_TOO_OLD CONFIG_FILE_ERROR LOCK_FILE_EXISTS FDW_ERROR FDW_COLUMN_NAME_NOT_FOUND FDW_DYNAMIC_PARAMETER_VALUE_NEEDED FDW_FUNCTION_SEQUENCE_ERROR FDW_INCONSISTENT_DESCRIPTOR_INFORMATION FDW_INVALID_ATTRIBUTE_VALUE FDW_INVALID_COLUMN_NAME FDW_INVALID_COLUMN_NUMBER FDW_INVALID_DATA_TYPE FDW_INVALID_DATA_TYPE_DESCRIPTORS FDW_INVALID_DESCRIPTOR_FIELD_IDENTIFIER FDW_INVALID_HANDLE FDW_INVALID_OPTION_INDEX FDW_INVALID_OPTION_NAME FDW_INVALID_STRING_LENGTH_OR_BUFFER_LENGTH FDW_INVALID_STRING_FORMAT FDW_INVALID_USE_OF_NULL_POINTER FDW_TOO_MANY_HANDLES FDW_OUT_OF_MEMORY FDW_NO_SCHEMAS FDW_OPTION_NAME_NOT_FOUND FDW_REPLY_HANDLE FDW_SCHEMA_NOT_FOUND FDW_TABLE_NOT_FOUND FDW_UNABLE_TO_CREATE_EXECUTION FDW_UNABLE_TO_CREATE_REPLY FDW_UNABLE_TO_ESTABLISH_CONNECTION PLPGSQL_ERROR RAISE_EXCEPTION NO_DATA_FOUND TOO_MANY_ROWS ASSERT_FAILURE INTERNAL_ERROR DATA_CORRUPTED INDEX_CORRUPTED "
+},illegal:/:==|\W\s*\(\*|(^|\s)\$[a-z]|\{\{|[a-z]:\s*$|\.\.\.|TO:|DO:/,
+contains:[{className:"keyword",variants:[{begin:/\bTEXT\s*SEARCH\b/},{
+begin:/\b(PRIMARY|FOREIGN|FOR(\s+NO)?)\s+KEY\b/},{
+begin:/\bPARALLEL\s+(UNSAFE|RESTRICTED|SAFE)\b/},{
+begin:/\bSTORAGE\s+(PLAIN|EXTERNAL|EXTENDED|MAIN)\b/},{
+begin:/\bMATCH\s+(FULL|PARTIAL|SIMPLE)\b/},{begin:/\bNULLS\s+(FIRST|LAST)\b/},{
+begin:/\bEVENT\s+TRIGGER\b/},{begin:/\b(MAPPING|OR)\s+REPLACE\b/},{
+begin:/\b(FROM|TO)\s+(PROGRAM|STDIN|STDOUT)\b/},{
+begin:/\b(SHARE|EXCLUSIVE)\s+MODE\b/},{
+begin:/\b(LEFT|RIGHT)\s+(OUTER\s+)?JOIN\b/},{
+begin:/\b(FETCH|MOVE)\s+(NEXT|PRIOR|FIRST|LAST|ABSOLUTE|RELATIVE|FORWARD|BACKWARD)\b/
+},{begin:/\bPRESERVE\s+ROWS\b/},{begin:/\bDISCARD\s+PLANS\b/},{
+begin:/\bREFERENCING\s+(OLD|NEW)\b/},{begin:/\bSKIP\s+LOCKED\b/},{
+begin:/\bGROUPING\s+SETS\b/},{
+begin:/\b(BINARY|INSENSITIVE|SCROLL|NO\s+SCROLL)\s+(CURSOR|FOR)\b/},{
+begin:/\b(WITH|WITHOUT)\s+HOLD\b/},{
+begin:/\bWITH\s+(CASCADED|LOCAL)\s+CHECK\s+OPTION\b/},{
+begin:/\bEXCLUDE\s+(TIES|NO\s+OTHERS)\b/},{
+begin:/\bFORMAT\s+(TEXT|XML|JSON|YAML)\b/},{
+begin:/\bSET\s+((SESSION|LOCAL)\s+)?NAMES\b/},{begin:/\bIS\s+(NOT\s+)?UNKNOWN\b/
+},{begin:/\bSECURITY\s+LABEL\b/},{begin:/\bSTANDALONE\s+(YES|NO|NO\s+VALUE)\b/
+},{begin:/\bWITH\s+(NO\s+)?DATA\b/},{begin:/\b(FOREIGN|SET)\s+DATA\b/},{
+begin:/\bSET\s+(CATALOG|CONSTRAINTS)\b/},{begin:/\b(WITH|FOR)\s+ORDINALITY\b/},{
+begin:/\bIS\s+(NOT\s+)?DOCUMENT\b/},{
+begin:/\bXML\s+OPTION\s+(DOCUMENT|CONTENT)\b/},{
+begin:/\b(STRIP|PRESERVE)\s+WHITESPACE\b/},{
+begin:/\bNO\s+(ACTION|MAXVALUE|MINVALUE)\b/},{
+begin:/\bPARTITION\s+BY\s+(RANGE|LIST|HASH)\b/},{begin:/\bAT\s+TIME\s+ZONE\b/},{
+begin:/\bGRANTED\s+BY\b/},{begin:/\bRETURN\s+(QUERY|NEXT)\b/},{
+begin:/\b(ATTACH|DETACH)\s+PARTITION\b/},{
+begin:/\bFORCE\s+ROW\s+LEVEL\s+SECURITY\b/},{
+begin:/\b(INCLUDING|EXCLUDING)\s+(COMMENTS|CONSTRAINTS|DEFAULTS|IDENTITY|INDEXES|STATISTICS|STORAGE|ALL)\b/
+},{begin:/\bAS\s+(ASSIGNMENT|IMPLICIT|PERMISSIVE|RESTRICTIVE|ENUM|RANGE)\b/}]},{
+begin:/\b(FORMAT|FAMILY|VERSION)\s*\(/},{begin:/\bINCLUDE\s*\(/,
+keywords:"INCLUDE"},{begin:/\bRANGE(?!\s*(BETWEEN|UNBOUNDED|CURRENT|[-0-9]+))/
+},{
+begin:/\b(VERSION|OWNER|TEMPLATE|TABLESPACE|CONNECTION\s+LIMIT|PROCEDURE|RESTRICT|JOIN|PARSER|COPY|START|END|COLLATION|INPUT|ANALYZE|STORAGE|LIKE|DEFAULT|DELIMITER|ENCODING|COLUMN|CONSTRAINT|TABLE|SCHEMA)\s*=/
+},{begin:/\b(PG_\w+?|HAS_[A-Z_]+_PRIVILEGE)\b/,relevance:10},{
+begin:/\bEXTRACT\s*\(/,end:/\bFROM\b/,returnEnd:!0,keywords:{
+type:"CENTURY DAY DECADE DOW DOY EPOCH HOUR ISODOW ISOYEAR MICROSECONDS MILLENNIUM MILLISECONDS MINUTE MONTH QUARTER SECOND TIMEZONE TIMEZONE_HOUR TIMEZONE_MINUTE WEEK YEAR"
+}},{begin:/\b(XMLELEMENT|XMLPI)\s*\(\s*NAME/,keywords:{keyword:"NAME"}},{
+begin:/\b(XMLPARSE|XMLSERIALIZE)\s*\(\s*(DOCUMENT|CONTENT)/,keywords:{
+keyword:"DOCUMENT CONTENT"}},{beginKeywords:"CACHE INCREMENT MAXVALUE MINVALUE",
+end:E.C_NUMBER_RE,returnEnd:!0,keywords:"BY CACHE INCREMENT MAXVALUE MINVALUE"
+},{className:"type",begin:/\b(WITH|WITHOUT)\s+TIME\s+ZONE\b/},{className:"type",
+begin:/\bINTERVAL\s+(YEAR|MONTH|DAY|HOUR|MINUTE|SECOND)(\s+TO\s+(MONTH|HOUR|MINUTE|SECOND))?\b/
+},{
+begin:/\bRETURNS\s+(LANGUAGE_HANDLER|TRIGGER|EVENT_TRIGGER|FDW_HANDLER|INDEX_AM_HANDLER|TSM_HANDLER)\b/,
+keywords:{keyword:"RETURNS",
+type:"LANGUAGE_HANDLER TRIGGER EVENT_TRIGGER FDW_HANDLER INDEX_AM_HANDLER TSM_HANDLER"
+}},{begin:"\\b("+I+")\\s*\\("},{begin:"\\.("+R+")\\b"},{
+begin:"\\b("+R+")\\s+PATH\\b",keywords:{keyword:"PATH",
+type:A.replace("PATH ","")}},{className:"type",begin:"\\b("+R+")\\b"},{
+className:"string",begin:"'",end:"'",contains:[{begin:"''"}]},{
+className:"string",begin:"(e|E|u&|U&)'",end:"'",contains:[{begin:"\\\\."}],
+relevance:10},E.END_SAME_AS_BEGIN({begin:N,end:N,contains:[{
+subLanguage:["pgsql","perl","python","tcl","r","lua","java","php","ruby","bash","scheme","xml","json"],
+endsWithParent:!0}]}),{begin:'"',end:'"',contains:[{begin:'""'}]
+},E.C_NUMBER_MODE,E.C_BLOCK_COMMENT_MODE,T,{className:"meta",variants:[{
+begin:"%(ROW)?TYPE",relevance:10},{begin:"\\$\\d+"},{begin:"^#\\w",end:"$"}]},{
+className:"symbol",begin:"<<\\s*[a-zA-Z_][a-zA-Z_0-9$]*\\s*>>",relevance:10}]}}
+})();hljs.registerLanguage("pgsql",E)})();
\ No newline at end of file
diff --git a/app/assets/javascripts/pghero/highlight.pack.js b/app/assets/javascripts/pghero/highlight.pack.js
deleted file mode 100644
index 659de52f1..000000000
--- a/app/assets/javascripts/pghero/highlight.pack.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! highlight.js v9.16.2 | BSD3 License | git.io/hljslicense */
-!function(e){var n="object"==typeof window&&window||"object"==typeof self&&self;"undefined"==typeof exports||exports.nodeType?n&&(n.hljs=e({}),"function"==typeof define&&define.amd&&define([],function(){return n.hljs})):e(exports)}(function(a){var f=[],i=Object.keys,b={},u={},n=/^(no-?highlight|plain|text)$/i,l=/\blang(?:uage)?-([\w-]+)\b/i,t=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,r={case_insensitive:"cI",lexemes:"l",contains:"c",keywords:"k",subLanguage:"sL",className:"cN",begin:"b",beginKeywords:"bK",end:"e",endsWithParent:"eW",illegal:"i",excludeBegin:"eB",excludeEnd:"eE",returnBegin:"rB",returnEnd:"rE",variants:"v",IDENT_RE:"IR",UNDERSCORE_IDENT_RE:"UIR",NUMBER_RE:"NR",C_NUMBER_RE:"CNR",BINARY_NUMBER_RE:"BNR",RE_STARTERS_RE:"RSR",BACKSLASH_ESCAPE:"BE",APOS_STRING_MODE:"ASM",QUOTE_STRING_MODE:"QSM",PHRASAL_WORDS_MODE:"PWM",C_LINE_COMMENT_MODE:"CLCM",C_BLOCK_COMMENT_MODE:"CBCM",HASH_COMMENT_MODE:"HCM",NUMBER_MODE:"NM",C_NUMBER_MODE:"CNM",BINARY_NUMBER_MODE:"BNM",CSS_NUMBER_MODE:"CSSNM",REGEXP_MODE:"RM",TITLE_MODE:"TM",UNDERSCORE_TITLE_MODE:"UTM",COMMENT:"C",beginRe:"bR",endRe:"eR",illegalRe:"iR",lexemesRe:"lR",terminators:"t",terminator_end:"tE"},_="</span>",m={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0},c="of and for in not or if then".split(" ");function C(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function E(e){return e.nodeName.toLowerCase()}function o(e){return n.test(e)}function s(e){var n,t={},r=Array.prototype.slice.call(arguments,1);for(n in e)t[n]=e[n];return r.forEach(function(e){for(n in e)t[n]=e[n]}),t}function g(e){var a=[];return function e(n,t){for(var r=n.firstChild;r;r=r.nextSibling)3===r.nodeType?t+=r.nodeValue.length:1===r.nodeType&&(a.push({event:"start",offset:t,node:r}),t=e(r,t),E(r).match(/br|hr|img|input/)||a.push({event:"stop",offset:t,node:r}));return t}(e,0),a}function d(e,n,t){var r=0,a="",i=[];function c(){return e.length&&n.length?e[0].offset!==n[0].offset?e[0].offset<n[0].offset?e:n:"start"===n[0].event?e:n:e.length?e:n}function u(e){a+="<"+E(e)+f.map.call(e.attributes,function(e){return" "+e.nodeName+'="'+C(e.value).replace('"',"&quot;")+'"'}).join("")+">"}function l(e){a+="</"+E(e)+">"}function o(e){("start"===e.event?u:l)(e.node)}for(;e.length||n.length;){var s=c();if(a+=C(t.substring(r,s[0].offset)),r=s[0].offset,s===e){for(i.reverse().forEach(l);o(s.splice(0,1)[0]),(s=c())===e&&s.length&&s[0].offset===r;);i.reverse().forEach(u)}else"start"===s[0].event?i.push(s[0].node):i.pop(),o(s.splice(0,1)[0])}return a+C(t.substr(r))}function R(n){return n.v&&!n.cached_variants&&(n.cached_variants=n.v.map(function(e){return s(n,{v:null},e)})),n.cached_variants?n.cached_variants:function e(n){return!!n&&(n.eW||e(n.starts))}(n)?[s(n,{starts:n.starts?s(n.starts):null})]:[n]}function v(e){if(r&&!e.langApiRestored){for(var n in e.langApiRestored=!0,r)e[n]&&(e[r[n]]=e[n]);(e.c||[]).concat(e.v||[]).forEach(v)}}function p(n,r){var a={};return"string"==typeof n?t("keyword",n):i(n).forEach(function(e){t(e,n[e])}),a;function t(t,e){r&&(e=e.toLowerCase()),e.split(" ").forEach(function(e){var n=e.split("|");a[n[0]]=[t,function(e,n){return n?Number(n):function(e){return-1!=c.indexOf(e.toLowerCase())}(e)?0:1}(n[0],n[1])]})}}function O(r){function s(e){return e&&e.source||e}function f(e,n){return new RegExp(s(e),"m"+(r.cI?"i":"")+(n?"g":""))}function a(a){var i,e,c={},u=[],l={},t=1;function n(e,n){c[t]=e,u.push([e,n]),t+=function(e){return new RegExp(e.toString()+"|").exec("").length-1}(n)+1}for(var r=0;r<a.c.length;r++){n(e=a.c[r],e.bK?"\\.?(?:"+e.b+")\\.?":e.b)}a.tE&&n("end",a.tE),a.i&&n("illegal",a.i);var o=u.map(function(e){return e[1]});return i=f(function(e,n){for(var t=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./,r=0,a="",i=0;i<e.length;i++){var c=r+=1,u=s(e[i]);for(0<i&&(a+=n),a+="(";0<u.length;){var l=t.exec(u);if(null==l){a+=u;break}a+=u.substring(0,l.index),u=u.substring(l.index+l[0].length),"\\"==l[0][0]&&l[1]?a+="\\"+String(Number(l[1])+c):(a+=l[0],"("==l[0]&&r++)}a+=")"}return a}(o,"|"),!0),l.lastIndex=0,l.exec=function(e){var n;if(0===u.length)return null;i.lastIndex=l.lastIndex;var t=i.exec(e);if(!t)return null;for(var r=0;r<t.length;r++)if(null!=t[r]&&null!=c[""+r]){n=c[""+r];break}return"string"==typeof n?(t.type=n,t.extra=[a.i,a.tE]):(t.type="begin",t.rule=n),t},l}!function n(t,e){t.compiled||(t.compiled=!0,t.k=t.k||t.bK,t.k&&(t.k=p(t.k,r.cI)),t.lR=f(t.l||/\w+/,!0),e&&(t.bK&&(t.b="\\b("+t.bK.split(" ").join("|")+")\\b"),t.b||(t.b=/\B|\b/),t.bR=f(t.b),t.endSameAsBegin&&(t.e=t.b),t.e||t.eW||(t.e=/\B|\b/),t.e&&(t.eR=f(t.e)),t.tE=s(t.e)||"",t.eW&&e.tE&&(t.tE+=(t.e?"|":"")+e.tE)),t.i&&(t.iR=f(t.i)),null==t.relevance&&(t.relevance=1),t.c||(t.c=[]),t.c=Array.prototype.concat.apply([],t.c.map(function(e){return R("self"===e?t:e)})),t.c.forEach(function(e){n(e,t)}),t.starts&&n(t.starts,e),t.t=a(t))}(r)}function x(e,a,i,n){function c(e,n){if(function(e,n){var t=e&&e.exec(n);return t&&0===t.index}(e.eR,n)){for(;e.endsParent&&e.parent;)e=e.parent;return e}if(e.eW)return c(e.parent,n)}function u(e,n,t,r){if(!t&&""===n)return"";if(!e)return n;var a='<span class="'+(r?"":m.classPrefix);return(a+=e+'">')+n+(t?"":_)}function l(){R+=null!=g.sL?function(){var e="string"==typeof g.sL;if(e&&!b[g.sL])return C(v);var n=e?x(g.sL,v,!0,d[g.sL]):B(v,g.sL.length?g.sL:void 0);return 0<g.relevance&&(p+=n.relevance),e&&(d[g.sL]=n.top),u(n.language,n.value,!1,!0)}():function(){var e,n,t,r,a,i,c;if(!g.k)return C(v);for(r="",n=0,g.lR.lastIndex=0,t=g.lR.exec(v);t;)r+=C(v.substring(n,t.index)),a=g,i=t,void 0,c=E.cI?i[0].toLowerCase():i[0],(e=a.k.hasOwnProperty(c)&&a.k[c])?(p+=e[1],r+=u(e[0],C(t[0]))):r+=C(t[0]),n=g.lR.lastIndex,t=g.lR.exec(v);return r+C(v.substr(n))}(),v=""}function o(e){R+=e.cN?u(e.cN,"",!0):"",g=Object.create(e,{parent:{value:g}})}function s(e){var n=e[0],t=e.rule;return t&&t.endSameAsBegin&&(t.eR=function(e){return new RegExp(e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")}(n)),t.skip?v+=n:(t.eB&&(v+=n),l(),t.rB||t.eB||(v=n)),o(t),t.rB?0:n.length}var f={};function t(e,n){var t=n&&n[0];if(v+=e,null==t)return l(),0;if("begin"==f.type&&"end"==n.type&&f.index==n.index&&""===t)return v+=a.slice(n.index,n.index+1),1;if("begin"===(f=n).type)return s(n);if("illegal"===n.type&&!i)throw new Error('Illegal lexeme "'+t+'" for mode "'+(g.cN||"<unnamed>")+'"');if("end"===n.type){var r=function(e){var n=e[0],t=c(g,n);if(t){var r=g;for(r.skip?v+=n:(r.rE||r.eE||(v+=n),l(),r.eE&&(v=n));g.cN&&(R+=_),g.skip||g.sL||(p+=g.relevance),(g=g.parent)!==t.parent;);return t.starts&&(t.endSameAsBegin&&(t.starts.eR=t.eR),o(t.starts)),r.rE?0:n.length}}(n);if(null!=r)return r}return v+=t,t.length}var E=S(e);if(!E)throw new Error('Unknown language: "'+e+'"');O(E);var r,g=n||E,d={},R="";for(r=g;r!==E;r=r.parent)r.cN&&(R=u(r.cN,"",!0)+R);var v="",p=0;try{for(var M,N,h=0;g.t.lastIndex=h,M=g.t.exec(a);)N=t(a.substring(h,M.index),M),h=M.index+N;for(t(a.substr(h)),r=g;r.parent;r=r.parent)r.cN&&(R+=_);return{relevance:p,value:R,i:!1,language:e,top:g}}catch(e){if(e.message&&-1!==e.message.indexOf("Illegal"))return{i:!0,relevance:0,value:C(a)};throw e}}function B(t,e){e=e||m.languages||i(b);var r={relevance:0,value:C(t)},a=r;return e.filter(S).filter(T).forEach(function(e){var n=x(e,t,!1);n.language=e,n.relevance>a.relevance&&(a=n),n.relevance>r.relevance&&(a=r,r=n)}),a.language&&(r.second_best=a),r}function M(e){return m.tabReplace||m.useBR?e.replace(t,function(e,n){return m.useBR&&"\n"===e?"<br>":m.tabReplace?n.replace(/\t/g,m.tabReplace):""}):e}function N(e){var n,t,r,a,i,c=function(e){var n,t,r,a,i=e.className+" ";if(i+=e.parentNode?e.parentNode.className:"",t=l.exec(i))return S(t[1])?t[1]:"no-highlight";for(n=0,r=(i=i.split(/\s+/)).length;n<r;n++)if(o(a=i[n])||S(a))return a}(e);o(c)||(m.useBR?(n=document.createElementNS("http://www.w3.org/1999/xhtml","div")).innerHTML=e.innerHTML.replace(/\n/g,"").replace(/<br[ \/]*>/g,"\n"):n=e,i=n.textContent,r=c?x(c,i,!0):B(i),(t=g(n)).length&&((a=document.createElementNS("http://www.w3.org/1999/xhtml","div")).innerHTML=r.value,r.value=d(t,g(a),i)),r.value=M(r.value),e.innerHTML=r.value,e.className=function(e,n,t){var r=n?u[n]:t,a=[e.trim()];return e.match(/\bhljs\b/)||a.push("hljs"),-1===e.indexOf(r)&&a.push(r),a.join(" ").trim()}(e.className,c,r.language),e.result={language:r.language,re:r.relevance},r.second_best&&(e.second_best={language:r.second_best.language,re:r.second_best.relevance}))}function h(){if(!h.called){h.called=!0;var e=document.querySelectorAll("pre code");f.forEach.call(e,N)}}function S(e){return e=(e||"").toLowerCase(),b[e]||b[u[e]]}function T(e){var n=S(e);return n&&!n.disableAutodetect}return a.highlight=x,a.highlightAuto=B,a.fixMarkup=M,a.highlightBlock=N,a.configure=function(e){m=s(m,e)},a.initHighlighting=h,a.initHighlightingOnLoad=function(){addEventListener("DOMContentLoaded",h,!1),addEventListener("load",h,!1)},a.registerLanguage=function(n,e){var t=b[n]=e(a);v(t),t.rawDefinition=e.bind(null,a),t.aliases&&t.aliases.forEach(function(e){u[e]=n})},a.listLanguages=function(){return i(b)},a.getLanguage=S,a.autoDetection=T,a.inherit=s,a.IR=a.IDENT_RE="[a-zA-Z]\\w*",a.UIR=a.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",a.NR=a.NUMBER_RE="\\b\\d+(\\.\\d+)?",a.CNR=a.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",a.BNR=a.BINARY_NUMBER_RE="\\b(0b[01]+)",a.RSR=a.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",a.BE=a.BACKSLASH_ESCAPE={b:"\\\\[\\s\\S]",relevance:0},a.ASM=a.APOS_STRING_MODE={cN:"string",b:"'",e:"'",i:"\\n",c:[a.BE]},a.QSM=a.QUOTE_STRING_MODE={cN:"string",b:'"',e:'"',i:"\\n",c:[a.BE]},a.PWM=a.PHRASAL_WORDS_MODE={b:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},a.C=a.COMMENT=function(e,n,t){var r=a.inherit({cN:"comment",b:e,e:n,c:[]},t||{});return r.c.push(a.PWM),r.c.push({cN:"doctag",b:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),r},a.CLCM=a.C_LINE_COMMENT_MODE=a.C("//","$"),a.CBCM=a.C_BLOCK_COMMENT_MODE=a.C("/\\*","\\*/"),a.HCM=a.HASH_COMMENT_MODE=a.C("#","$"),a.NM=a.NUMBER_MODE={cN:"number",b:a.NR,relevance:0},a.CNM=a.C_NUMBER_MODE={cN:"number",b:a.CNR,relevance:0},a.BNM=a.BINARY_NUMBER_MODE={cN:"number",b:a.BNR,relevance:0},a.CSSNM=a.CSS_NUMBER_MODE={cN:"number",b:a.NR+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},a.RM=a.REGEXP_MODE={cN:"regexp",b:/\//,e:/\/[gimuy]*/,i:/\n/,c:[a.BE,{b:/\[/,e:/\]/,relevance:0,c:[a.BE]}]},a.TM=a.TITLE_MODE={cN:"title",b:a.IR,relevance:0},a.UTM=a.UNDERSCORE_TITLE_MODE={cN:"title",b:a.UIR,relevance:0},a.METHOD_GUARD={b:"\\.\\s*"+a.UIR,relevance:0},a});hljs.registerLanguage("sql",function(e){var t=e.C("--","$");return{cI:!0,i:/[<>{}*]/,c:[{bK:"begin end start commit rollback savepoint lock alter create drop rename call delete do handler insert load replace select truncate update set show pragma grant merge describe use explain help declare prepare execute deallocate release unlock purge reset change stop analyze cache flush optimize repair kill install uninstall checksum restore check backup revoke comment values with",e:/;/,eW:!0,l:/[\w\.]+/,k:{keyword:"as abort abs absolute acc acce accep accept access accessed accessible account acos action activate add addtime admin administer advanced advise aes_decrypt aes_encrypt after agent aggregate ali alia alias all allocate allow alter always analyze ancillary and anti any anydata anydataset anyschema anytype apply archive archived archivelog are as asc ascii asin assembly assertion associate asynchronous at atan atn2 attr attri attrib attribu attribut attribute attributes audit authenticated authentication authid authors auto autoallocate autodblink autoextend automatic availability avg backup badfile basicfile before begin beginning benchmark between bfile bfile_base big bigfile bin binary_double binary_float binlog bit_and bit_count bit_length bit_or bit_xor bitmap blob_base block blocksize body both bound bucket buffer_cache buffer_pool build bulk by byte byteordermark bytes cache caching call calling cancel capacity cascade cascaded case cast catalog category ceil ceiling chain change changed char_base char_length character_length characters characterset charindex charset charsetform charsetid check checksum checksum_agg child choose chr chunk class cleanup clear client clob clob_base clone close cluster_id cluster_probability cluster_set clustering coalesce coercibility col collate collation collect colu colum column column_value columns columns_updated comment commit compact compatibility compiled complete composite_limit compound compress compute concat concat_ws concurrent confirm conn connec connect connect_by_iscycle connect_by_isleaf connect_by_root connect_time connection consider consistent constant constraint constraints constructor container content contents context contributors controlfile conv convert convert_tz corr corr_k corr_s corresponding corruption cos cost count count_big counted covar_pop covar_samp cpu_per_call cpu_per_session crc32 create creation critical cross cube cume_dist curdate current current_date current_time current_timestamp current_user cursor curtime customdatum cycle data database databases datafile datafiles datalength date_add date_cache date_format date_sub dateadd datediff datefromparts datename datepart datetime2fromparts day day_to_second dayname dayofmonth dayofweek dayofyear days db_role_change dbtimezone ddl deallocate declare decode decompose decrement decrypt deduplicate def defa defau defaul default defaults deferred defi defin define degrees delayed delegate delete delete_all delimited demand dense_rank depth dequeue des_decrypt des_encrypt des_key_file desc descr descri describ describe descriptor deterministic diagnostics difference dimension direct_load directory disable disable_all disallow disassociate discardfile disconnect diskgroup distinct distinctrow distribute distributed div do document domain dotnet double downgrade drop dumpfile duplicate duration each edition editionable editions element ellipsis else elsif elt empty enable enable_all enclosed encode encoding encrypt end end-exec endian enforced engine engines enqueue enterprise entityescaping eomonth error errors escaped evalname evaluate event eventdata events except exception exceptions exchange exclude excluding execu execut execute exempt exists exit exp expire explain explode export export_set extended extent external external_1 external_2 externally extract failed failed_login_attempts failover failure far fast feature_set feature_value fetch field fields file file_name_convert filesystem_like_logging final finish first first_value fixed flash_cache flashback floor flush following follows for forall force foreign form forma format found found_rows freelist freelists freepools fresh from from_base64 from_days ftp full function general generated get get_format get_lock getdate getutcdate global global_name globally go goto grant grants greatest group group_concat group_id grouping grouping_id groups gtid_subtract guarantee guard handler hash hashkeys having hea head headi headin heading heap help hex hierarchy high high_priority hosts hour hours http id ident_current ident_incr ident_seed identified identity idle_time if ifnull ignore iif ilike ilm immediate import in include including increment index indexes indexing indextype indicator indices inet6_aton inet6_ntoa inet_aton inet_ntoa infile initial initialized initially initrans inmemory inner innodb input insert install instance instantiable instr interface interleaved intersect into invalidate invisible is is_free_lock is_ipv4 is_ipv4_compat is_not is_not_null is_used_lock isdate isnull isolation iterate java join json json_exists keep keep_duplicates key keys kill language large last last_day last_insert_id last_value lateral lax lcase lead leading least leaves left len lenght length less level levels library like like2 like4 likec limit lines link list listagg little ln load load_file lob lobs local localtime localtimestamp locate locator lock locked log log10 log2 logfile logfiles logging logical logical_reads_per_call logoff logon logs long loop low low_priority lower lpad lrtrim ltrim main make_set makedate maketime managed management manual map mapping mask master master_pos_wait match matched materialized max maxextents maximize maxinstances maxlen maxlogfiles maxloghistory maxlogmembers maxsize maxtrans md5 measures median medium member memcompress memory merge microsecond mid migration min minextents minimum mining minus minute minutes minvalue missing mod mode model modification modify module monitoring month months mount move movement multiset mutex name name_const names nan national native natural nav nchar nclob nested never new newline next nextval no no_write_to_binlog noarchivelog noaudit nobadfile nocheck nocompress nocopy nocycle nodelay nodiscardfile noentityescaping noguarantee nokeep nologfile nomapping nomaxvalue nominimize nominvalue nomonitoring none noneditionable nonschema noorder nopr nopro noprom nopromp noprompt norely noresetlogs noreverse normal norowdependencies noschemacheck noswitch not nothing notice notnull notrim novalidate now nowait nth_value nullif nulls num numb numbe nvarchar nvarchar2 object ocicoll ocidate ocidatetime ociduration ociinterval ociloblocator ocinumber ociref ocirefcursor ocirowid ocistring ocitype oct octet_length of off offline offset oid oidindex old on online only opaque open operations operator optimal optimize option optionally or oracle oracle_date oradata ord ordaudio orddicom orddoc order ordimage ordinality ordvideo organization orlany orlvary out outer outfile outline output over overflow overriding package pad parallel parallel_enable parameters parent parse partial partition partitions pascal passing password password_grace_time password_lock_time password_reuse_max password_reuse_time password_verify_function patch path patindex pctincrease pctthreshold pctused pctversion percent percent_rank percentile_cont percentile_disc performance period period_add period_diff permanent physical pi pipe pipelined pivot pluggable plugin policy position post_transaction pow power pragma prebuilt precedes preceding precision prediction prediction_cost prediction_details prediction_probability prediction_set prepare present preserve prior priority private private_sga privileges procedural procedure procedure_analyze processlist profiles project prompt protection public publishingservername purge quarter query quick quiesce quota quotename radians raise rand range rank raw read reads readsize rebuild record records recover recovery recursive recycle redo reduced ref reference referenced references referencing refresh regexp_like register regr_avgx regr_avgy regr_count regr_intercept regr_r2 regr_slope regr_sxx regr_sxy reject rekey relational relative relaylog release release_lock relies_on relocate rely rem remainder rename repair repeat replace replicate replication required reset resetlogs resize resource respect restore restricted result result_cache resumable resume retention return returning returns reuse reverse revoke right rlike role roles rollback rolling rollup round row row_count rowdependencies rowid rownum rows rtrim rules safe salt sample save savepoint sb1 sb2 sb4 scan schema schemacheck scn scope scroll sdo_georaster sdo_topo_geometry search sec_to_time second seconds section securefile security seed segment select self semi sequence sequential serializable server servererror session session_user sessions_per_user set sets settings sha sha1 sha2 share shared shared_pool short show shrink shutdown si_averagecolor si_colorhistogram si_featurelist si_positionalcolor si_stillimage si_texture siblings sid sign sin size size_t sizes skip slave sleep smalldatetimefromparts smallfile snapshot some soname sort soundex source space sparse spfile split sql sql_big_result sql_buffer_result sql_cache sql_calc_found_rows sql_small_result sql_variant_property sqlcode sqldata sqlerror sqlname sqlstate sqrt square standalone standby start starting startup statement static statistics stats_binomial_test stats_crosstab stats_ks_test stats_mode stats_mw_test stats_one_way_anova stats_t_test_ stats_t_test_indep stats_t_test_one stats_t_test_paired stats_wsr_test status std stddev stddev_pop stddev_samp stdev stop storage store stored str str_to_date straight_join strcmp strict string struct stuff style subdate subpartition subpartitions substitutable substr substring subtime subtring_index subtype success sum suspend switch switchoffset switchover sync synchronous synonym sys sys_xmlagg sysasm sysaux sysdate sysdatetimeoffset sysdba sysoper system system_user sysutcdatetime table tables tablespace tablesample tan tdo template temporary terminated tertiary_weights test than then thread through tier ties time time_format time_zone timediff timefromparts timeout timestamp timestampadd timestampdiff timezone_abbr timezone_minute timezone_region to to_base64 to_date to_days to_seconds todatetimeoffset trace tracking transaction transactional translate translation treat trigger trigger_nestlevel triggers trim truncate try_cast try_convert try_parse type ub1 ub2 ub4 ucase unarchived unbounded uncompress under undo unhex unicode uniform uninstall union unique unix_timestamp unknown unlimited unlock unnest unpivot unrecoverable unsafe unsigned until untrusted unusable unused update updated upgrade upped upper upsert url urowid usable usage use use_stored_outlines user user_data user_resources users using utc_date utc_timestamp uuid uuid_short validate validate_password_strength validation valist value values var var_samp varcharc vari varia variab variabl variable variables variance varp varraw varrawc varray verify version versions view virtual visible void wait wallet warning warnings week weekday weekofyear wellformed when whene whenev wheneve whenever where while whitespace window with within without work wrapped xdb xml xmlagg xmlattributes xmlcast xmlcolattval xmlelement xmlexists xmlforest xmlindex xmlnamespaces xmlpi xmlquery xmlroot xmlschema xmlserialize xmltable xmltype xor year year_to_month years yearweek",literal:"true false null unknown",built_in:"array bigint binary bit blob bool boolean char character date dec decimal float int int8 integer interval number numeric real record serial serial8 smallint text time timestamp tinyint varchar varchar2 varying void"},c:[{cN:"string",b:"'",e:"'",c:[e.BE,{b:"''"}]},{cN:"string",b:'"',e:'"',c:[e.BE,{b:'""'}]},{cN:"string",b:"`",e:"`",c:[e.BE]},e.CNM,e.CBCM,t,e.HCM]},e.CBCM,t,e.HCM]}});hljs.registerLanguage("bash",function(e){var t={cN:"variable",v:[{b:/\$[\w\d#@][\w\d_]*/},{b:/\$\{(.*?)}/}]},a={cN:"string",b:/"/,e:/"/,c:[e.BE,t,{cN:"variable",b:/\$\(/,e:/\)/,c:[e.BE]}]};return{aliases:["sh","zsh"],l:/\b-?[a-z\._]+\b/,k:{keyword:"if then else elif fi for while in do done case esac function",literal:"true false",built_in:"break cd continue eval exec exit export getopts hash pwd readonly return shift test times trap umask unset alias bind builtin caller command declare echo enable help let local logout mapfile printf read readarray source type typeset ulimit unalias set shopt autoload bg bindkey bye cap chdir clone comparguments compcall compctl compdescribe compfiles compgroups compquote comptags comptry compvalues dirs disable disown echotc echoti emulate fc fg float functions getcap getln history integer jobs kill limit log noglob popd print pushd pushln rehash sched setcap setopt stat suspend ttyctl unfunction unhash unlimit unsetopt vared wait whence where which zcompile zformat zftp zle zmodload zparseopts zprof zpty zregexparse zsocket zstyle ztcp",_:"-ne -eq -lt -gt -f -d -e -s -l -a"},c:[{cN:"meta",b:/^#![^\n]+sh\s*$/,relevance:10},{cN:"function",b:/\w[\w\d_]*\s*\(\s*\)\s*\{/,rB:!0,c:[e.inherit(e.TM,{b:/\w[\w\d_]*/})],relevance:0},e.HCM,a,{cN:"",b:/\\"/},{cN:"string",b:/'/,e:/'/},t]}});hljs.registerLanguage("shell",function(s){return{aliases:["console"],c:[{cN:"meta",b:"^\\s{0,3}[/\\w\\d\\[\\]()@-]*[>%$#]",starts:{e:"$",sL:"bash"}}]}});hljs.registerLanguage("ruby",function(e){var c="[a-zA-Z_]\\w*[!?=]?|[-+~]\\@|<<|>>|=~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~`|]|\\[\\]=?",b={keyword:"and then defined module in return redo if BEGIN retry end for self when next until do begin unless END rescue else break undef not super class case require yield alias while ensure elsif or include attr_reader attr_writer attr_accessor",literal:"true false nil"},r={cN:"doctag",b:"@[A-Za-z]+"},a={b:"#<",e:">"},n=[e.C("#","$",{c:[r]}),e.C("^\\=begin","^\\=end",{c:[r],relevance:10}),e.C("^__END__","\\n$")],s={cN:"subst",b:"#\\{",e:"}",k:b},t={cN:"string",c:[e.BE,s],v:[{b:/'/,e:/'/},{b:/"/,e:/"/},{b:/`/,e:/`/},{b:"%[qQwWx]?\\(",e:"\\)"},{b:"%[qQwWx]?\\[",e:"\\]"},{b:"%[qQwWx]?{",e:"}"},{b:"%[qQwWx]?<",e:">"},{b:"%[qQwWx]?/",e:"/"},{b:"%[qQwWx]?%",e:"%"},{b:"%[qQwWx]?-",e:"-"},{b:"%[qQwWx]?\\|",e:"\\|"},{b:/\B\?(\\\d{1,3}|\\x[A-Fa-f0-9]{1,2}|\\u[A-Fa-f0-9]{4}|\\?\S)\b/},{b:/<<[-~]?'?(\w+)(?:.|\n)*?\n\s*\1\b/,rB:!0,c:[{b:/<<[-~]?'?/},{b:/\w+/,endSameAsBegin:!0,c:[e.BE,s]}]}]},i={cN:"params",b:"\\(",e:"\\)",endsParent:!0,k:b},l=[t,a,{cN:"class",bK:"class module",e:"$|;",i:/=/,c:[e.inherit(e.TM,{b:"[A-Za-z_]\\w*(::\\w+)*(\\?|\\!)?"}),{b:"<\\s*",c:[{b:"("+e.IR+"::)?"+e.IR}]}].concat(n)},{cN:"function",bK:"def",e:"$|;",c:[e.inherit(e.TM,{b:c}),i].concat(n)},{b:e.IR+"::"},{cN:"symbol",b:e.UIR+"(\\!|\\?)?:",relevance:0},{cN:"symbol",b:":(?!\\s)",c:[t,{b:c}],relevance:0},{cN:"number",b:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",relevance:0},{b:"(\\$\\W)|((\\$|\\@\\@?)(\\w+))"},{cN:"params",b:/\|/,e:/\|/,k:b},{b:"("+e.RSR+"|unless)\\s*",k:"unless",c:[a,{cN:"regexp",c:[e.BE,s],i:/\n/,v:[{b:"/",e:"/[a-z]*"},{b:"%r{",e:"}[a-z]*"},{b:"%r\\(",e:"\\)[a-z]*"},{b:"%r!",e:"![a-z]*"},{b:"%r\\[",e:"\\][a-z]*"}]}].concat(n),relevance:0}].concat(n);s.c=l;var d=[{b:/^\s*=>/,starts:{e:"$",c:i.c=l}},{cN:"meta",b:"^([>?]>|[\\w#]+\\(\\w+\\):\\d+:\\d+>|(\\w+-)?\\d+\\.\\d+\\.\\d(p\\d+)?[^>]+>)",starts:{e:"$",c:l}}];return{aliases:["rb","gemspec","podspec","thor","irb"],k:b,i:/\/\*/,c:n.concat(d).concat(l)}});hljs.registerLanguage("yaml",function(e){var b="true false yes no null",a={cN:"string",relevance:0,v:[{b:/'/,e:/'/},{b:/"/,e:/"/},{b:/\S+/}],c:[e.BE,{cN:"template-variable",v:[{b:"{{",e:"}}"},{b:"%{",e:"}"}]}]};return{cI:!0,aliases:["yml","YAML","yaml"],c:[{cN:"attr",v:[{b:"\\w[\\w :\\/.-]*:(?=[ \t]|$)"},{b:'"\\w[\\w :\\/.-]*":(?=[ \t]|$)'},{b:"'\\w[\\w :\\/.-]*':(?=[ \t]|$)"}]},{cN:"meta",b:"^---s*$",relevance:10},{cN:"string",b:"[\\|>]([0-9]?[+-])?[ ]*\\n( *)[\\S ]+\\n(\\2[\\S ]+\\n?)*"},{b:"<%[%=-]?",e:"[%-]?%>",sL:"ruby",eB:!0,eE:!0,relevance:0},{cN:"type",b:"!"+e.UIR},{cN:"type",b:"!!"+e.UIR},{cN:"meta",b:"&"+e.UIR+"$"},{cN:"meta",b:"\\*"+e.UIR+"$"},{cN:"bullet",b:"\\-(?=[ ]|$)",relevance:0},e.HCM,{bK:b,k:{literal:b}},{cN:"number",b:e.CNR+"\\b"},a]}});
\ No newline at end of file
diff --git a/app/views/layouts/pg_hero/application.html.erb b/app/views/layouts/pg_hero/application.html.erb
index 93f6c9021..ddb4d5b5c 100644
--- a/app/views/layouts/pg_hero/application.html.erb
+++ b/app/views/layouts/pg_hero/application.html.erb
@@ -7,7 +7,7 @@
     <%= favicon_link_tag "pghero/favicon.png" %>
     <% if defined?(Propshaft::Railtie) %>
       <%= stylesheet_link_tag "pghero/nouislider", "pghero/arduino-light", "pghero/application" %>
-      <%= javascript_include_tag "pghero/jquery", "pghero/nouislider", "pghero/Chart.bundle", "pghero/chartkick", "pghero/highlight.pack", "pghero/application" %>
+      <%= javascript_include_tag "pghero/jquery", "pghero/nouislider", "pghero/Chart.bundle", "pghero/chartkick", "pghero/highlight.min", "pghero/application" %>
     <% else %>
       <%= stylesheet_link_tag "pghero/application" %>
       <%= javascript_include_tag "pghero/application" %>

From e16e43bb10183e4d4c53876b8bd9e16b12070887 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sun, 26 Feb 2023 11:30:36 -0800
Subject: [PATCH 46/57] Updated changelog [skip ci]

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 81f11f2d0..b60bd4086 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## 3.2.1 (unreleased)
 
 - Improved handling of lock timeouts
+- Improved syntax highlighting
 
 ## 3.2.0 (2023-02-21)
 

From ccb1751e5ca0436f7fd316d91822440c59972bca Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Mon, 27 Feb 2023 10:21:22 -0800
Subject: [PATCH 47/57] Improved handling of lock timeouts with sequences -
 fixes #444

---
 app/controllers/pg_hero/home_controller.rb | 7 ++++++-
 app/views/pg_hero/home/index.html.erb      | 4 +++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index c699524f1..2e16e2795 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -46,10 +46,15 @@ def index
 
       @transaction_id_danger = @database.transaction_id_danger(threshold: 1500000000)
 
-      @readable_sequences, @unreadable_sequences = @database.sequences.partition { |s| s[:readable] }
+      sequences = rescue_lock_timeout { @database.sequences } || []
+      @readable_sequences, @unreadable_sequences = sequences.partition { |s| s[:readable] }
 
       @sequence_danger = @database.sequence_danger(threshold: (params[:sequence_threshold] || 0.9).to_f, sequences: @readable_sequences)
 
+      # TODO improve rescue_lock_timeout pattern
+      @sequence_timeout = @lock_timeout
+      @lock_timeout = false
+
       @indexes = rescue_lock_timeout { @database.indexes } || []
       @invalid_indexes = @database.invalid_indexes(indexes: @indexes)
       @invalid_constraints = @database.invalid_constraints
diff --git a/app/views/pg_hero/home/index.html.erb b/app/views/pg_hero/home/index.html.erb
index f4a578fc3..7fb6baf8c 100644
--- a/app/views/pg_hero/home/index.html.erb
+++ b/app/views/pg_hero/home/index.html.erb
@@ -55,9 +55,11 @@
       Vacuuming healthy
     <% end %>
   </div>
-  <div class="alert alert-<%= @sequence_danger && @sequence_danger.empty? ? "success" : "warning" %>">
+  <div class="alert alert-<%= @sequence_danger && @sequence_danger.empty? && !@sequence_timeout ? "success" : "warning" %>">
     <% if @sequence_danger.any? %>
       <%= pluralize(@sequence_danger.size, "column") %> approaching overflow
+    <% elsif @sequence_timeout %>
+      Sequences not available (system catalog locked)
     <% else %>
       No columns near integer overflow
     <% end %>

From b9a23a771ed34be404b9f99b5707ef85d38194af Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Mon, 27 Feb 2023 10:35:38 -0800
Subject: [PATCH 48/57] Improved timeout pattern

---
 app/controllers/pg_hero/home_controller.rb | 33 +++++++++++-----------
 app/views/pg_hero/home/index.html.erb      |  4 +--
 app/views/pg_hero/home/show_query.html.erb |  2 +-
 app/views/pg_hero/home/space.html.erb      |  2 +-
 4 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index 2e16e2795..bf7f7c813 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -46,16 +46,18 @@ def index
 
       @transaction_id_danger = @database.transaction_id_danger(threshold: 1500000000)
 
-      sequences = rescue_lock_timeout { @database.sequences } || []
+      sequences, @sequences_timeout = rescue_timeout([]) { @database.sequences }
       @readable_sequences, @unreadable_sequences = sequences.partition { |s| s[:readable] }
 
       @sequence_danger = @database.sequence_danger(threshold: (params[:sequence_threshold] || 0.9).to_f, sequences: @readable_sequences)
 
-      # TODO improve rescue_lock_timeout pattern
-      @sequence_timeout = @lock_timeout
-      @lock_timeout = false
-
-      @indexes = rescue_lock_timeout { @database.indexes } || []
+      @indexes, @indexes_timeout =
+        if @sequences_timeout
+          # skip indexes for faster loading
+          [[], true]
+        else
+          rescue_timeout([]) { @database.indexes }
+        end
       @invalid_indexes = @database.invalid_indexes(indexes: @indexes)
       @invalid_constraints = @database.invalid_constraints
       @duplicate_indexes = @database.duplicate_indexes(indexes: @indexes)
@@ -85,7 +87,7 @@ def space
       @days = (params[:days] || 7).to_i
       @database_size = @database.database_size
       @only_tables = params[:tables].present?
-      @relation_sizes = rescue_lock_timeout { @only_tables ? @database.table_sizes : @database.relation_sizes } || []
+      @relation_sizes, @sizes_timeout = rescue_timeout([]) { @only_tables ? @database.table_sizes : @database.relation_sizes }
       @space_stats_enabled = @database.space_stats_enabled? && !@only_tables
       if @space_stats_enabled
         space_growth = @database.space_growth(days: @days, relation_sizes: @relation_sizes)
@@ -199,7 +201,7 @@ def show_query
 
         if @tables.any?
           @row_counts = @database.table_stats(table: @tables).to_h { |i| [i[:table], i[:estimated_rows]] }
-          indexes = rescue_lock_timeout { @database.indexes } || []
+          indexes, @indexes_timeout = rescue_timeout([]) { @database.indexes }
           @indexes_by_table = indexes.group_by { |i| i[:table] }
         end
       else
@@ -448,18 +450,18 @@ def set_query_stats_enabled
     end
 
     def set_suggested_indexes(min_average_time = 0, min_calls = 0)
-      if @database.suggested_indexes_enabled?
-        @indexes ||= rescue_lock_timeout { @database.indexes } || []
+      if @database.suggested_indexes_enabled? && !@indexes
+        @indexes, @indexes_timeout = rescue_timeout([]) { @database.indexes }
       end
 
       @suggested_indexes_by_query =
-        if !@lock_timeout && @database.suggested_indexes_enabled?
+        if !@indexes_timeout && @database.suggested_indexes_enabled?
           @database.suggested_indexes_by_query(query_stats: @query_stats.select { |qs| qs[:average_time] >= min_average_time && qs[:calls] >= min_calls }, indexes: @indexes)
         else
           {}
         end
 
-      @suggested_indexes = @lock_timeout ? {} : @database.suggested_indexes(suggested_indexes_by_query: @suggested_indexes_by_query)
+      @suggested_indexes = @database.suggested_indexes(suggested_indexes_by_query: @suggested_indexes_by_query)
       @query_stats_by_query = @query_stats.index_by { |q| q[:query] }
       @debug = params[:debug].present?
     end
@@ -510,11 +512,10 @@ def ensure_query_stats
 
     # rescue QueryCanceled for case when
     # statement timeout is less than lock timeout
-    def rescue_lock_timeout
-      yield
+    def rescue_timeout(default)
+      [yield, false]
     rescue ActiveRecord::LockWaitTimeout, ActiveRecord::QueryCanceled
-      @lock_timeout = true
-      nil
+      [default, true]
     end
   end
 end
diff --git a/app/views/pg_hero/home/index.html.erb b/app/views/pg_hero/home/index.html.erb
index 7fb6baf8c..d492eae67 100644
--- a/app/views/pg_hero/home/index.html.erb
+++ b/app/views/pg_hero/home/index.html.erb
@@ -55,10 +55,10 @@
       Vacuuming healthy
     <% end %>
   </div>
-  <div class="alert alert-<%= @sequence_danger && @sequence_danger.empty? && !@sequence_timeout ? "success" : "warning" %>">
+  <div class="alert alert-<%= @sequence_danger && @sequence_danger.empty? && !@sequences_timeout ? "success" : "warning" %>">
     <% if @sequence_danger.any? %>
       <%= pluralize(@sequence_danger.size, "column") %> approaching overflow
-    <% elsif @sequence_timeout %>
+    <% elsif @sequences_timeout %>
       Sequences not available (system catalog locked)
     <% else %>
       No columns near integer overflow
diff --git a/app/views/pg_hero/home/show_query.html.erb b/app/views/pg_hero/home/show_query.html.erb
index 464107ca4..911cd4bf2 100644
--- a/app/views/pg_hero/home/show_query.html.erb
+++ b/app/views/pg_hero/home/show_query.html.erb
@@ -88,7 +88,7 @@
             <td><%= table %></td>
             <td><%= @row_counts[table] %></td>
             <td>
-              <% if @lock_timeout %>
+              <% if @indexes_timeout %>
                 Not available
               <% else %>
                 <ul>
diff --git a/app/views/pg_hero/home/space.html.erb b/app/views/pg_hero/home/space.html.erb
index ede7a74ed..0376b291b 100644
--- a/app/views/pg_hero/home/space.html.erb
+++ b/app/views/pg_hero/home/space.html.erb
@@ -37,7 +37,7 @@
     </div>
   <% end %>
 
-  <% if @lock_timeout %>
+  <% if @sizes_timeout %>
     <p>Breakdown not available (system catalog locked)</p>
   <% else %>
     <table class="table space-table">

From c9ba22752c58b7f620f93c6abc54948f812cd6ae Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Sat, 11 Mar 2023 14:27:36 -0800
Subject: [PATCH 49/57] Version bump to 3.3.0 [skip ci]

---
 CHANGELOG.md          | 2 +-
 guides/Permissions.md | 1 +
 lib/pghero/version.rb | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b60bd4086..4960356de 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,4 @@
-## 3.2.1 (unreleased)
+## 3.3.0 (2023-03-11)
 
 - Improved handling of lock timeouts
 - Improved syntax highlighting
diff --git a/guides/Permissions.md b/guides/Permissions.md
index 7a5a90fec..d8449d354 100644
--- a/guides/Permissions.md
+++ b/guides/Permissions.md
@@ -54,6 +54,7 @@ CREATE VIEW pghero.pg_stats AS SELECT * FROM pghero.pg_stats();
 CREATE ROLE pghero WITH LOGIN ENCRYPTED PASSWORD 'secret';
 GRANT CONNECT ON DATABASE <dbname> TO pghero;
 ALTER ROLE pghero SET search_path = pghero, pg_catalog, public;
+ALTER ROLE pghero SET lock_timeout = '1s';
 GRANT USAGE ON SCHEMA pghero TO pghero;
 GRANT SELECT ON ALL TABLES IN SCHEMA pghero TO pghero;
 
diff --git a/lib/pghero/version.rb b/lib/pghero/version.rb
index 19d9ddbc5..9151f53f9 100644
--- a/lib/pghero/version.rb
+++ b/lib/pghero/version.rb
@@ -1,3 +1,3 @@
 module PgHero
-  VERSION = "3.2.0"
+  VERSION = "3.3.0"
 end

From 8ef8569cb9944e3eccf8b90a8ddb0470358f9fff Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Tue, 14 Mar 2023 14:13:52 -0700
Subject: [PATCH 50/57] Fixed error with Uglifier - fixes #447

---
 CHANGELOG.md                                  |   4 +
 .../javascripts/pghero/highlight.min.js       | 463 ++++++++++--------
 2 files changed, 269 insertions(+), 198 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4960356de..4269318e1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 3.3.1 (unreleased)
+
+- Fixed error with Uglifier
+
 ## 3.3.0 (2023-03-11)
 
 - Improved handling of lock timeouts
diff --git a/app/assets/javascripts/pghero/highlight.min.js b/app/assets/javascripts/pghero/highlight.min.js
index 60efbb06a..78471059d 100644
--- a/app/assets/javascripts/pghero/highlight.min.js
+++ b/app/assets/javascripts/pghero/highlight.min.js
@@ -4,71 +4,104 @@
   License: BSD-3-Clause
  */
 var hljs=function(){"use strict";var e={exports:{}};function t(e){
-return e instanceof Map?e.clear=e.delete=e.set=()=>{
-throw Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=()=>{
+return e instanceof Map?e.clear=e.delete=e.set=function (){
+throw Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function (){
 throw Error("set is read-only")
-}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach((n=>{var i=e[n]
+}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach((function (n){var i=e[n]
 ;"object"!=typeof i||Object.isFrozen(i)||t(i)})),e}
-e.exports=t,e.exports.default=t;class n{constructor(e){
-void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}
-ignoreMatch(){this.isMatchIgnored=!0}}function i(e){
+e.exports=t,e.exports.default=t;var n = function n(e){
+void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1};
+n.prototype.ignoreMatch = function ignoreMatch (){this.isMatchIgnored=!0};function i(e){
 return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")
-}function r(e,...t){const n=Object.create(null);for(const t in e)n[t]=e[t]
-;return t.forEach((e=>{for(const t in e)n[t]=e[t]})),n}
-const s=e=>!!e.scope||e.sublanguage&&e.language;class o{constructor(e,t){
-this.buffer="",this.classPrefix=t.classPrefix,e.walk(this)}addText(e){
-this.buffer+=i(e)}openNode(e){if(!s(e))return;let t=""
-;t=e.sublanguage?"language-"+e.language:((e,{prefix:t})=>{if(e.includes(".")){
-const n=e.split(".")
-;return[`${t}${n.shift()}`,...n.map(((e,t)=>`${e}${"_".repeat(t+1)}`))].join(" ")
-}return`${t}${e}`})(e.scope,{prefix:this.classPrefix}),this.span(t)}
-closeNode(e){s(e)&&(this.buffer+="</span>")}value(){return this.buffer}span(e){
-this.buffer+=`<span class="${e}">`}}const a=(e={})=>{const t={children:[]}
-;return Object.assign(t,e),t};class c{constructor(){
-this.rootNode=a(),this.stack=[this.rootNode]}get top(){
-return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){
-this.top.children.push(e)}openNode(e){const t=a({scope:e})
-;this.add(t),this.stack.push(t)}closeNode(){
-if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){
-for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}
-walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,t){
+}function r(e){
+var t = [], len = arguments.length - 1;
+while ( len-- > 0 ) t[ len ] = arguments[ len + 1 ];
+var n=Object.create(null);for(var t$1 in e){ n[t$1]=e[t$1]
+; }return t.forEach((function (e){for(var t in e){ n[t]=e[t] }})),n}
+var s=function (e){ return !!e.scope||e.sublanguage&&e.language; };var o = function o(e,t){
+this.buffer="",this.classPrefix=t.classPrefix,e.walk(this)};o.prototype.addText = function addText (e){
+this.buffer+=i(e)};o.prototype.openNode = function openNode (e){if(!s(e)){ return; }var t=""
+;t=e.sublanguage?"language-"+e.language:(function (e,ref){
+var t = ref.prefix;
+if(e.includes(".")){
+var n=e.split(".")
+;return[("" + t + (n.shift())) ].concat( n.map((function (e,t){ return ("" + e + ("_".repeat(t+1))); }))).join(" ")
+}return("" + t + e)})(e.scope,{prefix:this.classPrefix}),this.span(t)};
+o.prototype.closeNode = function closeNode (e){s(e)&&(this.buffer+="</span>")};o.prototype.value = function value (){return this.buffer};o.prototype.span = function span (e){
+this.buffer+="<span class=\"" + e + "\">"};var a=function (e){
+if ( e === void 0 ) e={};
+var t={children:[]}
+;return Object.assign(t,e),t};var c = function c(){
+this.rootNode=a(),this.stack=[this.rootNode]};
+
+var prototypeAccessors = { top: { configurable: true },root: { configurable: true } };prototypeAccessors.top.get = function (){
+return this.stack[this.stack.length-1]};prototypeAccessors.root.get = function (){return this.rootNode};c.prototype.add = function add (e){
+this.top.children.push(e)};c.prototype.openNode = function openNode (e){var t=a({scope:e})
+;this.add(t),this.stack.push(t)};c.prototype.closeNode = function closeNode (){
+if(this.stack.length>1){ return this.stack.pop() }};c.prototype.closeAllNodes = function closeAllNodes (){
+for(;this.closeNode();){ ; }};c.prototype.toJSON = function toJSON (){return JSON.stringify(this.rootNode,null,4)};
+c.prototype.walk = function walk (e){return this.constructor._walk(e,this.rootNode)};c._walk = function _walk (e,t){
+var this$1 = this;
+
 return"string"==typeof t?e.addText(t):t.children&&(e.openNode(t),
-t.children.forEach((t=>this._walk(e,t))),e.closeNode(t)),e}static _collapse(e){
-"string"!=typeof e&&e.children&&(e.children.every((e=>"string"==typeof e))?e.children=[e.children.join("")]:e.children.forEach((e=>{
-c._collapse(e)})))}}class l extends c{constructor(e){super(),this.options=e}
-addKeyword(e,t){""!==e&&(this.openNode(t),this.addText(e),this.closeNode())}
-addText(e){""!==e&&this.add(e)}addSublanguage(e,t){const n=e.root
-;n.sublanguage=!0,n.language=t,this.add(n)}toHTML(){
-return new o(this,this.options).value()}finalize(){return!0}}function g(e){
+t.children.forEach((function (t){ return this$1._walk(e,t); })),e.closeNode(t)),e};c._collapse = function _collapse (e){
+"string"!=typeof e&&e.children&&(e.children.every((function (e){ return "string"==typeof e; }))?e.children=[e.children.join("")]:e.children.forEach((function (e){
+c._collapse(e)})))};
+
+Object.defineProperties( c.prototype, prototypeAccessors );var l = /*@__PURE__*/(function (c) {
+  function l(e){c.call(this),this.options=e}
+
+  if ( c ) l.__proto__ = c;
+  l.prototype = Object.create( c && c.prototype );
+  l.prototype.constructor = l;
+l.prototype.addKeyword = function addKeyword (e,t){""!==e&&(this.openNode(t),this.addText(e),this.closeNode())};
+l.prototype.addText = function addText (e){""!==e&&this.add(e)};l.prototype.addSublanguage = function addSublanguage (e,t){var n=e.root
+;n.sublanguage=!0,n.language=t,this.add(n)};l.prototype.toHTML = function toHTML (){
+return new o(this,this.options).value()};l.prototype.finalize = function finalize (){return!0};
+
+  return l;
+}(c));function g(e){
 return e?"string"==typeof e?e:e.source:null}function d(e){return p("(?=",e,")")}
 function u(e){return p("(?:",e,")*")}function h(e){return p("(?:",e,")?")}
-function p(...e){return e.map((e=>g(e))).join("")}function f(...e){const t=(e=>{
-const t=e[e.length-1]
+function p(){
+var e = [], len = arguments.length;
+while ( len-- ) e[ len ] = arguments[ len ];
+return e.map((function (e){ return g(e); })).join("")}function f(){
+var e = [], len = arguments.length;
+while ( len-- ) e[ len ] = arguments[ len ];
+var t=(function (e){
+var t=e[e.length-1]
 ;return"object"==typeof t&&t.constructor===Object?(e.splice(e.length-1,1),t):{}
-})(e);return"("+(t.capture?"":"?:")+e.map((e=>g(e))).join("|")+")"}
+})(e);return"("+(t.capture?"":"?:")+e.map((function (e){ return g(e); })).join("|")+")"}
 function b(e){return RegExp(e.toString()+"|").exec("").length-1}
-const m=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./
-;function E(e,{joinWith:t}){let n=0;return e.map((e=>{n+=1;const t=n
-;let i=g(e),r="";for(;i.length>0;){const e=m.exec(i);if(!e){r+=i;break}
-r+=i.substring(0,e.index),
-i=i.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?r+="\\"+(Number(e[1])+t):(r+=e[0],
-"("===e[0]&&n++)}return r})).map((e=>`(${e})`)).join(t)}
-const x="[a-zA-Z]\\w*",w="[a-zA-Z_]\\w*",y="\\b\\d+(\\.\\d+)?",_="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",O="\\b(0b[01]+)",v={
+var m=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./
+;function E(e,ref){
+var t = ref.joinWith;
+var n=0;return e.map((function (e){n+=1;var t=n
+;var i=g(e),r="";for(;i.length>0;){var e$1=m.exec(i);if(!e$1){r+=i;break}
+r+=i.substring(0,e$1.index),
+i=i.substring(e$1.index+e$1[0].length),"\\"===e$1[0][0]&&e$1[1]?r+="\\"+(Number(e$1[1])+t):(r+=e$1[0],
+"("===e$1[0]&&n++)}return r})).map((function (e){ return ("(" + e + ")"); })).join(t)}
+var x="[a-zA-Z]\\w*",w="[a-zA-Z_]\\w*",y="\\b\\d+(\\.\\d+)?",_="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",O="\\b(0b[01]+)",v={
 begin:"\\\\[\\s\\S]",relevance:0},N={scope:"string",begin:"'",end:"'",
 illegal:"\\n",contains:[v]},k={scope:"string",begin:'"',end:'"',illegal:"\\n",
-contains:[v]},M=(e,t,n={})=>{const i=r({scope:"comment",begin:e,end:t,
+contains:[v]},M=function (e,t,n){
+if ( n === void 0 ) n={};
+var i=r({scope:"comment",begin:e,end:t,
 contains:[]},n);i.contains.push({scope:"doctag",
 begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",
 end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0})
-;const s=f("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/)
+;var s=f("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/)
 ;return i.contains.push({begin:p(/[ ]+/,"(",s,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),i
 },S=M("//","$"),R=M("/\\*","\\*/"),j=M("#","$");var A=Object.freeze({
 __proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:x,UNDERSCORE_IDENT_RE:w,
 NUMBER_RE:y,C_NUMBER_RE:_,BINARY_NUMBER_RE:O,
 RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",
-SHEBANG:(e={})=>{const t=/^#![ ]*\//
+SHEBANG:function (e){
+if ( e === void 0 ) e={};
+var t=/^#![ ]*\//
 ;return e.binary&&(e.begin=p(t,/.*\b/,e.binary,/\b.*/)),r({scope:"meta",begin:t,
-end:/$/,relevance:0,"on:begin":(e,t)=>{0!==e.index&&t.ignoreMatch()}},e)},
+end:/$/,relevance:0,"on:begin":function (e,t){0!==e.index&&t.ignoreMatch()}},e)},
 BACKSLASH_ESCAPE:v,APOS_STRING_MODE:N,QUOTE_STRING_MODE:k,PHRASAL_WORDS_MODE:{
 begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/
 },COMMENT:M,C_LINE_COMMENT_MODE:S,C_BLOCK_COMMENT_MODE:R,HASH_COMMENT_MODE:j,
@@ -78,80 +111,94 @@ REGEXP_MODE:{begin:/(?=\/[^/\n]*\/)/,contains:[{scope:"regexp",begin:/\//,
 end:/\/[gimuy]*/,illegal:/\n/,contains:[v,{begin:/\[/,end:/\]/,relevance:0,
 contains:[v]}]}]},TITLE_MODE:{scope:"title",begin:x,relevance:0},
 UNDERSCORE_TITLE_MODE:{scope:"title",begin:w,relevance:0},METHOD_GUARD:{
-begin:"\\.\\s*[a-zA-Z_]\\w*",relevance:0},END_SAME_AS_BEGIN:e=>Object.assign(e,{
-"on:begin":(e,t)=>{t.data._beginMatch=e[1]},"on:end":(e,t)=>{
-t.data._beginMatch!==e[1]&&t.ignoreMatch()}})});function I(e,t){
+begin:"\\.\\s*[a-zA-Z_]\\w*",relevance:0},END_SAME_AS_BEGIN:function (e){ return Object.assign(e,{
+"on:begin":function (e,t){t.data._beginMatch=e[1]},"on:end":function (e,t){
+t.data._beginMatch!==e[1]&&t.ignoreMatch()}}); }});function I(e,t){
 "."===e.input[e.index-1]&&t.ignoreMatch()}function T(e,t){
 void 0!==e.className&&(e.scope=e.className,delete e.className)}function L(e,t){
 t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",
 e.__beforeBegin=I,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,
 void 0===e.relevance&&(e.relevance=0))}function B(e,t){
-Array.isArray(e.illegal)&&(e.illegal=f(...e.illegal))}function D(e,t){
+Array.isArray(e.illegal)&&(e.illegal=f.apply(void 0, e.illegal))}function D(e,t){
 if(e.match){
-if(e.begin||e.end)throw Error("begin & end are not supported with match")
-;e.begin=e.match,delete e.match}}function H(e,t){
-void 0===e.relevance&&(e.relevance=1)}const P=(e,t)=>{if(!e.beforeMatch)return
-;if(e.starts)throw Error("beforeMatch cannot be used with starts")
-;const n=Object.assign({},e);Object.keys(e).forEach((t=>{delete e[t]
+if(e.begin||e.end){ throw Error("begin & end are not supported with match")
+; }e.begin=e.match,delete e.match}}function H(e,t){
+void 0===e.relevance&&(e.relevance=1)}var P=function (e,t){if(!e.beforeMatch){ return
+; }if(e.starts){ throw Error("beforeMatch cannot be used with starts")
+; }var n=Object.assign({},e);Object.keys(e).forEach((function (t){delete e[t]
 })),e.keywords=n.keywords,e.begin=p(n.beforeMatch,d(n.begin)),e.starts={
 relevance:0,contains:[Object.assign(n,{endsParent:!0})]
 },e.relevance=0,delete n.beforeMatch
 },C=["of","and","for","in","not","or","if","then","parent","list","value"]
-;function $(e,t,n="keyword"){const i=Object.create(null)
-;return"string"==typeof e?r(n,e.split(" ")):Array.isArray(e)?r(n,e):Object.keys(e).forEach((n=>{
+;function $(e,t,n){
+if ( n === void 0 ) n="keyword";
+var i=Object.create(null)
+;return"string"==typeof e?r(n,e.split(" ")):Array.isArray(e)?r(n,e):Object.keys(e).forEach((function (n){
 Object.assign(i,$(e[n],t,n))})),i;function r(e,n){
-t&&(n=n.map((e=>e.toLowerCase()))),n.forEach((t=>{const n=t.split("|")
+t&&(n=n.map((function (e){ return e.toLowerCase(); }))),n.forEach((function (t){var n=t.split("|")
 ;i[n[0]]=[e,U(n[0],n[1])]}))}}function U(e,t){
-return t?Number(t):(e=>C.includes(e.toLowerCase()))(e)?0:1}const z={},K=e=>{
-console.error(e)},W=(e,...t)=>{console.log("WARN: "+e,...t)},X=(e,t)=>{
-z[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),z[`${e}/${t}`]=!0)
-},G=Error();function Z(e,t,{key:n}){let i=0;const r=e[n],s={},o={}
-;for(let e=1;e<=t.length;e++)o[e+i]=r[e],s[e+i]=!0,i+=b(t[e-1])
-;e[n]=o,e[n]._emit=s,e[n]._multi=!0}function F(e){(e=>{
+return t?Number(t):(function (e){ return C.includes(e.toLowerCase()); })(e)?0:1}var z={},K=function (e){
+console.error(e)},W=function (e){
+var t = [], len = arguments.length - 1;
+while ( len-- > 0 ) t[ len ] = arguments[ len + 1 ];
+console.log.apply(console, [ "WARN: "+e ].concat( t ))},X=function (e,t){
+z[(e + "/" + t)]||(console.log(("Deprecated as of " + e + ". " + t)),z[(e + "/" + t)]=!0)
+},G=Error();function Z(e,t,ref){
+var n = ref.key;
+var i=0;var r=e[n],s={},o={}
+;for(var e$1=1;e$1<=t.length;e$1++){ o[e$1+i]=r[e$1],s[e$1+i]=!0,i+=b(t[e$1-1])
+; }e[n]=o,e[n]._emit=s,e[n]._multi=!0}function F(e){(function (e){
 e.scope&&"object"==typeof e.scope&&null!==e.scope&&(e.beginScope=e.scope,
 delete e.scope)})(e),"string"==typeof e.beginScope&&(e.beginScope={
 _wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope
-}),(e=>{if(Array.isArray(e.begin)){
-if(e.skip||e.excludeBegin||e.returnBegin)throw K("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),
+}),(function (e){if(Array.isArray(e.begin)){
+if(e.skip||e.excludeBegin||e.returnBegin){ throw K("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),
 G
-;if("object"!=typeof e.beginScope||null===e.beginScope)throw K("beginScope must be object"),
-G;Z(e,e.begin,{key:"beginScope"}),e.begin=E(e.begin,{joinWith:""})}})(e),(e=>{
+; }if("object"!=typeof e.beginScope||null===e.beginScope){ throw K("beginScope must be object"),
+G; }Z(e,e.begin,{key:"beginScope"}),e.begin=E(e.begin,{joinWith:""})}})(e),(function (e){
 if(Array.isArray(e.end)){
-if(e.skip||e.excludeEnd||e.returnEnd)throw K("skip, excludeEnd, returnEnd not compatible with endScope: {}"),
+if(e.skip||e.excludeEnd||e.returnEnd){ throw K("skip, excludeEnd, returnEnd not compatible with endScope: {}"),
 G
-;if("object"!=typeof e.endScope||null===e.endScope)throw K("endScope must be object"),
-G;Z(e,e.end,{key:"endScope"}),e.end=E(e.end,{joinWith:""})}})(e)}function V(e){
+; }if("object"!=typeof e.endScope||null===e.endScope){ throw K("endScope must be object"),
+G; }Z(e,e.end,{key:"endScope"}),e.end=E(e.end,{joinWith:""})}})(e)}function V(e){
 function t(t,n){
 return RegExp(g(t),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(n?"g":""))
-}class n{constructor(){
-this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}
-addRule(e,t){
+}var n = function n(){
+this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0};
+n.prototype.addRule = function addRule (e,t){
 t.position=this.position++,this.matchIndexes[this.matchAt]=t,this.regexes.push([t,e]),
-this.matchAt+=b(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null)
-;const e=this.regexes.map((e=>e[1]));this.matcherRe=t(E(e,{joinWith:"|"
-}),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex
-;const t=this.matcherRe.exec(e);if(!t)return null
-;const n=t.findIndex(((e,t)=>t>0&&void 0!==e)),i=this.matchIndexes[n]
-;return t.splice(0,n),Object.assign(t,i)}}class i{constructor(){
+this.matchAt+=b(e)+1};n.prototype.compile = function compile (){0===this.regexes.length&&(this.exec=function (){ return null; })
+;var e=this.regexes.map((function (e){ return e[1]; }));this.matcherRe=t(E(e,{joinWith:"|"
+}),!0),this.lastIndex=0};n.prototype.exec = function exec (e){this.matcherRe.lastIndex=this.lastIndex
+;var t=this.matcherRe.exec(e);if(!t){ return null
+; }var n=t.findIndex((function (e,t){ return t>0&&void 0!==e; })),i=this.matchIndexes[n]
+;return t.splice(0,n),Object.assign(t,i)};var i = function i(){
 this.rules=[],this.multiRegexes=[],
-this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){
-if(this.multiRegexes[e])return this.multiRegexes[e];const t=new n
-;return this.rules.slice(e).forEach((([e,n])=>t.addRule(e,n))),
-t.compile(),this.multiRegexes[e]=t,t}resumingScanAtSamePosition(){
-return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,t){
-this.rules.push([e,t]),"begin"===t.type&&this.count++}exec(e){
-const t=this.getMatcher(this.regexIndex);t.lastIndex=this.lastIndex
-;let n=t.exec(e)
-;if(this.resumingScanAtSamePosition())if(n&&n.index===this.lastIndex);else{
-const t=this.getMatcher(0);t.lastIndex=this.lastIndex+1,n=t.exec(e)}
+this.count=0,this.lastIndex=0,this.regexIndex=0};i.prototype.getMatcher = function getMatcher (e){
+if(this.multiRegexes[e]){ return this.multiRegexes[e]; }var t=new n
+;return this.rules.slice(e).forEach((function (ref){
+  var e = ref[0];
+  var n = ref[1];
+
+  return t.addRule(e,n);
+})),
+t.compile(),this.multiRegexes[e]=t,t};i.prototype.resumingScanAtSamePosition = function resumingScanAtSamePosition (){
+return 0!==this.regexIndex};i.prototype.considerAll = function considerAll (){this.regexIndex=0};i.prototype.addRule = function addRule (e,t){
+this.rules.push([e,t]),"begin"===t.type&&this.count++};i.prototype.exec = function exec (e){
+var t=this.getMatcher(this.regexIndex);t.lastIndex=this.lastIndex
+;var n=t.exec(e)
+;if(this.resumingScanAtSamePosition()){ if(n&&n.index===this.lastIndex){ ; }else{
+var t$1=this.getMatcher(0);t$1.lastIndex=this.lastIndex+1,n=t$1.exec(e)} }
 return n&&(this.regexIndex+=n.position+1,
-this.regexIndex===this.count&&this.considerAll()),n}}
+this.regexIndex===this.count&&this.considerAll()),n};
 if(e.compilerExtensions||(e.compilerExtensions=[]),
-e.contains&&e.contains.includes("self"))throw Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.")
-;return e.classNameAliases=r(e.classNameAliases||{}),function n(s,o){const a=s
-;if(s.isCompiled)return a
-;[T,D,F,P].forEach((e=>e(s,o))),e.compilerExtensions.forEach((e=>e(s,o))),
-s.__beforeBegin=null,[L,B,H].forEach((e=>e(s,o))),s.isCompiled=!0;let c=null
+e.contains&&e.contains.includes("self")){ throw Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.")
+; }return e.classNameAliases=r(e.classNameAliases||{}),function n(s,o){
+var ref;
+var a=s
+;if(s.isCompiled){ return a
+; }[T,D,F,P].forEach((function (e){ return e(s,o); })),e.compilerExtensions.forEach((function (e){ return e(s,o); })),
+s.__beforeBegin=null,[L,B,H].forEach((function (e){ return e(s,o); })),s.isCompiled=!0;var c=null
 ;return"object"==typeof s.keywords&&s.keywords.$pattern&&(s.keywords=Object.assign({},s.keywords),
 c=s.keywords.$pattern,
 delete s.keywords.$pattern),c=c||/\w+/,s.keywords&&(s.keywords=$(s.keywords,e.case_insensitive)),
@@ -160,151 +207,171 @@ o&&(s.begin||(s.begin=/\B|\b/),a.beginRe=t(a.begin),s.end||s.endsWithParent||(s.
 s.end&&(a.endRe=t(a.end)),
 a.terminatorEnd=g(a.end)||"",s.endsWithParent&&o.terminatorEnd&&(a.terminatorEnd+=(s.end?"|":"")+o.terminatorEnd)),
 s.illegal&&(a.illegalRe=t(s.illegal)),
-s.contains||(s.contains=[]),s.contains=[].concat(...s.contains.map((e=>(e=>(e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map((t=>r(e,{
-variants:null},t)))),e.cachedVariants?e.cachedVariants:q(e)?r(e,{
+s.contains||(s.contains=[]),s.contains=(ref = []).concat.apply(ref, s.contains.map((function (e){ return (function (e){ return (e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map((function (t){ return r(e,{
+variants:null},t); }))),e.cachedVariants?e.cachedVariants:q(e)?r(e,{
 starts:e.starts?r(e.starts):null
-}):Object.isFrozen(e)?r(e):e))("self"===e?s:e)))),s.contains.forEach((e=>{n(e,a)
-})),s.starts&&n(s.starts,o),a.matcher=(e=>{const t=new i
-;return e.contains.forEach((e=>t.addRule(e.begin,{rule:e,type:"begin"
-}))),e.terminatorEnd&&t.addRule(e.terminatorEnd,{type:"end"
+}):Object.isFrozen(e)?r(e):e); })("self"===e?s:e); }))),s.contains.forEach((function (e){n(e,a)
+})),s.starts&&n(s.starts,o),a.matcher=(function (e){var t=new i
+;return e.contains.forEach((function (e){ return t.addRule(e.begin,{rule:e,type:"begin"
+}); })),e.terminatorEnd&&t.addRule(e.terminatorEnd,{type:"end"
 }),e.illegal&&t.addRule(e.illegal,{type:"illegal"}),t})(a),a}(e)}function q(e){
-return!!e&&(e.endsWithParent||q(e.starts))}class J extends Error{
-constructor(e,t){super(e),this.name="HTMLInjectionError",this.html=t}}
-const Y=i,Q=r,ee=Symbol("nomatch");var te=(t=>{
-const i=Object.create(null),r=Object.create(null),s=[];let o=!0
-;const a="Could not find the language '{}', did you forget to load/include a language module?",c={
-disableAutodetect:!0,name:"Plain text",contains:[]};let g={
+return!!e&&(e.endsWithParent||q(e.starts))}var J = /*@__PURE__*/(function (Error) {
+  function J(e,t){Error.call(this, e),this.name="HTMLInjectionError",this.html=t}
+
+  if ( Error ) J.__proto__ = Error;
+  J.prototype = Object.create( Error && Error.prototype );
+  J.prototype.constructor = J;
+
+  return J;
+}(Error));
+var Y=i,Q=r,ee=Symbol("nomatch");var te=(function (t){
+var i=Object.create(null),r=Object.create(null),s=[];var o=!0
+;var a="Could not find the language '{}', did you forget to load/include a language module?",c={
+disableAutodetect:!0,name:"Plain text",contains:[]};var g={
 ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,
 languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",
 cssSelector:"pre code",languages:null,__emitter:l};function b(e){
-return g.noHighlightRe.test(e)}function m(e,t,n){let i="",r=""
+return g.noHighlightRe.test(e)}function m(e,t,n){var i="",r=""
 ;"object"==typeof t?(i=e,
 n=t.ignoreIllegals,r=t.language):(X("10.7.0","highlight(lang, code, ...args) has been deprecated."),
 X("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),
-r=e,i=t),void 0===n&&(n=!0);const s={code:i,language:r};k("before:highlight",s)
-;const o=s.result?s.result:E(s.language,s.code,n)
+r=e,i=t),void 0===n&&(n=!0);var s={code:i,language:r};k("before:highlight",s)
+;var o=s.result?s.result:E(s.language,s.code,n)
 ;return o.code=s.code,k("after:highlight",o),o}function E(e,t,r,s){
-const c=Object.create(null);function l(){if(!N.keywords)return void M.addText(S)
-;let e=0;N.keywordPatternRe.lastIndex=0;let t=N.keywordPatternRe.exec(S),n=""
+var c=Object.create(null);function l(){if(!N.keywords){ return void M.addText(S)
+; }var e=0;N.keywordPatternRe.lastIndex=0;var t=N.keywordPatternRe.exec(S),n=""
 ;for(;t;){n+=S.substring(e,t.index)
-;const r=y.case_insensitive?t[0].toLowerCase():t[0],s=(i=r,N.keywords[i]);if(s){
-const[e,i]=s
-;if(M.addText(n),n="",c[r]=(c[r]||0)+1,c[r]<=7&&(R+=i),e.startsWith("_"))n+=t[0];else{
-const n=y.classNameAliases[e]||e;M.addKeyword(t[0],n)}}else n+=t[0]
-;e=N.keywordPatternRe.lastIndex,t=N.keywordPatternRe.exec(S)}var i
-;n+=S.substring(e),M.addText(n)}function d(){null!=N.subLanguage?(()=>{
-if(""===S)return;let e=null;if("string"==typeof N.subLanguage){
-if(!i[N.subLanguage])return void M.addText(S)
-;e=E(N.subLanguage,S,!0,k[N.subLanguage]),k[N.subLanguage]=e._top
-}else e=x(S,N.subLanguage.length?N.subLanguage:null)
-;N.relevance>0&&(R+=e.relevance),M.addSublanguage(e._emitter,e.language)
-})():l(),S=""}function u(e,t){let n=1;const i=t.length-1;for(;n<=i;){
-if(!e._emit[n]){n++;continue}const i=y.classNameAliases[e[n]]||e[n],r=t[n]
-;i?M.addKeyword(r,i):(S=r,l(),S=""),n++}}function h(e,t){
+;var r=y.case_insensitive?t[0].toLowerCase():t[0],s=(i=r,N.keywords[i]);if(s){
+var e$1 = s[0];
+var i$1 = s[1];if(M.addText(n),n="",c[r]=(c[r]||0)+1,c[r]<=7&&(R+=i$1),e$1.startsWith("_")){ n+=t[0]; }else{
+var n$1=y.classNameAliases[e$1]||e$1;M.addKeyword(t[0],n$1)}}else { n+=t[0]
+; }e=N.keywordPatternRe.lastIndex,t=N.keywordPatternRe.exec(S)}var i
+;n+=S.substring(e),M.addText(n)}function d(){null!=N.subLanguage?(function (){
+if(""===S){ return; }var e=null;if("string"==typeof N.subLanguage){
+if(!i[N.subLanguage]){ return void M.addText(S)
+; }e=E(N.subLanguage,S,!0,k[N.subLanguage]),k[N.subLanguage]=e._top
+}else { e=x(S,N.subLanguage.length?N.subLanguage:null)
+; }N.relevance>0&&(R+=e.relevance),M.addSublanguage(e._emitter,e.language)
+})():l(),S=""}function u(e,t){var n=1;var i=t.length-1;for(;n<=i;){
+if(!e._emit[n]){n++;continue}var i$1=y.classNameAliases[e[n]]||e[n],r=t[n]
+;i$1?M.addKeyword(r,i$1):(S=r,l(),S=""),n++}}function h(e,t){
 return e.scope&&"string"==typeof e.scope&&M.openNode(y.classNameAliases[e.scope]||e.scope),
 e.beginScope&&(e.beginScope._wrap?(M.addKeyword(S,y.classNameAliases[e.beginScope._wrap]||e.beginScope._wrap),
 S=""):e.beginScope._multi&&(u(e.beginScope,t),S="")),N=Object.create(e,{parent:{
-value:N}}),N}function p(e,t,i){let r=((e,t)=>{const n=e&&e.exec(t)
-;return n&&0===n.index})(e.endRe,i);if(r){if(e["on:end"]){const i=new n(e)
-;e["on:end"](t,i),i.isMatchIgnored&&(r=!1)}if(r){
-for(;e.endsParent&&e.parent;)e=e.parent;return e}}
-if(e.endsWithParent)return p(e.parent,t,i)}function f(e){
+value:N}}),N}function p(e,t,i){var r=(function (e,t){var n=e&&e.exec(t)
+;return n&&0===n.index})(e.endRe,i);if(r){if(e["on:end"]){var i$1=new n(e)
+;e["on:end"](t,i$1),i$1.isMatchIgnored&&(r=!1)}if(r){
+for(;e.endsParent&&e.parent;){ e=e.parent; }return e}}
+if(e.endsWithParent){ return p(e.parent,t,i) }}function f(e){
 return 0===N.matcher.regexIndex?(S+=e[0],1):(I=!0,0)}function b(e){
-const n=e[0],i=t.substring(e.index),r=p(N,e,i);if(!r)return ee;const s=N
+var n=e[0],i=t.substring(e.index),r=p(N,e,i);if(!r){ return ee; }var s=N
 ;N.endScope&&N.endScope._wrap?(d(),
 M.addKeyword(n,N.endScope._wrap)):N.endScope&&N.endScope._multi?(d(),
 u(N.endScope,e)):s.skip?S+=n:(s.returnEnd||s.excludeEnd||(S+=n),
 d(),s.excludeEnd&&(S=n));do{
 N.scope&&M.closeNode(),N.skip||N.subLanguage||(R+=N.relevance),N=N.parent
 }while(N!==r.parent);return r.starts&&h(r.starts,e),s.returnEnd?0:n.length}
-let m={};function w(i,s){const a=s&&s[0];if(S+=i,null==a)return d(),0
-;if("begin"===m.type&&"end"===s.type&&m.index===s.index&&""===a){
-if(S+=t.slice(s.index,s.index+1),!o){const t=Error(`0 width match regex (${e})`)
-;throw t.languageName=e,t.badRule=m.rule,t}return 1}
-if(m=s,"begin"===s.type)return(e=>{
-const t=e[0],i=e.rule,r=new n(i),s=[i.__beforeBegin,i["on:begin"]]
-;for(const n of s)if(n&&(n(e,r),r.isMatchIgnored))return f(t)
-;return i.skip?S+=t:(i.excludeBegin&&(S+=t),
+var m={};function w(i,s){var a=s&&s[0];if(S+=i,null==a){ return d(),0
+; }if("begin"===m.type&&"end"===s.type&&m.index===s.index&&""===a){
+if(S+=t.slice(s.index,s.index+1),!o){var t$1=Error(("0 width match regex (" + e + ")"))
+;throw t$1.languageName=e,t$1.badRule=m.rule,t$1}return 1}
+if(m=s,"begin"===s.type){ return(function (e){
+var t=e[0],i=e.rule,r=new n(i),s=[i.__beforeBegin,i["on:begin"]]
+;for(var i$1 = 0, list = s; i$1 < list.length; i$1 += 1){
+  var n$1 = list[i$1];
+
+  if(n$1&&(n$1(e,r),r.isMatchIgnored)){ return f(t)
+;
+} }return i.skip?S+=t:(i.excludeBegin&&(S+=t),
 d(),i.returnBegin||i.excludeBegin||(S=t)),h(i,e),i.returnBegin?0:t.length})(s)
-;if("illegal"===s.type&&!r){
-const e=Error('Illegal lexeme "'+a+'" for mode "'+(N.scope||"<unnamed>")+'"')
-;throw e.mode=N,e}if("end"===s.type){const e=b(s);if(e!==ee)return e}
-if("illegal"===s.type&&""===a)return 1
-;if(A>1e5&&A>3*s.index)throw Error("potential infinite loop, way more iterations than matches")
-;return S+=a,a.length}const y=O(e)
-;if(!y)throw K(a.replace("{}",e)),Error('Unknown language: "'+e+'"')
-;const _=V(y);let v="",N=s||_;const k={},M=new g.__emitter(g);(()=>{const e=[]
-;for(let t=N;t!==y;t=t.parent)t.scope&&e.unshift(t.scope)
-;e.forEach((e=>M.openNode(e)))})();let S="",R=0,j=0,A=0,I=!1;try{
+; }if("illegal"===s.type&&!r){
+var e$1=Error('Illegal lexeme "'+a+'" for mode "'+(N.scope||"<unnamed>")+'"')
+;throw e$1.mode=N,e$1}if("end"===s.type){var e$2=b(s);if(e$2!==ee){ return e$2 }}
+if("illegal"===s.type&&""===a){ return 1
+; }if(A>1e5&&A>3*s.index){ throw Error("potential infinite loop, way more iterations than matches")
+; }return S+=a,a.length}var y=O(e)
+;if(!y){ throw K(a.replace("{}",e)),Error('Unknown language: "'+e+'"')
+; }var _=V(y);var v="",N=s||_;var k={},M=new g.__emitter(g);(function (){var e=[]
+;for(var t=N;t!==y;t=t.parent){ t.scope&&e.unshift(t.scope)
+; }e.forEach((function (e){ return M.openNode(e); }))})();var S="",R=0,j=0,A=0,I=!1;try{
 for(N.matcher.considerAll();;){
 A++,I?I=!1:N.matcher.considerAll(),N.matcher.lastIndex=j
-;const e=N.matcher.exec(t);if(!e)break;const n=w(t.substring(j,e.index),e)
-;j=e.index+n}
+;var e$1=N.matcher.exec(t);if(!e$1){ break; }var n$1=w(t.substring(j,e$1.index),e$1)
+;j=e$1.index+n$1}
 return w(t.substring(j)),M.closeAllNodes(),M.finalize(),v=M.toHTML(),{
-language:e,value:v,relevance:R,illegal:!1,_emitter:M,_top:N}}catch(n){
-if(n.message&&n.message.includes("Illegal"))return{language:e,value:Y(t),
-illegal:!0,relevance:0,_illegalBy:{message:n.message,index:j,
-context:t.slice(j-100,j+100),mode:n.mode,resultSoFar:v},_emitter:M};if(o)return{
-language:e,value:Y(t),illegal:!1,relevance:0,errorRaised:n,_emitter:M,_top:N}
-;throw n}}function x(e,t){t=t||g.languages||Object.keys(i);const n=(e=>{
-const t={value:Y(e),illegal:!1,relevance:0,_top:c,_emitter:new g.__emitter(g)}
-;return t._emitter.addText(e),t})(e),r=t.filter(O).filter(N).map((t=>E(t,e,!1)))
-;r.unshift(n);const s=r.sort(((e,t)=>{
-if(e.relevance!==t.relevance)return t.relevance-e.relevance
-;if(e.language&&t.language){if(O(e.language).supersetOf===t.language)return 1
-;if(O(t.language).supersetOf===e.language)return-1}return 0})),[o,a]=s,l=o
-;return l.secondBest=a,l}function w(e){let t=null;const n=(e=>{
-let t=e.className+" ";t+=e.parentNode?e.parentNode.className:""
-;const n=g.languageDetectRe.exec(t);if(n){const t=O(n[1])
-;return t||(W(a.replace("{}",n[1])),
-W("Falling back to no-highlight mode for this block.",e)),t?n[1]:"no-highlight"}
-return t.split(/\s+/).find((e=>b(e)||O(e)))})(e);if(b(n))return
-;if(k("before:highlightElement",{el:e,language:n
+language:e,value:v,relevance:R,illegal:!1,_emitter:M,_top:N}}catch(n$2){
+if(n$2.message&&n$2.message.includes("Illegal")){ return{language:e,value:Y(t),
+illegal:!0,relevance:0,_illegalBy:{message:n$2.message,index:j,
+context:t.slice(j-100,j+100),mode:n$2.mode,resultSoFar:v},_emitter:M}; }if(o){ return{
+language:e,value:Y(t),illegal:!1,relevance:0,errorRaised:n$2,_emitter:M,_top:N}
+; }throw n$2}}function x(e,t){t=t||g.languages||Object.keys(i);var n=(function (e){
+var t={value:Y(e),illegal:!1,relevance:0,_top:c,_emitter:new g.__emitter(g)}
+;return t._emitter.addText(e),t})(e),r=t.filter(O).filter(N).map((function (t){ return E(t,e,!1); }))
+;r.unshift(n);var s=r.sort((function (e,t){
+if(e.relevance!==t.relevance){ return t.relevance-e.relevance
+; }if(e.language&&t.language){if(O(e.language).supersetOf===t.language){ return 1
+; }if(O(t.language).supersetOf===e.language){ return-1 }}return 0}));
+var o = s[0];
+var a = s[1];
+var l=o
+;return l.secondBest=a,l}function w(e){var t=null;var n=(function (e){
+var t=e.className+" ";t+=e.parentNode?e.parentNode.className:""
+;var n=g.languageDetectRe.exec(t);if(n){var t$1=O(n[1])
+;return t$1||(W(a.replace("{}",n[1])),
+W("Falling back to no-highlight mode for this block.",e)),t$1?n[1]:"no-highlight"}
+return t.split(/\s+/).find((function (e){ return b(e)||O(e); }))})(e);if(b(n)){ return
+; }if(k("before:highlightElement",{el:e,language:n
 }),e.children.length>0&&(g.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),
 console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),
 console.warn("The element with unescaped HTML:"),
-console.warn(e)),g.throwUnescapedHTML))throw new J("One of your code blocks includes unescaped HTML.",e.innerHTML)
-;t=e;const i=t.textContent,s=n?m(i,{language:n,ignoreIllegals:!0}):x(i)
-;e.innerHTML=s.value,((e,t,n)=>{const i=t&&r[t]||n
+console.warn(e)),g.throwUnescapedHTML)){ throw new J("One of your code blocks includes unescaped HTML.",e.innerHTML)
+; }t=e;var i=t.textContent,s=n?m(i,{language:n,ignoreIllegals:!0}):x(i)
+;e.innerHTML=s.value,(function (e,t,n){var i=t&&r[t]||n
 ;e.classList.add("hljs"),e.classList.add("language-"+i)
 })(e,n,s.language),e.result={language:s.language,re:s.relevance,
 relevance:s.relevance},s.secondBest&&(e.secondBest={
 language:s.secondBest.language,relevance:s.secondBest.relevance
-}),k("after:highlightElement",{el:e,result:s,text:i})}let y=!1;function _(){
+}),k("after:highlightElement",{el:e,result:s,text:i})}var y=!1;function _(){
 "loading"!==document.readyState?document.querySelectorAll(g.cssSelector).forEach(w):y=!0
 }function O(e){return e=(e||"").toLowerCase(),i[e]||i[r[e]]}
-function v(e,{languageName:t}){"string"==typeof e&&(e=[e]),e.forEach((e=>{
-r[e.toLowerCase()]=t}))}function N(e){const t=O(e)
-;return t&&!t.disableAutodetect}function k(e,t){const n=e;s.forEach((e=>{
+function v(e,ref){
+var t = ref.languageName;
+"string"==typeof e&&(e=[e]),e.forEach((function (e){
+r[e.toLowerCase()]=t}))}function N(e){var t=O(e)
+;return t&&!t.disableAutodetect}function k(e,t){var n=e;s.forEach((function (e){
 e[n]&&e[n](t)}))}
-"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",(()=>{
+"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",(function (){
 y&&_()}),!1),Object.assign(t,{highlight:m,highlightAuto:x,highlightAll:_,
 highlightElement:w,
-highlightBlock:e=>(X("10.7.0","highlightBlock will be removed entirely in v12.0"),
-X("10.7.0","Please use highlightElement now."),w(e)),configure:e=>{g=Q(g,e)},
-initHighlighting:()=>{
+highlightBlock:function (e){ return (X("10.7.0","highlightBlock will be removed entirely in v12.0"),
+X("10.7.0","Please use highlightElement now."),w(e)); },configure:function (e){g=Q(g,e)},
+initHighlighting:function (){
 _(),X("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")},
-initHighlightingOnLoad:()=>{
+initHighlightingOnLoad:function (){
 _(),X("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")
-},registerLanguage:(e,n)=>{let r=null;try{r=n(t)}catch(t){
+},registerLanguage:function (e,n){var r=null;try{r=n(t)}catch(t$1){
 if(K("Language definition for '{}' could not be registered.".replace("{}",e)),
-!o)throw t;K(t),r=c}
+!o){ throw t$1; }K(t$1),r=c}
 r.name||(r.name=e),i[e]=r,r.rawDefinition=n.bind(null,t),r.aliases&&v(r.aliases,{
-languageName:e})},unregisterLanguage:e=>{delete i[e]
-;for(const t of Object.keys(r))r[t]===e&&delete r[t]},
-listLanguages:()=>Object.keys(i),getLanguage:O,registerAliases:v,
-autoDetection:N,inherit:Q,addPlugin:e=>{(e=>{
-e["before:highlightBlock"]&&!e["before:highlightElement"]&&(e["before:highlightElement"]=t=>{
+languageName:e})},unregisterLanguage:function (e){delete i[e]
+;for(var i$1 = 0, list = Object.keys(r); i$1 < list.length; i$1 += 1){
+  var t = list[i$1];
+
+  r[t]===e&&delete r[t]
+}},
+listLanguages:function (){ return Object.keys(i); },getLanguage:O,registerAliases:v,
+autoDetection:N,inherit:Q,addPlugin:function (e){(function (e){
+e["before:highlightBlock"]&&!e["before:highlightElement"]&&(e["before:highlightElement"]=function (t){
 e["before:highlightBlock"](Object.assign({block:t.el},t))
-}),e["after:highlightBlock"]&&!e["after:highlightElement"]&&(e["after:highlightElement"]=t=>{
+}),e["after:highlightBlock"]&&!e["after:highlightElement"]&&(e["after:highlightElement"]=function (t){
 e["after:highlightBlock"](Object.assign({block:t.el},t))})})(e),s.push(e)}
-}),t.debugMode=()=>{o=!1},t.safeMode=()=>{o=!0
+}),t.debugMode=function (){o=!1},t.safeMode=function (){o=!0
 },t.versionString="11.7.0",t.regex={concat:p,lookahead:d,either:f,optional:h,
-anyNumberOfTimes:u};for(const t in A)"object"==typeof A[t]&&e.exports(A[t])
-;return Object.assign(t,A),t})({});return te}()
+anyNumberOfTimes:u};for(var t$1 in A){ "object"==typeof A[t$1]&&e.exports(A[t$1])
+; }return Object.assign(t,A),t})({});return te}()
 ;"object"==typeof exports&&"undefined"!=typeof module&&(module.exports=hljs);/*! `pgsql` grammar compiled for Highlight.js 11.7.0 */
-(()=>{var E=(()=>{"use strict";return E=>{
-const T=E.COMMENT("--","$"),N="\\$([a-zA-Z_]?|[a-zA-Z_][a-zA-Z_0-9]*)\\$",A="BIGINT INT8 BIGSERIAL SERIAL8 BIT VARYING VARBIT BOOLEAN BOOL BOX BYTEA CHARACTER CHAR VARCHAR CIDR CIRCLE DATE DOUBLE PRECISION FLOAT8 FLOAT INET INTEGER INT INT4 INTERVAL JSON JSONB LINE LSEG|10 MACADDR MACADDR8 MONEY NUMERIC DEC DECIMAL PATH POINT POLYGON REAL FLOAT4 SMALLINT INT2 SMALLSERIAL|10 SERIAL2|10 SERIAL|10 SERIAL4|10 TEXT TIME ZONE TIMETZ|10 TIMESTAMP TIMESTAMPTZ|10 TSQUERY|10 TSVECTOR|10 TXID_SNAPSHOT|10 UUID XML NATIONAL NCHAR INT4RANGE|10 INT8RANGE|10 NUMRANGE|10 TSRANGE|10 TSTZRANGE|10 DATERANGE|10 ANYELEMENT ANYARRAY ANYNONARRAY ANYENUM ANYRANGE CSTRING INTERNAL RECORD PG_DDL_COMMAND VOID UNKNOWN OPAQUE REFCURSOR NAME OID REGPROC|10 REGPROCEDURE|10 REGOPER|10 REGOPERATOR|10 REGCLASS|10 REGTYPE|10 REGROLE|10 REGNAMESPACE|10 REGCONFIG|10 REGDICTIONARY|10 ",R=A.trim().split(" ").map((E=>E.split("|")[0])).join("|"),I="ARRAY_AGG AVG BIT_AND BIT_OR BOOL_AND BOOL_OR COUNT EVERY JSON_AGG JSONB_AGG JSON_OBJECT_AGG JSONB_OBJECT_AGG MAX MIN MODE STRING_AGG SUM XMLAGG CORR COVAR_POP COVAR_SAMP REGR_AVGX REGR_AVGY REGR_COUNT REGR_INTERCEPT REGR_R2 REGR_SLOPE REGR_SXX REGR_SXY REGR_SYY STDDEV STDDEV_POP STDDEV_SAMP VARIANCE VAR_POP VAR_SAMP PERCENTILE_CONT PERCENTILE_DISC ROW_NUMBER RANK DENSE_RANK PERCENT_RANK CUME_DIST NTILE LAG LEAD FIRST_VALUE LAST_VALUE NTH_VALUE NUM_NONNULLS NUM_NULLS ABS CBRT CEIL CEILING DEGREES DIV EXP FLOOR LN LOG MOD PI POWER RADIANS ROUND SCALE SIGN SQRT TRUNC WIDTH_BUCKET RANDOM SETSEED ACOS ACOSD ASIN ASIND ATAN ATAND ATAN2 ATAN2D COS COSD COT COTD SIN SIND TAN TAND BIT_LENGTH CHAR_LENGTH CHARACTER_LENGTH LOWER OCTET_LENGTH OVERLAY POSITION SUBSTRING TREAT TRIM UPPER ASCII BTRIM CHR CONCAT CONCAT_WS CONVERT CONVERT_FROM CONVERT_TO DECODE ENCODE INITCAP LEFT LENGTH LPAD LTRIM MD5 PARSE_IDENT PG_CLIENT_ENCODING QUOTE_IDENT|10 QUOTE_LITERAL|10 QUOTE_NULLABLE|10 REGEXP_MATCH REGEXP_MATCHES REGEXP_REPLACE REGEXP_SPLIT_TO_ARRAY REGEXP_SPLIT_TO_TABLE REPEAT REPLACE REVERSE RIGHT RPAD RTRIM SPLIT_PART STRPOS SUBSTR TO_ASCII TO_HEX TRANSLATE OCTET_LENGTH GET_BIT GET_BYTE SET_BIT SET_BYTE TO_CHAR TO_DATE TO_NUMBER TO_TIMESTAMP AGE CLOCK_TIMESTAMP|10 DATE_PART DATE_TRUNC ISFINITE JUSTIFY_DAYS JUSTIFY_HOURS JUSTIFY_INTERVAL MAKE_DATE MAKE_INTERVAL|10 MAKE_TIME MAKE_TIMESTAMP|10 MAKE_TIMESTAMPTZ|10 NOW STATEMENT_TIMESTAMP|10 TIMEOFDAY TRANSACTION_TIMESTAMP|10 ENUM_FIRST ENUM_LAST ENUM_RANGE AREA CENTER DIAMETER HEIGHT ISCLOSED ISOPEN NPOINTS PCLOSE POPEN RADIUS WIDTH BOX BOUND_BOX CIRCLE LINE LSEG PATH POLYGON ABBREV BROADCAST HOST HOSTMASK MASKLEN NETMASK NETWORK SET_MASKLEN TEXT INET_SAME_FAMILY INET_MERGE MACADDR8_SET7BIT ARRAY_TO_TSVECTOR GET_CURRENT_TS_CONFIG NUMNODE PLAINTO_TSQUERY PHRASETO_TSQUERY WEBSEARCH_TO_TSQUERY QUERYTREE SETWEIGHT STRIP TO_TSQUERY TO_TSVECTOR JSON_TO_TSVECTOR JSONB_TO_TSVECTOR TS_DELETE TS_FILTER TS_HEADLINE TS_RANK TS_RANK_CD TS_REWRITE TSQUERY_PHRASE TSVECTOR_TO_ARRAY TSVECTOR_UPDATE_TRIGGER TSVECTOR_UPDATE_TRIGGER_COLUMN XMLCOMMENT XMLCONCAT XMLELEMENT XMLFOREST XMLPI XMLROOT XMLEXISTS XML_IS_WELL_FORMED XML_IS_WELL_FORMED_DOCUMENT XML_IS_WELL_FORMED_CONTENT XPATH XPATH_EXISTS XMLTABLE XMLNAMESPACES TABLE_TO_XML TABLE_TO_XMLSCHEMA TABLE_TO_XML_AND_XMLSCHEMA QUERY_TO_XML QUERY_TO_XMLSCHEMA QUERY_TO_XML_AND_XMLSCHEMA CURSOR_TO_XML CURSOR_TO_XMLSCHEMA SCHEMA_TO_XML SCHEMA_TO_XMLSCHEMA SCHEMA_TO_XML_AND_XMLSCHEMA DATABASE_TO_XML DATABASE_TO_XMLSCHEMA DATABASE_TO_XML_AND_XMLSCHEMA XMLATTRIBUTES TO_JSON TO_JSONB ARRAY_TO_JSON ROW_TO_JSON JSON_BUILD_ARRAY JSONB_BUILD_ARRAY JSON_BUILD_OBJECT JSONB_BUILD_OBJECT JSON_OBJECT JSONB_OBJECT JSON_ARRAY_LENGTH JSONB_ARRAY_LENGTH JSON_EACH JSONB_EACH JSON_EACH_TEXT JSONB_EACH_TEXT JSON_EXTRACT_PATH JSONB_EXTRACT_PATH JSON_OBJECT_KEYS JSONB_OBJECT_KEYS JSON_POPULATE_RECORD JSONB_POPULATE_RECORD JSON_POPULATE_RECORDSET JSONB_POPULATE_RECORDSET JSON_ARRAY_ELEMENTS JSONB_ARRAY_ELEMENTS JSON_ARRAY_ELEMENTS_TEXT JSONB_ARRAY_ELEMENTS_TEXT JSON_TYPEOF JSONB_TYPEOF JSON_TO_RECORD JSONB_TO_RECORD JSON_TO_RECORDSET JSONB_TO_RECORDSET JSON_STRIP_NULLS JSONB_STRIP_NULLS JSONB_SET JSONB_INSERT JSONB_PRETTY CURRVAL LASTVAL NEXTVAL SETVAL COALESCE NULLIF GREATEST LEAST ARRAY_APPEND ARRAY_CAT ARRAY_NDIMS ARRAY_DIMS ARRAY_FILL ARRAY_LENGTH ARRAY_LOWER ARRAY_POSITION ARRAY_POSITIONS ARRAY_PREPEND ARRAY_REMOVE ARRAY_REPLACE ARRAY_TO_STRING ARRAY_UPPER CARDINALITY STRING_TO_ARRAY UNNEST ISEMPTY LOWER_INC UPPER_INC LOWER_INF UPPER_INF RANGE_MERGE GENERATE_SERIES GENERATE_SUBSCRIPTS CURRENT_DATABASE CURRENT_QUERY CURRENT_SCHEMA|10 CURRENT_SCHEMAS|10 INET_CLIENT_ADDR INET_CLIENT_PORT INET_SERVER_ADDR INET_SERVER_PORT ROW_SECURITY_ACTIVE FORMAT_TYPE TO_REGCLASS TO_REGPROC TO_REGPROCEDURE TO_REGOPER TO_REGOPERATOR TO_REGTYPE TO_REGNAMESPACE TO_REGROLE COL_DESCRIPTION OBJ_DESCRIPTION SHOBJ_DESCRIPTION TXID_CURRENT TXID_CURRENT_IF_ASSIGNED TXID_CURRENT_SNAPSHOT TXID_SNAPSHOT_XIP TXID_SNAPSHOT_XMAX TXID_SNAPSHOT_XMIN TXID_VISIBLE_IN_SNAPSHOT TXID_STATUS CURRENT_SETTING SET_CONFIG BRIN_SUMMARIZE_NEW_VALUES BRIN_SUMMARIZE_RANGE BRIN_DESUMMARIZE_RANGE GIN_CLEAN_PENDING_LIST SUPPRESS_REDUNDANT_UPDATES_TRIGGER LO_FROM_BYTEA LO_PUT LO_GET LO_CREAT LO_CREATE LO_UNLINK LO_IMPORT LO_EXPORT LOREAD LOWRITE GROUPING CAST".split(" ").map((E=>E.split("|")[0])).join("|")
+(function (){var E=(function (){"use strict";return function (E){
+var T=E.COMMENT("--","$"),N="\\$([a-zA-Z_]?|[a-zA-Z_][a-zA-Z_0-9]*)\\$",A="BIGINT INT8 BIGSERIAL SERIAL8 BIT VARYING VARBIT BOOLEAN BOOL BOX BYTEA CHARACTER CHAR VARCHAR CIDR CIRCLE DATE DOUBLE PRECISION FLOAT8 FLOAT INET INTEGER INT INT4 INTERVAL JSON JSONB LINE LSEG|10 MACADDR MACADDR8 MONEY NUMERIC DEC DECIMAL PATH POINT POLYGON REAL FLOAT4 SMALLINT INT2 SMALLSERIAL|10 SERIAL2|10 SERIAL|10 SERIAL4|10 TEXT TIME ZONE TIMETZ|10 TIMESTAMP TIMESTAMPTZ|10 TSQUERY|10 TSVECTOR|10 TXID_SNAPSHOT|10 UUID XML NATIONAL NCHAR INT4RANGE|10 INT8RANGE|10 NUMRANGE|10 TSRANGE|10 TSTZRANGE|10 DATERANGE|10 ANYELEMENT ANYARRAY ANYNONARRAY ANYENUM ANYRANGE CSTRING INTERNAL RECORD PG_DDL_COMMAND VOID UNKNOWN OPAQUE REFCURSOR NAME OID REGPROC|10 REGPROCEDURE|10 REGOPER|10 REGOPERATOR|10 REGCLASS|10 REGTYPE|10 REGROLE|10 REGNAMESPACE|10 REGCONFIG|10 REGDICTIONARY|10 ",R=A.trim().split(" ").map((function (E){ return E.split("|")[0]; })).join("|"),I="ARRAY_AGG AVG BIT_AND BIT_OR BOOL_AND BOOL_OR COUNT EVERY JSON_AGG JSONB_AGG JSON_OBJECT_AGG JSONB_OBJECT_AGG MAX MIN MODE STRING_AGG SUM XMLAGG CORR COVAR_POP COVAR_SAMP REGR_AVGX REGR_AVGY REGR_COUNT REGR_INTERCEPT REGR_R2 REGR_SLOPE REGR_SXX REGR_SXY REGR_SYY STDDEV STDDEV_POP STDDEV_SAMP VARIANCE VAR_POP VAR_SAMP PERCENTILE_CONT PERCENTILE_DISC ROW_NUMBER RANK DENSE_RANK PERCENT_RANK CUME_DIST NTILE LAG LEAD FIRST_VALUE LAST_VALUE NTH_VALUE NUM_NONNULLS NUM_NULLS ABS CBRT CEIL CEILING DEGREES DIV EXP FLOOR LN LOG MOD PI POWER RADIANS ROUND SCALE SIGN SQRT TRUNC WIDTH_BUCKET RANDOM SETSEED ACOS ACOSD ASIN ASIND ATAN ATAND ATAN2 ATAN2D COS COSD COT COTD SIN SIND TAN TAND BIT_LENGTH CHAR_LENGTH CHARACTER_LENGTH LOWER OCTET_LENGTH OVERLAY POSITION SUBSTRING TREAT TRIM UPPER ASCII BTRIM CHR CONCAT CONCAT_WS CONVERT CONVERT_FROM CONVERT_TO DECODE ENCODE INITCAP LEFT LENGTH LPAD LTRIM MD5 PARSE_IDENT PG_CLIENT_ENCODING QUOTE_IDENT|10 QUOTE_LITERAL|10 QUOTE_NULLABLE|10 REGEXP_MATCH REGEXP_MATCHES REGEXP_REPLACE REGEXP_SPLIT_TO_ARRAY REGEXP_SPLIT_TO_TABLE REPEAT REPLACE REVERSE RIGHT RPAD RTRIM SPLIT_PART STRPOS SUBSTR TO_ASCII TO_HEX TRANSLATE OCTET_LENGTH GET_BIT GET_BYTE SET_BIT SET_BYTE TO_CHAR TO_DATE TO_NUMBER TO_TIMESTAMP AGE CLOCK_TIMESTAMP|10 DATE_PART DATE_TRUNC ISFINITE JUSTIFY_DAYS JUSTIFY_HOURS JUSTIFY_INTERVAL MAKE_DATE MAKE_INTERVAL|10 MAKE_TIME MAKE_TIMESTAMP|10 MAKE_TIMESTAMPTZ|10 NOW STATEMENT_TIMESTAMP|10 TIMEOFDAY TRANSACTION_TIMESTAMP|10 ENUM_FIRST ENUM_LAST ENUM_RANGE AREA CENTER DIAMETER HEIGHT ISCLOSED ISOPEN NPOINTS PCLOSE POPEN RADIUS WIDTH BOX BOUND_BOX CIRCLE LINE LSEG PATH POLYGON ABBREV BROADCAST HOST HOSTMASK MASKLEN NETMASK NETWORK SET_MASKLEN TEXT INET_SAME_FAMILY INET_MERGE MACADDR8_SET7BIT ARRAY_TO_TSVECTOR GET_CURRENT_TS_CONFIG NUMNODE PLAINTO_TSQUERY PHRASETO_TSQUERY WEBSEARCH_TO_TSQUERY QUERYTREE SETWEIGHT STRIP TO_TSQUERY TO_TSVECTOR JSON_TO_TSVECTOR JSONB_TO_TSVECTOR TS_DELETE TS_FILTER TS_HEADLINE TS_RANK TS_RANK_CD TS_REWRITE TSQUERY_PHRASE TSVECTOR_TO_ARRAY TSVECTOR_UPDATE_TRIGGER TSVECTOR_UPDATE_TRIGGER_COLUMN XMLCOMMENT XMLCONCAT XMLELEMENT XMLFOREST XMLPI XMLROOT XMLEXISTS XML_IS_WELL_FORMED XML_IS_WELL_FORMED_DOCUMENT XML_IS_WELL_FORMED_CONTENT XPATH XPATH_EXISTS XMLTABLE XMLNAMESPACES TABLE_TO_XML TABLE_TO_XMLSCHEMA TABLE_TO_XML_AND_XMLSCHEMA QUERY_TO_XML QUERY_TO_XMLSCHEMA QUERY_TO_XML_AND_XMLSCHEMA CURSOR_TO_XML CURSOR_TO_XMLSCHEMA SCHEMA_TO_XML SCHEMA_TO_XMLSCHEMA SCHEMA_TO_XML_AND_XMLSCHEMA DATABASE_TO_XML DATABASE_TO_XMLSCHEMA DATABASE_TO_XML_AND_XMLSCHEMA XMLATTRIBUTES TO_JSON TO_JSONB ARRAY_TO_JSON ROW_TO_JSON JSON_BUILD_ARRAY JSONB_BUILD_ARRAY JSON_BUILD_OBJECT JSONB_BUILD_OBJECT JSON_OBJECT JSONB_OBJECT JSON_ARRAY_LENGTH JSONB_ARRAY_LENGTH JSON_EACH JSONB_EACH JSON_EACH_TEXT JSONB_EACH_TEXT JSON_EXTRACT_PATH JSONB_EXTRACT_PATH JSON_OBJECT_KEYS JSONB_OBJECT_KEYS JSON_POPULATE_RECORD JSONB_POPULATE_RECORD JSON_POPULATE_RECORDSET JSONB_POPULATE_RECORDSET JSON_ARRAY_ELEMENTS JSONB_ARRAY_ELEMENTS JSON_ARRAY_ELEMENTS_TEXT JSONB_ARRAY_ELEMENTS_TEXT JSON_TYPEOF JSONB_TYPEOF JSON_TO_RECORD JSONB_TO_RECORD JSON_TO_RECORDSET JSONB_TO_RECORDSET JSON_STRIP_NULLS JSONB_STRIP_NULLS JSONB_SET JSONB_INSERT JSONB_PRETTY CURRVAL LASTVAL NEXTVAL SETVAL COALESCE NULLIF GREATEST LEAST ARRAY_APPEND ARRAY_CAT ARRAY_NDIMS ARRAY_DIMS ARRAY_FILL ARRAY_LENGTH ARRAY_LOWER ARRAY_POSITION ARRAY_POSITIONS ARRAY_PREPEND ARRAY_REMOVE ARRAY_REPLACE ARRAY_TO_STRING ARRAY_UPPER CARDINALITY STRING_TO_ARRAY UNNEST ISEMPTY LOWER_INC UPPER_INC LOWER_INF UPPER_INF RANGE_MERGE GENERATE_SERIES GENERATE_SUBSCRIPTS CURRENT_DATABASE CURRENT_QUERY CURRENT_SCHEMA|10 CURRENT_SCHEMAS|10 INET_CLIENT_ADDR INET_CLIENT_PORT INET_SERVER_ADDR INET_SERVER_PORT ROW_SECURITY_ACTIVE FORMAT_TYPE TO_REGCLASS TO_REGPROC TO_REGPROCEDURE TO_REGOPER TO_REGOPERATOR TO_REGTYPE TO_REGNAMESPACE TO_REGROLE COL_DESCRIPTION OBJ_DESCRIPTION SHOBJ_DESCRIPTION TXID_CURRENT TXID_CURRENT_IF_ASSIGNED TXID_CURRENT_SNAPSHOT TXID_SNAPSHOT_XIP TXID_SNAPSHOT_XMAX TXID_SNAPSHOT_XMIN TXID_VISIBLE_IN_SNAPSHOT TXID_STATUS CURRENT_SETTING SET_CONFIG BRIN_SUMMARIZE_NEW_VALUES BRIN_SUMMARIZE_RANGE BRIN_DESUMMARIZE_RANGE GIN_CLEAN_PENDING_LIST SUPPRESS_REDUNDANT_UPDATES_TRIGGER LO_FROM_BYTEA LO_PUT LO_GET LO_CREAT LO_CREATE LO_UNLINK LO_IMPORT LO_EXPORT LOREAD LOWRITE GROUPING CAST".split(" ").map((function (E){ return E.split("|")[0]; })).join("|")
 ;return{name:"PostgreSQL",aliases:["postgres","postgresql"],supersetOf:"sql",
 case_insensitive:!0,keywords:{
 keyword:"ABORT ALTER ANALYZE BEGIN CALL CHECKPOINT|10 CLOSE CLUSTER COMMENT COMMIT COPY CREATE DEALLOCATE DECLARE DELETE DISCARD DO DROP END EXECUTE EXPLAIN FETCH GRANT IMPORT INSERT LISTEN LOAD LOCK MOVE NOTIFY PREPARE REASSIGN|10 REFRESH REINDEX RELEASE RESET REVOKE ROLLBACK SAVEPOINT SECURITY SELECT SET SHOW START TRUNCATE UNLISTEN|10 UPDATE VACUUM|10 VALUES AGGREGATE COLLATION CONVERSION|10 DATABASE DEFAULT PRIVILEGES DOMAIN TRIGGER EXTENSION FOREIGN WRAPPER|10 TABLE FUNCTION GROUP LANGUAGE LARGE OBJECT MATERIALIZED VIEW OPERATOR CLASS FAMILY POLICY PUBLICATION|10 ROLE RULE SCHEMA SEQUENCE SERVER STATISTICS SUBSCRIPTION SYSTEM TABLESPACE CONFIGURATION DICTIONARY PARSER TEMPLATE TYPE USER MAPPING PREPARED ACCESS METHOD CAST AS TRANSFORM TRANSACTION OWNED TO INTO SESSION AUTHORIZATION INDEX PROCEDURE ASSERTION ALL ANALYSE AND ANY ARRAY ASC ASYMMETRIC|10 BOTH CASE CHECK COLLATE COLUMN CONCURRENTLY|10 CONSTRAINT CROSS DEFERRABLE RANGE DESC DISTINCT ELSE EXCEPT FOR FREEZE|10 FROM FULL HAVING ILIKE IN INITIALLY INNER INTERSECT IS ISNULL JOIN LATERAL LEADING LIKE LIMIT NATURAL NOT NOTNULL NULL OFFSET ON ONLY OR ORDER OUTER OVERLAPS PLACING PRIMARY REFERENCES RETURNING SIMILAR SOME SYMMETRIC TABLESAMPLE THEN TRAILING UNION UNIQUE USING VARIADIC|10 VERBOSE WHEN WHERE WINDOW WITH BY RETURNS INOUT OUT SETOF|10 IF STRICT CURRENT CONTINUE OWNER LOCATION OVER PARTITION WITHIN BETWEEN ESCAPE EXTERNAL INVOKER DEFINER WORK RENAME VERSION CONNECTION CONNECT TABLES TEMP TEMPORARY FUNCTIONS SEQUENCES TYPES SCHEMAS OPTION CASCADE RESTRICT ADD ADMIN EXISTS VALID VALIDATE ENABLE DISABLE REPLICA|10 ALWAYS PASSING COLUMNS PATH REF VALUE OVERRIDING IMMUTABLE STABLE VOLATILE BEFORE AFTER EACH ROW PROCEDURAL ROUTINE NO HANDLER VALIDATOR OPTIONS STORAGE OIDS|10 WITHOUT INHERIT DEPENDS CALLED INPUT LEAKPROOF|10 COST ROWS NOWAIT SEARCH UNTIL ENCRYPTED|10 PASSWORD CONFLICT|10 INSTEAD INHERITS CHARACTERISTICS WRITE CURSOR ALSO STATEMENT SHARE EXCLUSIVE INLINE ISOLATION REPEATABLE READ COMMITTED SERIALIZABLE UNCOMMITTED LOCAL GLOBAL SQL PROCEDURES RECURSIVE SNAPSHOT ROLLUP CUBE TRUSTED|10 INCLUDE FOLLOWING PRECEDING UNBOUNDED RANGE GROUPS UNENCRYPTED|10 SYSID FORMAT DELIMITER HEADER QUOTE ENCODING FILTER OFF FORCE_QUOTE FORCE_NOT_NULL FORCE_NULL COSTS BUFFERS TIMING SUMMARY DISABLE_PAGE_SKIPPING RESTART CYCLE GENERATED IDENTITY DEFERRED IMMEDIATE LEVEL LOGGED UNLOGGED OF NOTHING NONE EXCLUDE ATTRIBUTE USAGE ROUTINES TRUE FALSE NAN INFINITY ALIAS BEGIN CONSTANT DECLARE END EXCEPTION RETURN PERFORM|10 RAISE GET DIAGNOSTICS STACKED|10 FOREACH LOOP ELSIF EXIT WHILE REVERSE SLICE DEBUG LOG INFO NOTICE WARNING ASSERT OPEN SUPERUSER NOSUPERUSER CREATEDB NOCREATEDB CREATEROLE NOCREATEROLE INHERIT NOINHERIT LOGIN NOLOGIN REPLICATION NOREPLICATION BYPASSRLS NOBYPASSRLS ",
@@ -370,4 +437,4 @@ endsWithParent:!0}]}),{begin:'"',end:'"',contains:[{begin:'""'}]
 },E.C_NUMBER_MODE,E.C_BLOCK_COMMENT_MODE,T,{className:"meta",variants:[{
 begin:"%(ROW)?TYPE",relevance:10},{begin:"\\$\\d+"},{begin:"^#\\w",end:"$"}]},{
 className:"symbol",begin:"<<\\s*[a-zA-Z_][a-zA-Z_0-9$]*\\s*>>",relevance:10}]}}
-})();hljs.registerLanguage("pgsql",E)})();
\ No newline at end of file
+})();hljs.registerLanguage("pgsql",E)})();

From 879143cdd0df29350d8a97a9d3f8687e72607def Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Wed, 15 Mar 2023 19:22:43 -0700
Subject: [PATCH 51/57] Version bump to 3.3.1 [skip ci]

---
 CHANGELOG.md          | 2 +-
 lib/pghero/version.rb | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4269318e1..53f4c4b00 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,4 @@
-## 3.3.1 (unreleased)
+## 3.3.1 (2023-03-15)
 
 - Fixed error with Uglifier
 
diff --git a/lib/pghero/version.rb b/lib/pghero/version.rb
index 9151f53f9..39f0a102c 100644
--- a/lib/pghero/version.rb
+++ b/lib/pghero/version.rb
@@ -1,3 +1,3 @@
 module PgHero
-  VERSION = "3.3.0"
+  VERSION = "3.3.1"
 end

From 8f456e34c5bb18873cf0de48268391b759dac099 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 17 Mar 2023 16:55:07 -0700
Subject: [PATCH 52/57] Added Rails 7.1 to CI

---
 .github/workflows/build.yml     |  2 +-
 gemfiles/activerecord71.gemfile | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 gemfiles/activerecord71.gemfile

diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index f541b61bb..a43182c90 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -8,7 +8,7 @@ jobs:
       matrix:
         include:
           - ruby: 3.2
-            gemfile: Gemfile
+            gemfile: gemfiles/activerecord71.gemfile
             postgres: 15
           - ruby: 3.1
             gemfile: Gemfile
diff --git a/gemfiles/activerecord71.gemfile b/gemfiles/activerecord71.gemfile
new file mode 100644
index 000000000..1d426636c
--- /dev/null
+++ b/gemfiles/activerecord71.gemfile
@@ -0,0 +1,11 @@
+source "https://rubygems.org"
+
+gemspec path: ".."
+
+gem "minitest", ">= 5"
+gem "rake"
+
+gem "activerecord", github: "rails/rails"
+gem "combustion"
+gem "pg"
+gem "pg_query"

From 1c3a52e5182621c550a78cd83bc5ac225fe8ad57 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Fri, 24 Mar 2023 09:39:23 -0700
Subject: [PATCH 53/57] Fixed error with suggested indexes and empty statements
 - fixes #450

---
 CHANGELOG.md                            | 4 ++++
 lib/pghero/methods/suggested_indexes.rb | 1 +
 test/best_index_test.rb                 | 4 ++++
 3 files changed, 9 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 53f4c4b00..5f9b9403c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 3.3.2 (unreleased)
+
+- Fixed error with suggested indexes and empty statements
+
 ## 3.3.1 (2023-03-15)
 
 - Fixed error with Uglifier
diff --git a/lib/pghero/methods/suggested_indexes.rb b/lib/pghero/methods/suggested_indexes.rb
index ba24f3262..26431850d 100644
--- a/lib/pghero/methods/suggested_indexes.rb
+++ b/lib/pghero/methods/suggested_indexes.rb
@@ -194,6 +194,7 @@ def best_index_helper(statements)
       end
 
       def best_index_structure(statement)
+        return {error: "Empty statement"} if statement.to_s.empty?
         return {error: "Too large"} if statement.to_s.length > 10000
 
         begin
diff --git a/test/best_index_test.rb b/test/best_index_test.rb
index 407730a79..cf8dc5b27 100644
--- a/test/best_index_test.rb
+++ b/test/best_index_test.rb
@@ -162,6 +162,10 @@ def test_set
     assert_no_index "SET statement", "set client_encoding to 'UTF8'"
   end
 
+  def test_empty_statement
+    assert_no_index "Empty statement", nil
+  end
+
   protected
 
   def assert_best_index(expected, statement)

From 8a8240c139369c0c42d7e57304301776a36731ca Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Wed, 12 Apr 2023 18:42:31 -0700
Subject: [PATCH 54/57] Version bump to 3.3.2 [skip ci]

---
 CHANGELOG.md          | 2 +-
 lib/pghero/version.rb | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5f9b9403c..e09c9c877 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,4 @@
-## 3.3.2 (unreleased)
+## 3.3.2 (2023-04-12)
 
 - Fixed error with suggested indexes and empty statements
 
diff --git a/lib/pghero/version.rb b/lib/pghero/version.rb
index 39f0a102c..ae3ac1118 100644
--- a/lib/pghero/version.rb
+++ b/lib/pghero/version.rb
@@ -1,3 +1,3 @@
 module PgHero
-  VERSION = "3.3.1"
+  VERSION = "3.3.2"
 end

From d08fdf408f488a56b7fbb3c6f456d83e4ee249c0 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Mon, 17 Apr 2023 23:24:49 -0700
Subject: [PATCH 55/57] Fixed error with load stats for Azure Flexible Server
 [skip ci]

---
 CHANGELOG.md                               |  4 ++++
 app/controllers/pg_hero/home_controller.rb | 13 ++++++++++---
 lib/pghero/methods/system.rb               | 11 ++++++++---
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e09c9c877..827d6d1fd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 3.3.3 (unreleased)
+
+- Fixed error with load stats for Azure Flexible Server
+
 ## 3.3.2 (2023-04-12)
 
 - Fixed error with suggested indexes and empty statements
diff --git a/app/controllers/pg_hero/home_controller.rb b/app/controllers/pg_hero/home_controller.rb
index bf7f7c813..c7e1c4aee 100644
--- a/app/controllers/pg_hero/home_controller.rb
+++ b/app/controllers/pg_hero/home_controller.rb
@@ -248,9 +248,16 @@ def load_stats
       stats =
         case @database.system_stats_provider
         when :azure
-          [
-            {name: "IO Consumption", data: @database.azure_stats("io_consumption_percent", **system_params), library: chart_library_options}
-          ]
+          if @database.send(:azure_flexible_server?)
+            [
+              {name: "Read IOPS", data: @database.read_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options},
+              {name: "Write IOPS", data: @database.write_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options}
+            ]
+          else
+            [
+              {name: "IO Consumption", data: @database.azure_stats("io_consumption_percent", **system_params), library: chart_library_options}
+            ]
+          end
         when :gcp
           [
             {name: "Read Ops", data: @database.read_iops_stats(**system_params).map { |k, v| [k, v ? v.round : v] }, library: chart_library_options},
diff --git a/lib/pghero/methods/system.rb b/lib/pghero/methods/system.rb
index d3bc588ed..543937fde 100644
--- a/lib/pghero/methods/system.rb
+++ b/lib/pghero/methods/system.rb
@@ -269,12 +269,13 @@ def system_stats(metric_key, **options)
             used = azure_stats("storage_used", **options)
             free_space(quota, used)
           else
-            # no read_iops, write_iops
-            # could add io_consumption_percent
+            replication_lag_stat = azure_flexible_server? ? "physical_replication_delay_in_seconds" : "pg_replica_log_delay_in_seconds"
             metrics = {
               cpu: "cpu_percent",
               connections: "active_connections",
-              replication_lag: "pg_replica_log_delay_in_seconds"
+              replication_lag: replication_lag_stat,
+              read_iops: "read_iops", # flexible server only
+              write_iops: "write_iops" # flexible server only
             }
             raise Error, "Metric not supported" unless metrics[metric_key]
             azure_stats(metrics[metric_key], **options)
@@ -284,6 +285,10 @@ def system_stats(metric_key, **options)
         end
       end
 
+      def azure_flexible_server?
+        azure_resource_id.include?("/Microsoft.DBforPostgreSQL/flexibleServers/")
+      end
+
       # only use data points included in both series
       # this also eliminates need to align Time.now
       def free_space(quota, used)

From 6aeeafad6b4650dd87f936ed48fb1817947bf396 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Mon, 17 Apr 2023 23:33:58 -0700
Subject: [PATCH 56/57] Fixed error with system stats for Azure Database -
 fixes #452

---
 CHANGELOG.md                 | 2 +-
 lib/pghero/methods/system.rb | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 827d6d1fd..39f564115 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 ## 3.3.3 (unreleased)
 
-- Fixed error with load stats for Azure Flexible Server
+- Fixed error with system stats for Azure Database
 
 ## 3.3.2 (2023-04-12)
 
diff --git a/lib/pghero/methods/system.rb b/lib/pghero/methods/system.rb
index 543937fde..556ff0ea5 100644
--- a/lib/pghero/methods/system.rb
+++ b/lib/pghero/methods/system.rb
@@ -102,7 +102,8 @@ def azure_stats(metric_name, duration: nil, period: nil, offset: nil, series: fa
           end
 
         client = Azure::Monitor::Profiles::Latest::Mgmt::Client.new
-        timespan = "#{start_time.iso8601}/#{end_time.iso8601}"
+        # call utc to convert +00:00 to Z
+        timespan = "#{start_time.utc.iso8601}/#{end_time.utc.iso8601}"
         results = client.metrics.list(
           azure_resource_id,
           metricnames: metric_name,

From ea4bcda8fabdd1bb28886bcda9e98e8127a61ea5 Mon Sep 17 00:00:00 2001
From: Andrew Kane <andrew@ankane.org>
Date: Tue, 18 Apr 2023 09:50:40 -0700
Subject: [PATCH 57/57] Version bump to 3.3.3 [skip ci]

---
 CHANGELOG.md          | 2 +-
 lib/pghero/version.rb | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 39f564115..2daba879b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,4 @@
-## 3.3.3 (unreleased)
+## 3.3.3 (2023-04-18)
 
 - Fixed error with system stats for Azure Database
 
diff --git a/lib/pghero/version.rb b/lib/pghero/version.rb
index ae3ac1118..6a476f46d 100644
--- a/lib/pghero/version.rb
+++ b/lib/pghero/version.rb
@@ -1,3 +1,3 @@
 module PgHero
-  VERSION = "3.3.2"
+  VERSION = "3.3.3"
 end